模板:零洲共鸣地标/styles.css:修订间差异
来自RIA | Wiki
更多操作
转换为模板样式 |
写点注释 |
||
| (未显示同一用户的1个中间版本) | |||
| 第1行: | 第1行: | ||
.template-zth_landmarks .navbox-title { | /* | ||
* 零洲共鸣地标导航盒 | |||
} | * 颜色空间:OKLCH 2 SRGB | ||
* 配色工具:https://harmonizer.evilmartians.com | |||
.template-zth_landmarks .navbox-group { | * H:20;WCAG;max chroma | ||
background-color: rgb( | * 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 */ | |||
} | |||
.template-zth_landmarks .navbox-abovebelow { | /* 用户设置的黑暗模式 */ | ||
/* 标题 */ | |||
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 */ | |||
} | |||
} | } | ||
.template-zth_landmarks .navbox- | @media screen and (prefers-color-scheme: dark) { | ||
background-color: rgb( | /* 自动切换的黑暗模式 */ | ||
/* 标题 */ | |||
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 */ | |||
} | |||
} | } | ||
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 */
}
}