更多操作
无编辑摘要 |
小无编辑摘要 |
||
第9行: | 第9行: | ||
/* 浅色模式 */ | /* 浅色模式 */ | ||
:root { | :root { | ||
--color-primary__h:38; | |||
--color-primary__s:93.5%; | |||
--color-primary__l:42; | |||
--box-shadow-border: 0 2px 3px 0 var(--border-color-base); | --box-shadow-border: 0 2px 3px 0 var(--border-color-base); | ||
--color-surface-clear: hsl(0 100% 100%); | --color-surface-clear: hsl(0 100% 100%); | ||
第15行: | 第18行: | ||
/* 深色模式 */ | /* 深色模式 */ | ||
:root.skin-theme-clientpref-night { | :root.skin-theme-clientpref-night { | ||
--color-primary__l: 46%; | |||
--color-surface-clear: hsl(220 19.23% 14.15%); | --color-surface-clear: hsl(220 19.23% 14.15%); | ||
} | } |
2024年12月21日 (六) 00:28的版本
/* 这里所有CSS都会加载给Citizen皮肤的用户 */
/* Citizen采用CSS变量模式自动计算最终颜色
以及适配深浅黑三种配色模式下的颜色。
请按照下列注释配置所需的基础样式颜色。*/
/* 颜色变量定义区 */
/* 覆盖顺序:纯黑 > 深色 > 浅色,使用最高覆盖层级的定义 */
/* 浅色模式 */
:root {
--color-primary__h:38;
--color-primary__s:93.5%;
--color-primary__l:42;
--box-shadow-border: 0 2px 3px 0 var(--border-color-base);
--color-surface-clear: hsl(0 100% 100%);
}
/* 深色模式 */
:root.skin-theme-clientpref-night {
--color-primary__l: 46%;
--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;
}