请问如何调整Callout颜色及内部间距

obsidian版本v1.6.7,admonition版本v10.3.2。

问题1

使用过程中发现callout有部分框体与同类别的admonition框体显色不一致。具体类别如下(左侧为callout右侧为ad),请问如何将callout这几类别框体颜色调整至与ad一致?

问题2

如何缩小callout引用块标题与引用内容中间的距离?

请各位大佬赐教!非常感谢!

手动调整可以这样:

  • color: #00FF0080; 颜色16进制最后两位表示透明度,具体数值需要楼主自己进控制台找对应admonition元素查一下颜色属性,不需要透明度就直接写6位或者rgb(x,x,x)
  • data-callout 填callout的类别标识符
/* callout背景色 */
.callout[data-callout="info"]{
    background-color: #00FF0080;
}
/* callout标题+icon颜色 */
.callout[data-callout="info"] .callout-title,
.callout[data-callout="info"] .callout-icon .svg-icon{
    color: #ff0000E0;
}

直接把内容上边距减小:

.callout-content{
    margin-top: -20px;
}

效果

非常感谢您的指点,问题2已完美解决!问题1还需要请教一下如何在控制台查看对应框体的颜色?(我只通过搜索callout类别关键字查到了字体的颜色)再次感谢!

如图定位到对应的元素查看color或者background-color属性

好像不太对,我确认我点击的是框体的绿色边缘部分,得到如下结果:

以及,我尝试在CSS文件背景色部分填写各种颜色代码,框体背景颜色均没有发生改变。
同时发现,如果单击的是title部分的绿色边缘部分,在样式区存在一串属性如下,取消该勾选后ad框体会变成和callout框体一样的颜色,不知与改色失败是否有关联,供参考。


1 个赞