Obsidian 样式 - 设置面板样式调整

突出显示当前选中的设置项

CSS 代码

使用方法见：Obsidian的CSS代码片段

body {
  --prompt-iselected-background: var(--color-base-10);
}

.prompt .prompt-results .suggestion-item {
  opacity: 0.5;
  transition: line-height 0.1s, opacity 0.1s;
  transition-timing-function: ease-in-out;
}

.prompt .prompt-results .suggestion-item:has(+ .is-selected),
.prompt .prompt-results .suggestion-item:has(+ .is-selected:hover),
.prompt
  .prompt-results
  .suggestion-item.is-selected
  + .suggestion-item:not(.is-selected),
.prompt
  .prompt-results
  .suggestion-item.is-selected:hover
  + .suggestion-item:not(.is-selected) {
  line-height: 155%;
  opacity: 0.7;
}

.prompt .prompt-results .suggestion-item.is-selected {
  background-color: var(--prompt-iselected-background);
  line-height: 180%;
  opacity: 1;
}

讨论

若阁下有独到的见解或新颖的想法，诚邀您在文章下方留言，与大家共同探讨。