MediaWiki:Cosmos.css：修订间差异

帮助

2026年8月8日 (六) 20:28的版本

/* ============================================================
   夜间模式关闭反转滤镜（配套 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;
}
ZiluoUwU​（留言 | 贡献）

2026年8月8日 (六) 20:28的版本

ZiluoUwU（留言 | 贡献）
