注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
- Opera:按 Ctrl-F5。
/* 这里所有CSS都会加载给Citizen皮肤的用户 */
/* Citizen采用CSS变量模式自动计算最终颜色
以及适配深浅黑三种配色模式下的颜色。
请按照下列注释配置所需的基础样式颜色。*/
/* 颜色变量定义区 */
/* 覆盖顺序:纯黑 > 深色 > 浅色,使用最高覆盖层级的定义 */
/* 浅色模式 */
:root {
--box-shadow-border: 0 2px 3px 0 var(--border-color-base);
--color-surface-clear: hsl(0 100% 100%);
}
/* 深色模式 */
:root.skin-theme-clientpref-night {
--color-surface-clear: hsl(220 19.23% 14.15%);
}
/* 纯黑模式 */
:root.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1 {
--color-surface-clear: hsl(0 0% 7.69%);
}
/* 颜色设定 */
/* [!]警告:确保已在上方定义了相应的变量 */
.wikitable th, .wikitable td {
border-right: 1px solid var(--border-color-base);
}
.citizen-overflow-wrapper {
background: var(--color-surface-clear);
}
/* 统一设置 */
/* [!]警告:只能放置与颜色无关的设置 */
.wikitable th, .wikitable td:last-child {
border-right: none;
}