注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* ============================================================
夜间模式关闭反转滤镜(配套 LocalSettings.darkmode.php)
DarkMode 扩展对 <html> 和内部 img/video/svg/iframe 分别加滤镜,
必须全部关掉,否则深色配色被反回浅色、图片反色。
============================================================ */
html.client-darkmode,
html.skin-theme-clientpref-night {
filter: none !important;
-webkit-filter: none !important;
}
html.client-darkmode img,
html.client-darkmode video,
html.client-darkmode svg,
html.client-darkmode iframe,
html.skin-theme-clientpref-night img,
html.skin-theme-clientpref-night video,
html.skin-theme-clientpref-night svg,
html.skin-theme-clientpref-night iframe {
filter: none !important;
-webkit-filter: none !important;
}
body{background-color:transparent!important}
/* ===== Cosmos 主题变量(日间默认值,改这里即可自定义皮肤)===== */
:root, html:not(.client-darkmode){
--theme-sticky-nav-background-color: #ba8433;
--theme-page-background-color--secondary: #4d4f31;
--theme-body-background-color: #e0daa7; /* 仅变量,不桥接到 body */
--theme-page-background-color: #e0daa7;
--theme-background-image-opacity: 79%; /* 仅背景图明暗 */
--theme-accent-color: #89702a;
--theme-link-color: #922c2c;
--theme-page-text-color: #3a3a3a;
--theme-page-text-color--hover: #6d6d6d;
--theme-body-text-color: #000000;
--theme-body-text-color--hover: #333333;
--theme-community-header-color: #4d4f31;
--theme-community-header-color--hover: #8a8d58;
--theme-sticky-nav-text-color: #000000;
--theme-sticky-nav-text-color--hover: #333333;
--cosmos-toolbar-gradient: linear-gradient(to right, #0b0805 0%, #2a2014 50%, #0b0805 100%);
--cosmos-footer-bg: #210738;
}
/* ===== Cosmos 主题变量(夜间默认值,改这里即可自定义皮肤)===== */
html.client-darkmode, html.skin-theme-clientpref-night{
--theme-sticky-nav-background-color: #222222;
--theme-page-background-color--secondary: #37393b;
--theme-body-background-color: #1d2026; /* 仅变量,不桥接到 body */
--theme-page-background-color: #141618;
--theme-background-image-opacity: 40%; /* 仅背景图明暗 */
--theme-accent-color: #61636b;
--theme-link-color: #e8621a;
--theme-page-text-color: #e6e6e6;
--theme-page-text-color--hover: #b3b3b3;
--theme-body-text-color: #ffffff;
--theme-body-text-color--hover: #cccccc;
--theme-community-header-color: #e6e6e6;
--theme-community-header-color--hover: #b3b3b3;
--theme-sticky-nav-text-color: #ffffff;
--theme-sticky-nav-text-color--hover: #cccccc;
--cosmos-toolbar-gradient: linear-gradient(to right, #070708 0%, #1b1c1e 50%, #070708 100%);
--cosmos-footer-bg: #12091c;
}
/* ===== 变量桥接层(!important 压过 less 硬编码,勿改动)===== */
/* 内容卡片:半透明毛玻璃(不透明度由 --cosmos-content-opacity 控制,与背景图透明度解耦) */
#mw-content, #mw-content-text, .cosmos-article-container, #catlinks {
background-color: color-mix(in srgb, var(--theme-page-background-color) calc(var(--cosmos-content-opacity, 0.88) * 100%), transparent) !important;
backdrop-filter: blur(6px) saturate(1.1);
-webkit-backdrop-filter: blur(6px) saturate(1.1);
}
#cosmos-footer {
background-color: color-mix(in srgb, var(--cosmos-footer-bg) 90%, transparent) !important;
}
#cosmos-banner {
background-color: var(--theme-sticky-nav-background-color) !important;
}
.cosmos-header {
background-color: var(--theme-page-background-color--secondary) !important;
}
.cosmos-button-primary {
background-color: var(--theme-accent-color) !important;
}
#cosmos-toolbar {
background-image: var(--cosmos-toolbar-gradient) !important;
}
#mw-content a:not(.new), #mw-content-text a:not(.new), .cosmos-article-container a:not(.new) {
color: var(--theme-link-color) !important;
}
/* 需求1:正文 / 标题 / 说明文字 */
#mw-content-text, .cosmos-article-container, #mw-content-text p, #mw-content-text li {
color: var(--theme-page-text-color) !important;
}
#mw-content-text h1, #mw-content-text h2, #mw-content-text h3, #mw-content-text h4, #mw-content-text h5, #mw-content-text h6, .mw-headline {
color: var(--theme-page-text-color) !important;
}
#cosmos-pageContent-subtitle, .cosmos-header__counter-label, #cosmos-content-categories {
color: var(--theme-page-text-color--hover) !important;
}
/* 需求2:顶部头栏 + 右下悬浮工具条 文字 */
.cosmos-header, .cosmos-header__sitename, .cosmos-header__counter-value, .cosmos-header__counter-label, .cosmos-header__local-navigation a {
color: var(--theme-community-header-color) !important;
}
.cosmos-header__local-navigation a:hover {
color: var(--theme-community-header-color--hover) !important;
}
#cosmos-toolbar, #cosmos-toolbar .cosmos-toolbar-tools {
color: var(--theme-sticky-nav-text-color) !important;
}
#cosmos-toolbar a {
color: var(--theme-sticky-nav-text-color) !important;
}
#cosmos-toolbar a:hover {
color: var(--theme-sticky-nav-text-color--hover) !important;
}
#cosmos-footer a {
color: var(--theme-link-color) !important;
}
/* body 不在桥接层:保持 transparent 让背景图经 body::after 透出 */
body::after {
background-image: var(--theme-body-background-image, none) !important;
background-size: var(--cosmos-bg-size, cover) !important;
background-repeat: var(--cosmos-bg-repeat, no-repeat) !important;
}
/* 背景图变量([B2] 重传同名文件后哈希路径会变,需到 Special:FilePath/<文件名> 查新 URL 并更新) */
:root, html:not(.client-darkmode) {
--theme-body-background-image: url(/images/b/b0/Site-background-light.png);
--cosmos-content-opacity: 0.88; /* 卡片不透明度 0~1,调高更实/调低更透 */
--cosmos-bg-size: cover;
--cosmos-bg-repeat: no-repeat;
}
html.client-darkmode, html.skin-theme-clientpref-night {
--theme-body-background-image: url(/images/9/9a/Site-background-dark.png);
--cosmos-content-opacity: 0.88;
--cosmos-bg-size: cover;
--cosmos-bg-repeat: no-repeat;
}