模板:零洲共鸣地标/styles.css:修订间差异
来自RIA | Wiki
更多操作
尝试适配黑暗模式 |
写点注释 |
||
| 第8行: | 第8行: | ||
@media screen { | @media screen { | ||
/* 明亮模式/默认 */ | /* 明亮模式/默认 */ | ||
/* 标题 */ | |||
.template-zth_landmarks .navbox-title { | .template-zth_landmarks .navbox-title { | ||
background-color: rgb(254, 187, 185); /* color level:200 */ | background-color: rgb(254, 187, 185); /* color level:200 */ | ||
} | } | ||
/* 顶部、底部单元格与组标题(列表左边编号单元格) */ | |||
.template-zth_landmarks .navbox-abovebelow, | .template-zth_landmarks .navbox-abovebelow, | ||
.template-zth_landmarks .navbox-group { | .template-zth_landmarks .navbox-group { | ||
background-color: rgb(254, 222, 221); /* color level:100 */ | background-color: rgb(254, 222, 221); /* color level:100 */ | ||
} | } | ||
/* 偶数行 */ | |||
.template-zth_landmarks .navbox-even { /* 以非常透的红色作为偶数行的背景色 */ | .template-zth_landmarks .navbox-even { /* 以非常透的红色作为偶数行的背景色 */ | ||
background-color: rgb(193, 0, 49, 0.05); /* color level:500 */ | background-color: rgb(193, 0, 49, 0.05); /* color level:500 */ | ||
| 第20行: | 第23行: | ||
/* 用户设置的黑暗模式 */ | /* 用户设置的黑暗模式 */ | ||
/* 标题 */ | |||
html.skin-theme-clientpref-night .template-zth_landmarks .navbox-title { | html.skin-theme-clientpref-night .template-zth_landmarks .navbox-title { | ||
background-color: rgb(104, 1, 22); /* color level:800 */ | background-color: rgb(104, 1, 22); /* color level:800 */ | ||
} | } | ||
/* 顶部、底部单元格与组标题 */ | |||
html.skin-theme-clientpref-night .template-zth_landmarks .navbox-abovebelow, | html.skin-theme-clientpref-night .template-zth_landmarks .navbox-abovebelow, | ||
html.skin-theme-clientpref-night .template-zth_landmarks .navbox-group { | html.skin-theme-clientpref-night .template-zth_landmarks .navbox-group { | ||
| 第31行: | 第36行: | ||
@media screen and (prefers-color-scheme: dark) { | @media screen and (prefers-color-scheme: dark) { | ||
/* 自动切换的黑暗模式 */ | /* 自动切换的黑暗模式 */ | ||
/* 标题 */ | |||
html.skin-theme-clientpref-os .template-zth_landmarks .navbox-title { | html.skin-theme-clientpref-os .template-zth_landmarks .navbox-title { | ||
background-color: rgb(104, 1, 22); /* color level:800 */ | background-color: rgb(104, 1, 22); /* color level:800 */ | ||
} | } | ||
/* 顶部、底部单元格与组标题 */ | |||
html.skin-theme-clientpref-os .template-zth_landmarks .navbox-abovebelow, | html.skin-theme-clientpref-os .template-zth_landmarks .navbox-abovebelow, | ||
html.skin-theme-clientpref-os .template-zth_landmarks .navbox-group { | html.skin-theme-clientpref-os .template-zth_landmarks .navbox-group { | ||
2026年3月15日 (日) 00:12的最新版本
/*
* 零洲共鸣地标导航盒
* 颜色空间:OKLCH 2 SRGB
* 配色工具:https://harmonizer.evilmartians.com
* H:20;WCAG;max chroma
* color level:浅 100 —— 1000 深
*/
@media screen {
/* 明亮模式/默认 */
/* 标题 */
.template-zth_landmarks .navbox-title {
background-color: rgb(254, 187, 185); /* color level:200 */
}
/* 顶部、底部单元格与组标题(列表左边编号单元格) */
.template-zth_landmarks .navbox-abovebelow,
.template-zth_landmarks .navbox-group {
background-color: rgb(254, 222, 221); /* color level:100 */
}
/* 偶数行 */
.template-zth_landmarks .navbox-even { /* 以非常透的红色作为偶数行的背景色 */
background-color: rgb(193, 0, 49, 0.05); /* color level:500 */
}
/* 用户设置的黑暗模式 */
/* 标题 */
html.skin-theme-clientpref-night .template-zth_landmarks .navbox-title {
background-color: rgb(104, 1, 22); /* color level:800 */
}
/* 顶部、底部单元格与组标题 */
html.skin-theme-clientpref-night .template-zth_landmarks .navbox-abovebelow,
html.skin-theme-clientpref-night .template-zth_landmarks .navbox-group {
background-color: rgb(65, 0, 10); /* color level:900 */
}
}
@media screen and (prefers-color-scheme: dark) {
/* 自动切换的黑暗模式 */
/* 标题 */
html.skin-theme-clientpref-os .template-zth_landmarks .navbox-title {
background-color: rgb(104, 1, 22); /* color level:800 */
}
/* 顶部、底部单元格与组标题 */
html.skin-theme-clientpref-os .template-zth_landmarks .navbox-abovebelow,
html.skin-theme-clientpref-os .template-zth_landmarks .navbox-group {
background-color: rgb(65, 0, 10); /* color level:900 */
}
}