模板:零洲共鸣地标/styles.css:修订间差异
来自RIA | Wiki
更多操作
试图分离样式 |
无编辑摘要 标签:已被回退 |
||
| 第10行: | 第10行: | ||
/* 标题 */ | /* 标题 */ | ||
.template-zth_landmarks .navbox-s-title { | .template-zth_landmarks .navbox-s-title { | ||
background-color: | background-color: var(--background-color-neutral-subtle, #f8f9fa); | ||
} | } | ||
/* 顶部、底部单元格与组标题(列表左边编号单元格) */ | /* 顶部、底部单元格与组标题(列表左边编号单元格) */ | ||
2026年3月24日 (二) 18:38的版本
/*
* 零洲共鸣地标导航盒
* 颜色空间:OKLCH 2 SRGB
* 配色工具:https://harmonizer.evilmartians.com
* H:20;WCAG;max chroma
* color level:浅 100 —— 1000 深
*/
@media screen {
/* 明亮模式/默认 */
/* 标题 */
.template-zth_landmarks .navbox-s-title {
background-color: var(--background-color-neutral-subtle, #f8f9fa);
}
/* 顶部、底部单元格与组标题(列表左边编号单元格) */
.template-zth_landmarks .navbox-s-abovebelow,
.template-zth_landmarks .navbox-s-group {
background-color: rgb(254, 222, 221); /* color level:100 */
}
/* 偶数行 */
.template-zth_landmarks .navbox-s-even { /* 以非常透的红色作为偶数行的背景色 */
background-color: rgb(193, 0, 49, 0.05); /* color level:500 */
}
/* 用户设置的黑暗模式 */
/* 标题 */
html.skin-theme-clientpref-night .template-zth_landmarks .navbox-s-title {
background-color: rgb(104, 1, 22); /* color level:800 */
}
/* 顶部、底部单元格与组标题 */
html.skin-theme-clientpref-night .template-zth_landmarks .navbox-s-abovebelow,
html.skin-theme-clientpref-night .template-zth_landmarks .navbox-s-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-s-title {
background-color: rgb(104, 1, 22); /* color level:800 */
}
/* 顶部、底部单元格与组标题 */
html.skin-theme-clientpref-os .template-zth_landmarks .navbox-s-abovebelow,
html.skin-theme-clientpref-os .template-zth_landmarks .navbox-s-group {
background-color: rgb(65, 0, 10); /* color level:900 */
}
}