MediaWiki:Common.css:修订间差异
MediaWiki界面页面
更多操作
DoubleCircle(留言 | 贡献) 创建页面,内容为“:root { →---------------- 主题色 · 浅蜜瓜绿系 ----------------: --color-theme: #F1F8E6; →久远澪代表色 · 页面/信息框底色: --color-theme-soft: #F9FCF4; →更浅底色 · 卡片渐变顶部: --color-theme-deep: #e0efd0; →稍深浅绿 · 标签/分区底色: →---------------- 主强调色 · 绿色系 ----------------: --color-primary: #8FBC8F; /* 主强调色 · 标题…” |
DoubleCircle(留言 | 贡献) 小无编辑摘要 |
||
| (未显示同一用户的2个中间版本) | |||
| 第49行: | 第49行: | ||
--shadow-card-hover: 0 4px 14px rgba(143, 188, 143, .4); | --shadow-card-hover: 0 4px 14px rgba(143, 188, 143, .4); | ||
} | } | ||
@media screen { | |||
html.skin-theme-clientpref-night { | |||
/* ---------------- 主题色 · 墨绿系 ---------------- */ | |||
--color-theme: #1D2618; /* 深色页面底色(墨绿) */ | |||
--color-theme-soft: #232D1D; /* 更浅一档深色(卡片渐变顶部) */ | |||
--color-theme-deep: #303D2A; /* 稍亮深绿(标签/分区底色,与底色区分) */ | |||
/* ---------------- 主强调色 · 绿色系 ---------------- */ | |||
--color-primary: #7FAA85; /* 主强调色(深色下略提亮) */ | |||
--color-primary-hover: #93BC98; /* 主强调色 · 悬停提亮 */ | |||
--color-primary-deep: #A9CFAE; /* 亮绿 · 标题/强调文字 */ | |||
--color-primary-light: #3A4736; /* 深绿 · 卡片/信息框边框 */ | |||
--color-primary-lite: #33402F; /* 更暗绿 · 装饰渐变 */ | |||
/* ---------------- 暖橙强调色 · 点缀 ---------------- */ | |||
--color-accent: #E0A85C; /* 暖橙 · 强调卡片/点缀 */ | |||
--color-accent-light: #C99A52; /* 暖橙浅色 · 渐变 */ | |||
--color-accent-deep: #F0C48A; /* 暖橙浅色 · 文字 */ | |||
--color-accent-bg: #2E2719; /* 暖橙深色背景 */ | |||
--color-accent-bg-soft: #382D1C; /* 暖橙背景 · 渐变底部 */ | |||
--color-accent-border: #57451F; /* 暖橙深色边框 */ | |||
/* ---------------- 文字 ---------------- */ | |||
--color-text: #E8EDE3; /* 正文(浅色) */ | |||
--color-text-sub: #B8C2B0; /* 次要文字 */ | |||
--color-text-muted: #8A9484; /* 弱化/注释文字 */ | |||
--color-text-invert: #FFFFFF; /* 强调色底色上的文字 */ | |||
/* ---------------- 语义色 · 深色 ---------------- */ | |||
--color-info-bg: #1D2A33; /* 信息提示背景 */ | |||
--color-info-border: #2E4656; /* 信息提示边框 */ | |||
--color-info-text: #9CC7DE; /* 信息提示文字 */ | |||
--color-success-bg: #1E2A1A; /* 成功提示背景 */ | |||
--color-success-border: #33502E; /* 成功提示边框 */ | |||
--color-success-text: #A8D29C; /* 成功提示文字 */ | |||
--color-warning-bg: #2E2615; /* 警告提示背景 */ | |||
--color-warning-border: #57481F; /* 警告提示边框 */ | |||
--color-warning-text: #E3C07A; /* 警告提示文字 */ | |||
--color-error-bg: #301D1C; /* 错误提示背景 */ | |||
--color-error-border: #57302C; /* 错误提示边框 */ | |||
--color-error-text: #E09A94; /* 错误提示文字 */ | |||
/* ---------------- 中性色 ---------------- */ | |||
--color-border: #3A3A3A; /* 通用边框 */ | |||
--color-bg: #161A14; /* 卡片/表格底色 */ | |||
--color-bg-subtle: #20251C; /* 轻微底纹 */ | |||
/* ---------------- 投影 · 深色下用黑色 ---------------- */ | |||
--shadow-card: 0 1px 3px rgba(0, 0, 0, .4); | |||
--shadow-card-hover: 0 4px 14px rgba(0, 0, 0, .55); | |||
} | |||
} | |||
/* ========================================================================== | /* ========================================================================== | ||
| 第58行: | 第112行: | ||
max-width: 20em; | max-width: 20em; | ||
text-align: center; | text-align: center; | ||
color: var(--color-text); | |||
background-color: var(--color-theme); | background-color: var(--color-theme); | ||
/* 整体浅绿背景 */ | /* 整体浅绿背景 */ | ||