根据论坛的文章,学会了编辑高亮和背景色的 CSS,但是到这块就卡壳了(图片中红色框选的部分,不是修改该面板的样式,是应用这个样式后的文字的样式),求大佬给一份代码,可以修改这四项的背景色、文字颜色、周围间距的数值。
求一段外观面板中「颜色」样式修改的 CSS 代码
-
思源笔记
22346 引用 • 89409 回帖 • 1 关注
思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。
融合块、大纲和双向链接,重构你的思维。
-
Q&A
8116 引用 • 37016 回帖 • 160 关注
提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。
相关帖子
-
大抵是可以的吧,你试试看,颜色和边距我随便设的,根据自己的需要调整
/* 第1个 */ .protyle-util .color__square[style="color: var(--b3-card-error-color);background-color: var(--b3-card-error-background);"] { color: red!important; background-color: green!important; margin: 8px; } /* 第2个 */ .protyle-util .color__square[style="color: var(--b3-card-warning-color);background-color: var(--b3-card-warning-background);"] { color: #a74141!important; background-color: #dfd020!important; margin: 8px; } /* 第3个 */ .protyle-util .color__square[style="color: var(--b3-card-info-color);background-color: var(--b3-card-info-background);"] { color: #fbcbcc!important; background-color: #228be6!important; margin: 8px; } /* 第4个 */ .protyle-util .color__square[style="color: var(--b3-card-success-color);background-color: var(--b3-card-success-background);"] { color: #fff!important; background-color: #807c00!important; margin: 8px; }
但这仅是对这几个按钮外观的修改,并不能使这几个按钮作用下的文字起作用,如果想让作用下的文字也起作用,可参考 求助一个样式 CSS
- 其他回帖
-
这个是 Savor 主题上的 ,其他的主题没试过 ,你可以看下有没有效果
:root{ /* 卡片背景 */ --b3-card-error-color: rgb(97, 26, 21); --b3-card-error-background: rgb(238, 213, 210) !important; --b3-card-warning-color: rgb(102, 60, 0); --b3-card-warning-background: rgb(243, 225, 200) !important; --b3-card-info-color: rgb(13, 60, 97); --b3-card-info-background: rgb(204, 223, 237) !important; --b3-card-success-color: rgb(30, 70, 32); --b3-card-success-background: rgb(217, 239, 217) !important; }
1 回复 - 查看全部回帖
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于