MediaWiki:Cosmos.css：修订间差异

帮助

2026年8月8日 (六) 22:05的最新版本

/* ============================================================
   夜间模式关闭反转滤镜（配套 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, body:not(.theme-dark){
	--theme-sticky-nav-background-color: #ba8433;
	--theme-page-background-color--secondary: #ba8433;
	--theme-body-background-color: #e0daa7;
	--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: #ffffff;
	--theme-community-header-color--hover: #f0e6c8;
	--theme-sticky-nav-text-color: #f5f5f5;
	--theme-sticky-nav-text-color--hover: #cccccc;
	--cosmos-toolbar-gradient: linear-gradient(to right, #0b0805 0%, #2a2014 50%, #0b0805 100%);
	--cosmos-footer-bg: #210738;
	--cosmos-dropdown-bg: #d5cf9f;
	--cosmos-dropdown-border: #b7b28c;
	--cosmos-comment-title: #3a3a3a;
	--cosmos-header-opacity: 0.85;
}
/* ===== Cosmos 主题变量（夜间默认值）===== */
body.theme-dark, html.skin-theme-clientpref-night body{
	--theme-sticky-nav-background-color: #222222;
	--theme-page-background-color--secondary: #1b1c1e;
	--theme-body-background-color: #1d2026;
	--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: #ffffff;
	--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;
	--cosmos-dropdown-bg: #2a2c30;
	--cosmos-dropdown-border: #494a4c;
	--cosmos-comment-title: #c8c9cb;
	--cosmos-header-opacity: 0.7;
}

/* ===== 变量桥接层 ===== */
#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; }
/* [v10] 头栏毛玻璃：本体半透明+blur，::before 同步保持图片预留区 */
.cosmos-header {
	background-color: color-mix(in srgb, var(--theme-page-background-color--secondary) calc(var(--cosmos-header-opacity, 0.85) * 100%), transparent) !important;
	backdrop-filter: blur(8px) saturate(1.15);
	-webkit-backdrop-filter: blur(8px) saturate(1.15);
}
.cosmos-header::before {
	background: linear-gradient(to right, color-mix(in srgb, var(--theme-page-background-color--secondary) calc(var(--cosmos-header-opacity, 0.85) * 50%), transparent) 0%, color-mix(in srgb, var(--theme-page-background-color--secondary) calc(var(--cosmos-header-opacity, 0.85) * 100%), transparent) 430px) !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; }
#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 { color: var(--theme-page-text-color--hover) !important; }
.cosmos-header, .cosmos-header__sitename, .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; }
h1.firstHeading, #cosmos-title-text, #cosmos-title-text .mw-headline { color: var(--theme-page-text-color) !important; }
.cosmos-actions-edit, .cosmos-actions-talk, .cosmos-button-action { color: var(--theme-page-text-color) !important; border-color: var(--theme-page-text-color) !important; }
.recentchanges-module, .recentchanges-module *, .recentchanges-module h2, .recentchanges-module h3, .railModule__title, .cosmos-recentChanges-page, .cosmos-recentChanges-info { color: var(--theme-page-text-color) !important; }
.cosmos-header__counter, .cosmos-header__counter-value, .cosmos-header__counter-label { color: var(--theme-community-header-color) !important; opacity: 1 !important; }
.cosmos-header__local-navigation .wds-dropdown__content, .wds-dropdown__content { background-color: var(--cosmos-dropdown-bg) !important; border: 1px solid var(--cosmos-dropdown-border) !important; }
.cosmos-header__local-navigation .wds-dropdown__content a, .wds-dropdown__content a { color: var(--theme-page-text-color) !important; }
#catlinks, .catlinks, .page-header__categories, .page-header__categories-in { color: var(--theme-page-text-color) !important; }
.action-edit .mw-body-content label, .action-delete label, .action-protect label, .action-move label,
.oo-ui-labelElement-label, .oo-ui-fieldLayout .oo-ui-labelElement-label, .mw-htmlform-field-HTMLCheckField label,
.mw-editTools, .editOptions, .mw-summary, .templatesUsed, .mw-templatesUsedExplanation { color: var(--theme-page-text-color) !important; }
/* [v9] 统一主区与 OOUI 表单容器背景 */
.cosmos-article-container .oo-ui-panelLayout-framed,
.cosmos-article-container .oo-ui-panelLayout-padded,
.cosmos-article-container .mw-htmlform,
.cosmos-article-container .mw-htmlform-ooui-wrapper,
.cosmos-article-container .htmlform,
#mw-content-text .oo-ui-panelLayout-framed,
#mw-content-text .mw-htmlform-ooui-wrapper,
#mw-content .oo-ui-panelLayout-framed { background-color: transparent !important; border-color: var(--cosmos-dropdown-border) !important; }
.cosmos-article-container fieldset, .cosmos-article-container legend,
#mw-content-text fieldset, #mw-content-text legend,
#mw-htmlform-restriction-edit, #mw-htmlform-restriction-move, .mw-protect-table2 { background-color: transparent !important; border-color: var(--cosmos-dropdown-border) !important; }
/* [v10] 评论区毛玻璃：与主卡片同色，消除色差 */
.article-comments, .comments-container, .comments-section,
.comment-list, .comments-list, .comments__list,
[class*='comment-stream'], [class*='comment__list'],
#mw-content-block .article-comments,
#mw-content-container .article-comments {
	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);
}
.article-comments .comment, .article-comments [class*='comment__'],
.article-comments form, .article-comments textarea,
.comments-container > *, .comments-section > * { background-color: transparent !important; }
.article-comments button, .article-comments .button, .article-comments [class*='add-comment'],
.comments-container button, .comments-section button { background-color: color-mix(in srgb, var(--theme-accent-color) 80%, transparent) !important; color: var(--theme-page-text-color) !important; }
.article-comments, .article-comments *, [class*='comment'], [class*='Comment'], [class*='reply'], [class*='Reply'] { color: var(--theme-page-text-color); fill: var(--theme-page-text-color); }
.article-comments a, [class*='comment'] a, [class*='reply'] a { color: var(--theme-link-color); }
.article-comments h2, .article-comments h3, [class*='comment'] h2, [class*='comment'] h3, [class*='comments__title'], [class*='comment__title'] { color: var(--cosmos-comment-title) !important; }
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; }
:root, body:not(.theme-dark) {
	--theme-body-background-image: url(/images/b/b0/Site-background-light.png);
	--cosmos-content-opacity: 0.88;
	--cosmos-bg-size: cover; --cosmos-bg-repeat: no-repeat;
}
body.theme-dark, html.skin-theme-clientpref-night body {
	--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;
}
/* v8 日夜显隐 */
.onlydark { display: none !important; }
body.theme-dark .onlylight, html.skin-theme-clientpref-night .onlylight { display: none !important; }
body.theme-dark .onlydark, html.skin-theme-clientpref-night .onlydark { display: revert !important; }
ZiluoUwU​（留言 | 贡献）

2026年8月8日 (六) 22:05的最新版本

ZiluoUwU（留言 | 贡献）
