“用户:Shio/common.css”的版本间差异

2025年11月9日 (日) 14:22的版本

@media (prefers-color-scheme: dark),
body.skin-dark,
body.vector-dark,
body.skin-vector-dark,
body.mw-prefers-dark,
html[data-user-theme="dark"] {

  :root {
    --wiki-bg: #0b0c0f;         /* 页面背景 */
    --wiki-article-bg: #0b0c0f; /* 文章区域背景 */
    --wiki-surface: #0f1114;    /* 卡片面板背景 */
    --wiki-text: #e6eef6;       /* 正文文字 */
    --wiki-muted: #98a0aa;      /* 次要文字（说明、时间） */
    --wiki-link: #6fb3ff;       /* 链接 */
    --wiki-link-visited: #9aaeea;
    --wiki-border: #22252a;     /* 分隔线、表格线 */
    --wiki-code-bg: #0b0c0f;    /* 代码块背景 */
    --wiki-highlight: #263246;  /* 高亮、表头背景等 */
    --wiki-error: #ff7b7b;      /* 错误警告 */
    --wiki-shadow: rgba(0,0,0,0.6);
  }

  html, body, #mw-content-text, #content, #WikiaArticle, .mw-body {
    background-color: var(--wiki-bg) !important;
    color: var(--wiki-text) !important;
  }

  .mw-body, .mw-body *:not(img):not(svg):not(video):not(canvas) {
    background-color: transparent !important;
    color: inherit !important;
  }

  #mw-panel, #p-personal, .sidebar, .portlet, .mw-portlet {
    background-color: var(--wiki-surface) !important;
    color: var(--wiki-text) !important;
    border-color: var(--wiki-border) !important;
    box-shadow: 0 1px 4px var(--wiki-shadow) !important;
  }

  a, a:link, a:visited {
    color: var(--wiki-link) !important;
  }
  a:visited { color: var(--wiki-link-visited) !important; }
  a:hover, a:active, a:focus {
    text-decoration: underline !important;
    filter: brightness(1.05) !important;
  }

 h1, h2, h3, h4, h5, h6 {
    color: var(--wiki-text) !important;
  }
  .mw-headline {
    color: var(--wiki-text) !important;
  }

  table, .wikitable {
    background-color: transparent !important;
    color: var(--wiki-text) !important;
    border-color: var(--wiki-border) !important;
  }
  .wikitable th {
    background-color: var(--wiki-highlight) !important;
    color: var(--wiki-text) !important;
  }
  .wikitable td, .wikitable th {
    border-color: var(--wiki-border) !important;
  }

  pre, code, tt {
    background-color: var(--wiki-code-bg) !important;
    color: var(--wiki-text) !important;
    border-color: var(--wiki-border) !important;
  }
  pre {
    box-shadow: none !important;
  }

  blockquote {
    background-color: transparent !important;
    border-left: 3px solid var(--wiki-border) !important;
    color: var(--wiki-muted) !important;
  }

  input, textarea, select, button {
    background-color: #111418 !important;
    color: var(--wiki-text) !important;
    border: 1px solid var(--wiki-border) !important;
  }
  button {
    background-image: none !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.6) inset !important;
  }

  .tag, .badge, .tooltip {
    background-color: var(--wiki-highlight) !important;
    color: var(--wiki-text) !important;
    border-color: var(--wiki-border) !important;
  }

  .mw-warning, .mw-warning a, .infobox, .messagebox {
    background-color: #121417 !important;
    color: var(--wiki-text) !important;
    border-color: var(--wiki-border) !important;
  }

  #footer, .printfooter, .site-info {
    background-color: transparent !important;
    color: var(--wiki-muted) !important;
    border-color: var(--wiki-border) !important;
  }

  .thumb, .image, .mw-image {
    background-color: transparent !important;
    border: 1px solid var(--wiki-border) !important;
  }

  /* 禁用某些图片反转（某些站点用 filter 改变图片颜色时） */
  img, svg, video {
    filter: none !important;
    background: transparent !important;
  }

  /* 强制表格中的链接和按钮可见 */
  .mw-parser-output a, .mw-parser-output button {
    color: var(--wiki-link) !important;
  }


  /* 处理高对比度或内联样式较强的元素：尽量把主要文字改回可读色 */
  [style*="background"], [style*="background-color"] {
    color: var(--wiki-text) !important;
  }

}