## 概要
[[🦉Another Quick Switcher]]の[[Header search in file]]や[[Header floating search in file]]で表示される見出しに対して、以下のように見出しレベル(H2、H3 etc)を表示したい。
![[Pasted image 20231203190859.png|frame]]
## ソリューション
[[CSS]]で以下のように設定します。見出しレベルごとにclassが分かれているため、それなりに細かくカスタマイズできます。
```css
/* Another Quick Switcher */
.another-quick-switcher__item__title__header {
list-style: none;
}
.another-quick-switcher__item__title__header::before {
padding-right: 5px;
font-weight: bold;
color: lightgray;
}
.another-quick-switcher__item__title__header1::before {
content: "H1";
}
.another-quick-switcher__item__title__header2::before {
content: "H2";
}
.another-quick-switcher__item__title__header3::before {
content: "H3";
}
.another-quick-switcher__item__title__header4::before {
content: "H4";
}
.another-quick-switcher__item__title__header5::before {
content: "H5";
}
.another-quick-switcher__item__title__header6::before {
content: "H6";
}
```
上記は一例なので、好みに従って調整してください。