MediaWiki:Citizen.css

/* 这里所有CSS都会加载给Citizen皮肤的用户 */

/* 主题色 */
:root {
	--color-primary__h: 20;
	--color-primary__s: 43%;
	--color-primary__l: 55%;
}

/* Make light theme great again */
/* 强制指定浅色时 */
:root.skin-citizen-light {
	--color-surface-0: #fff;
	--color-surface-1: #fff;
	--color-surface-2: #f9fafb;
	--color-surface-3: #eaecf0;
	--color-surface-4: #c7ccd1;
	--color-base--emphasized: #54595d;
	--color-base: #202122;
	--color-base--subtle: #72777d;
}

:root.skin-citizen-light #skin-client-prefs-skin-theme .citizen-client-prefs-radio__label[for='skin-client-pref-skin-theme-value-day'] {
	background: var(--color-surface-0);
}

/* 跟随系统为浅色时 */
@media (prefers-color-scheme: light) {
	:root.skin-theme-clientpref-os {
		--color-surface-0: #fff;
		--color-surface-1: #fff;
		--color-surface-2: #f9fafb;
		--color-surface-3: #eaecf0;
		--color-surface-4: #c7ccd1;
		--color-base--emphasized: #54595d;
		--color-base: #202122;
		--color-base--subtle: #72777d;
	}
	
	:root.skin-theme-clientpref-os #skin-client-prefs-skin-theme .citizen-client-prefs-radio__label[for='skin-client-pref-skin-theme-value-day'] {
		background: var(--color-surface-0);
	}
}

/* 强制指定深色时 */
:root.skin-citizen-dark #skin-client-prefs-skin-theme .citizen-client-prefs-radio__label[for='skin-client-pref-skin-theme-value-day'] {
	background: white;
}

/* 跟随系统为深色时 */
@media (prefers-color-scheme: dark) {
	:root.skin-theme-clientpref-os #skin-client-prefs-skin-theme .citizen-client-prefs-radio__label[for='skin-client-pref-skin-theme-value-day'] {
		background: var(--color-surface-0);
	}
}

#footer-icons ul {
	gap: var(--space-md);
	flex-direction: row-reverse;
}