询问Bases的css

疑问解答
1

假如我希望一个带yaml为

---
active: true
---

的文件在Bases的卡片试图下背景为浅红色，需要如何修改css

2

css无法区分内容，只能区分有无，所以并不能直接判断 active 的值，需要添加一个自定义属性 is_active ，内容为 if(active == "true", "✔️", "") ，然后判断这个属性是否为空，从而进行区分

.bases-cards-item:has(.bases-cards-property[data-property="formula.isactive"] .bases-rendered-value:not(:empty)) {
    background-color: #ffe6e6; /* 浅红色 */
}

效果如图：

image
image808×522 25.9 KB

如何添加css脚本：【新手向教程】OB样式调整基础课：CSS入门科普

3

有挺多类似的帖子

  1. https://www.reddit.com/r/ObsidianMD/comments/1musyat/obsidian_bases_color_formatting/
  2. Base Color Conditional Formatting - Feature requests - Obsidian Forum

其中提到一个bases的插件可以根据属性改颜色obsidian-colored-property-lists，结合这个插件应该能做到判断是否为true，楼主可以试试

这个需求其实挺常见的，我之前用的project插件时就蛮常用

1 个赞
4

收到，学习了 :grinning: