## 経緯
[[Obsidian Better Command Palette]]の最近使ったコマンドをもう少し見やすくしたい。
## 対象
以下のelementで囲まれるので、これをいじればよさそう。
```html
<span class="suggestion-content recent">
```
## やったこと
以下の[[CSS]]を追加。
```css
/* Better Command Palette */
.suggestion-content.recent .suggestion-title {
color: goldenrod;
font-weight: bold;
}
.suggestion-content.recent .suggestion-title::before {
background-size: 18px 18px;
width: 18px;
height: 18px;
margin-right: 2px;
filter: invert(0.5) hue-rotate(180deg);
content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzIgMzIiPjxwYXRoIGQ9Ik0yMC41OSAyMkwxNSAxNi40MVY3aDJ2OC41OGw1IDUuMDFMMjAuNTkgMjJ6IiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD48cGF0aCBkPSJNMTYgMkExMy45NCAxMy45NCAwIDAgMCA2IDYuMjNWMkg0djhoOFY4SDcuMDhBMTIgMTIgMCAxIDEgNCAxNkgyQTE0IDE0IDAgMSAwIDE2IDJ6IiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD48L3N2Zz4=");
}
```
また、`Recently used text`の設定は空にした。
## 結果
`Publish changes...`と`Delete current file`が最近使ったコマンド。一目で分かるようになった。
![[Pasted image 20240114175211.png|frame]]