模板:零洲共鸣地标/styles.css

/*
 * 零洲共鸣地标导航盒
 * 颜色空间：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 */
  }
}