这个弹出气泡背景和里面两种文字颜色,还有就是标题栏失去焦点时候颜色。
-
思源笔记
22591 引用 • 90672 回帖 • 1 关注
思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。
融合块、大纲和双向链接,重构你的思维。
-
代码片段
74 引用 • 386 回帖
代码片段分为 CSS 与 JS 两种代码,添加在 [设置 - 外观 - 代码片段] 中,这些代码会在思源笔记加载时自动执行,用于改善笔记的样式或功能。
用户在该标签下分享代码片段时需在帖子标题前添加
[css]
或[js]
用于区分代码片段类型。 -
CSS
198 引用 • 551 回帖
CSS(Cascading Style Sheet)“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
-
Q&A
8220 引用 • 37518 回帖 • 158 关注
提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。
相关帖子
-
wilsons •付费者 捐赠者
代码如下,仅供参考
/* 注意:以下样式可能受到本地环境的影响,如果不生效可添加!important */ /* 提示框样式(注意:这个修改会修改全局提示框样式,注释部分未默认的样式颜色) --start */ /* 提示框背景色 */ .tooltip { /* background-color: var(--b3-tooltips-background); */ background-color: lightskyblue; } /* 提示框左侧文字颜色 */ .tooltip { /* color: var(--b3-tooltips-color); */ color: green; } /* 提示框右侧侧文字颜色 */ .tooltip .ft__on-surface{ /* color: var(--b3-tooltips-second-color); */ color: deeppink; } /* 提示框样式 --end */ /* 文档树右侧图标,选中但失焦的背景色 */ .dock__item:hover, .dock__item--active { /* background-color: var(--b3-theme-background-light); */ background-color: lightpink; }
修改后的效果
-
代码如下,仅供参考
/* 注意:以下样式可能受到本地环境的影响,如果不生效可添加!important */ /* 提示框样式(注意:这个修改会修改全局提示框样式,注释部分未默认的样式颜色) --start */ /* 提示框背景色 */ .tooltip { /* background-color: var(--b3-tooltips-background); */ background-color: lightskyblue; } /* 提示框左侧文字颜色 */ .tooltip { /* color: var(--b3-tooltips-color); */ color: green; } /* 提示框右侧侧文字颜色 */ .tooltip .ft__on-surface{ /* color: var(--b3-tooltips-second-color); */ color: deeppink; } /* 提示框样式 --end */ /* 文档树右侧图标,选中但失焦的背景色 */ .dock__item:hover, .dock__item--active { /* background-color: var(--b3-theme-background-light); */ background-color: lightpink; }
修改后的效果