MediaWiki:Citizen.css
MediaWiki界面页面
更多操作
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* 应用于全站的自定义样式 */
:root {
/* 页面主背景色 */
--color-surface-0: #fafafa !important;
/* 稍微深一点的层次背景(如侧边栏或卡片) */
--color-surface-1: #fdfdfd !important;
--color-surface-2: #ffffff !important;
}
:root {
/* 默认链接颜色:可以选一个深一点的蓝色或品牌色 */
--color-primary: #0056b3 !important;
/* 鼠标悬停时的链接颜色 */
--color-primary-highlight: #003d80 !important;
/* 已访问链接颜色 */
--color-visited: #551a8b !important;
}
:root {
/* 主文字颜色(正文):#202122 是维基百科常用的深灰色,比纯黑更柔和 */
--color-base-0: #202122 !important;
/* 次要文字颜色(如元数据、脚注、禁用的文本) */
--color-base-30: #54595d !important;
/* 标题颜色:如果你想让标题完全变黑 */
--color-heading: #000000 !important;
}
/* 针对正文段落的额外保险(有些版本 Citizen 可能会有选择器权重问题) */
.mw-body-content {
color: var(--color-base-0);
}
:root {
/* 弹出层、菜单、小窗口的背景色 */
--color-surface-1: #ffffff !important;
--color-surface-2: #fdfdfd !important;
/* 确保弹出层内的边框颜色不会太突兀(可选) */
--color-border: #eaecf0 !important;
/* 如果小窗里有那种半透明的蓝色背景,通常是这个变量: */
--background-color-interactive-subtle: rgba(0, 0, 0, 0.05) !important;
}
/* 针对某些特定的 Citizen 浮窗容器 */
.citizen-ui-overlay,
.citizen-ui-container {
background-color: var(--color-surface-1);
}