MediaWiki:Citizen.css：修订间差异

2026年1月29日 (四) 13:53的版本

/* Let's Go White! - Citizen 皮肤纯白化改造 */

:root {
    /* === 核心：把所有背景全抹白 === */
    /* 网页最底层背景 */
    --background-color-base: #fdfeff !important;
    /* 卡片、侧边栏、顶部栏的表面背景 -> 改成纯白 */
    --background-color-surface: #ffffff !important;
    /* 弹窗、遮罩层的背景 -> 改成纯白 */
    --background-color-overlay: #ffffff !important;
    /* 输入框背景 -> 纯白 */
    --background-color-input: #ffffff !important;

    /* === 文字：确保是深黑色 === */
    /* 主要文字颜色 (维基百科经典黑) */
    --color-base: #202122 !important;
    /* 次要文字颜色 (深灰) */
    --color-quiet: #54595d !important;

    /* === 边框：去掉蓝调，用中性灰 === */
    --border-color-base: #a2a9b1 !important;
    --border-color-subtle: #eaecf0 !important;

    /* === 点缀：保留“白蓝风”里的蓝色灵魂 === */
    /* 链接颜色和主要按钮颜色 (保持默认蓝色或自定义) */
    /* 如果你喜欢维基百科的深蓝，取消下面这行的注释: */
    /* --color-primary: #0645ad !important; */
}

/* === 针对性打击：确保侧边栏和页脚变白 === */

/* 1. 顶部导航栏和左侧抽屉菜单的背景 */
.mw-header,
.citizen-drawer {
    background-color: #ffffff !important;
    /* 如果觉得太白了没层次，可以加一点点极淡的阴影 */
    /* box-shadow: 0 1px 2px rgba(0,0,0,0.05); */
}

/* 2. 左侧菜单里的链接文字颜色 (改成黑色，鼠标放上去变蓝) */
.citizen-menu__item__link {
    color: var(--color-base) !important;
}
.citizen-menu__item__link:hover {
    color: var(--color-primary) !important;
    background-color: #f8f9fa !important; /* 鼠标悬停给个极淡的灰色背景 */
}

/* 3. 底部页脚区域背景 */
.mw-footer {
    background-color: #ffffff !important;
    border-top: 1px solid #eaecf0 !important; /* 加一条细灰线区分 */
}

/* 4. 首页大标题和搜索框区域的背景修正 */
.citizen-hero {
    background-color: #ffffff !important;
}