MediaWiki:Common.css - 版本历史

2026年9月24日 (四) 05:01 XIAOBAIMAO233

2026-09-24T05:01:52Z

←上一版本		2026年9月24日 (四) 13:01的版本
第219行：		第219行：
	===================================================== */		===================================================== */

	/* ~~页面底色（html / body）~~ */		/* 页面底色：只作用于 body，避免和 html 打架 */
	~~html,~~
	body {		body {
	transition: background-color 0.35s ease;		transition: background-color 0.35s ease;
	}		}

	/* ~~首页内部所有元素：只过渡背景和边框，颜色不动~~ */		/* 首页内部的容器：只过渡背景和边框 */
	:where(.page-首页 *) {		:where(.page-首页 *) {
	transition:		transition:
	background-color 0.35s ease,		background-color 0.35s ease,
	border-color ~~0.35s ease,~~		border-color 0.35s ease;
	~~filter~~ 0.35s ease;
	}		}

2026年9月24日 (四) 05:01 XIAOBAIMAO233

2026-09-24T05:01:02Z

←上一版本		2026年9月24日 (四) 13:01的版本
第216行：		第216行：
	.wikitable-routes tr th { background-color: #eee !important; }		.wikitable-routes tr th { background-color: #eee !important; }
	/* =====================================================		/* =====================================================
	8. 深色 / 浅色切换渐变		深色 / 浅色切换渐变
	===================================================== */		===================================================== */

	/* 页面底色（html / ~~body 本身）~~ */		/* 页面底色（html / body） */
	html,		html,
	body {		body {
	transition:		transition: background-color 0.35s ease;
	background-color ~~0.35s ease,~~
	~~color~~ 0.35s ease;
	}		}

	/* ~~首页内部所有元素~~ */		/* 首页内部所有元素：只过渡背景和边框，颜色不动 */
	:where(.page-首页 *) {		:where(.page-首页 *) {
	transition:		transition:
	background-color 0.35s ease,		background-color 0.35s ease,
	~~color 0.35s ease,~~
	border-color 0.35s ease,		border-color 0.35s ease,
	filter 0.35s ease;		filter 0.35s ease;
	}		}

2026年9月24日 (四) 04:59 XIAOBAIMAO233

2026-09-24T04:59:36Z

←上一版本		2026年9月24日 (四) 12:59的版本
第217行：		第217行：
	/* =====================================================		/* =====================================================
	8. 深色 / 浅色切换渐变		8. 深色 / 浅色切换渐变
	~~只对首页生效，只过渡颜色相关属性，不影响布局~~
	===================================================== */		===================================================== */

			/* 页面底色（html / body 本身） */
			html,
			body {
			transition:
			background-color 0.35s ease,
			color 0.35s ease;
			}

			/* 首页内部所有元素 */
	:where(.page-首页 *) {		:where(.page-首页 *) {
	transition:		transition:

2026年9月24日 (四) 04:57 XIAOBAIMAO233

2026-09-24T04:57:11Z

←上一版本		2026年9月24日 (四) 12:57的版本
第215行：		第215行：
	.wikitable-routes tr td:only-child { background-color: #f5f5f5 !important; }		.wikitable-routes tr td:only-child { background-color: #f5f5f5 !important; }
	.wikitable-routes tr th { background-color: #eee !important; }		.wikitable-routes tr th { background-color: #eee !important; }
			/* =====================================================
			8. 深色 / 浅色切换渐变
			只对首页生效，只过渡颜色相关属性，不影响布局
			===================================================== */

			:where(.page-首页 *) {
			transition:
			background-color 0.35s ease,
			color 0.35s ease,
			border-color 0.35s ease,
			filter 0.35s ease;
			}

2026年9月23日 (三) 16:17 XIAOBAIMAO233

2026-09-23T16:17:10Z

←上一版本		2026年9月24日 (四) 00:17的版本
第143行：		第143行：
	/* ---- 深色模式下把图标翻成白色 ---- */		/* ---- 深色模式下把图标翻成白色 ---- */
	.skin-citizen-dark .xh-icon {		.skin-citizen-dark .xh-icon {
	filter: brightness(0) invert(1);		filter: brightness(0) invert(1) opacity(0.85);
	}		}

2026年9月23日 (三) 16:15 XIAOBAIMAO233

2026-09-23T16:15:39Z

←上一版本		2026年9月24日 (四) 00:15的版本
第141行：		第141行：
	.xh-icon-verify { background-image: url('https://res.xhcity.top/other-resources/xhwiki/icon_verify.svg'); }		.xh-icon-verify { background-image: url('https://res.xhcity.top/other-resources/xhwiki/icon_verify.svg'); }
	.xh-icon-reset { background-image: url('https://res.xhcity.top/other-resources/xhwiki/icon_reset.svg'); }		.xh-icon-reset { background-image: url('https://res.xhcity.top/other-resources/xhwiki/icon_reset.svg'); }
			/* ---- 深色模式下把图标翻成白色 ---- */
			.skin-citizen-dark .xh-icon {
			filter: brightness(0) invert(1);
			}

	/* -----------------------------------------------------		/* -----------------------------------------------------

2026年9月23日 (三) 16:12 XIAOBAIMAO233

2026-09-23T16:12:06Z

←上一版本		2026年9月24日 (四) 00:12的版本
第5行：		第5行：
	/* =====================================================		/* =====================================================
	0. 主题色变量		0. 主题色变量
	~~浅色为默认值，深色由下面两条规则覆盖~~		浅色为默认值，深色由 .skin-citizen-dark 覆盖
	===================================================== */		===================================================== */

第23行：		第23行：
	}		}

	/* ---- ~~深色模式：匹配任何带有 night 字样的元素~~ ---- */		/* ---- 深色模式（Citizen 皮肤）---- */
	~~[class*="clientpref-night"],~~		.skin-citizen-dark {
	~~[class*="theme-night"],~~
	~~[class*="~~skin-~~theme~~-~~night"]~~ {
	--xh-card-bg: #1e242c;		--xh-card-bg: #1e242c;
	--xh-card-bg-soft: #18232a;		--xh-card-bg-soft: #18232a;
第39行：		第37行：
	--xh-header-bar-bg: #2d3540;		--xh-header-bar-bg: #2d3540;
	--xh-float-bg: rgba(30, 36, 44, 0.94);		--xh-float-bg: rgba(30, 36, 44, 0.94);
	}

	~~/* ---- 跟随系统深色 ---- */~~
	~~@media (prefers-color-scheme: dark) {~~
	~~[class*="clientpref-os"],~~
	~~[class*="theme-os"] {~~
	~~--xh-card-bg: #1e242c;~~
	~~--xh-card-bg-soft: #18232a;~~
	~~--xh-cover-bg: #2a3038;~~
	~~--xh-border: #2d3540;~~
	~~--xh-border-light: #2d3540;~~
	~~--xh-border-inner: #2d3540;~~
	~~--xh-text-strong: #e8eaed;~~
	~~--xh-text: #b8bfc8;~~
	~~--xh-text-soft: #9aa0a6;~~
	~~--xh-text-faint: #80868b;~~
	~~--xh-header-bar-bg: #2d3540;~~
	~~--xh-float-bg: rgba(30, 36, 44, 0.94);~~
	}
	}		}

2026年9月23日 (三) 16:09 XIAOBAIMAO233

2026-09-23T16:09:54Z

←上一版本		2026年9月24日 (四) 00:09的版本
第3行：		第3行：
	===================================================== */		===================================================== */

	/* ~~-----------------------------------------------------~~		/* =====================================================
	0. 主题色变量		0. 主题色变量
	~~-----------------------------------------------------~~ */		浅色为默认值，深色由下面两条规则覆盖
			===================================================== */

	:root {		:root {
	--xh-card-bg: #ffffff;		--xh-card-bg: #ffffff;
第21行：		第23行：
	}		}

	.skin-theme~~-clientpref~~-night {		/* ---- 深色模式：匹配任何带有 night 字样的元素 ---- */
			[class*="clientpref-night"],
			[class*="theme-night"],
			[class*="skin-theme-night"] {
	--xh-card-bg: #1e242c;		--xh-card-bg: #1e242c;
	--xh-card-bg-soft: #18232a;		--xh-card-bg-soft: #18232a;
第36行：		第41行：
	}		}

			/* ---- 跟随系统深色 ---- */
	@media (prefers-color-scheme: dark) {		@media (prefers-color-scheme: dark) {
	~~.skin~~-theme~~-clientpref~~-os {		[class*="clientpref-os"],
			[class*="theme-os"] {
	--xh-card-bg: #1e242c;		--xh-card-bg: #1e242c;
	--xh-card-bg-soft: #18232a;		--xh-card-bg-soft: #18232a;

2026年9月23日 (三) 16:04 XIAOBAIMAO233

2026-09-23T16:04:37Z

显示更改

2026年9月23日 (三) 15:56 XIAOBAIMAO233

2026-09-23T15:56:28Z

←上一版本		2026年9月23日 (三) 23:56的版本
第16行：		第16行：
	/* =====================================================		/* =====================================================
	0. 主题色变量		0. 主题色变量
	~~浅色为默认值；深色模式在 :root 的后续规则中覆盖~~
	===================================================== */		===================================================== */

第34行：		第33行：
	}		}

	~~/* 用户手动选择深色 */~~
	.skin-theme-clientpref-night {		.skin-theme-clientpref-night {
	--xh-card-bg: #1e242c;		--xh-card-bg: #1e242c;
第50行：		第48行：
	}		}

	~~/* 用户选择“跟随系统”且系统为深色 */~~
	@media (prefers-color-scheme: dark) {		@media (prefers-color-scheme: dark) {
	.skin-theme-clientpref-os {		.skin-theme-clientpref-os {