มีเดียวิกิ:Gadget-Palette.css

/* Experimental dark mode gadget. */
/* Inspired by [[:ru:w:MediaWiki:Gadget-common-site.css]] */

:root, .skin-invert, .notheme {
	--wikt-palette-white: #ffffff;
	--wikt-palette-black: #202122;
	--wikt-palette-beige: #fffbf2;
	--wikt-palette-grey: #9e9e9e;
	--wikt-palette-lightgrey: #cccccc;
	--wikt-palette-lightergrey: #eeeeee;
	--wikt-palette-cream: #f8f8f0;
	--wikt-palette-pink: #ffe0f0;
	--wikt-palette-peach: #e4d4c0;
	--wikt-palette-gold: #b88d00;
	--wikt-palette-dullgold: #826f34;
	--wikt-palette-yellow: #ebe8b9;
	--wikt-palette-dullyellow: #dedbc1;
	--wikt-palette-brightyellow: #ffee77;
	--wikt-palette-palegreen: #e2f6e2;
	--wikt-palette-palergreen: #f8fffa;
	--wikt-palette-mint: #c0e4c0;
	--wikt-palette-forestgreen: #235923;
	--wikt-palette-paleblue: #f8f9fa;
	--wikt-palette-cyan: #eaffff;
	--wikt-palette-lightblue: #d9ebff;
	--wikt-palette-dullblue: #49555f;
	--wikt-palette-dullcyan: #eaecf0;
	--wikt-palette-deepblue: #2f445c;
	--wikt-palette-lavender: #f8f8ff;
	--wikt-palette-lightyellow: #ffffe0;
	--wikt-palette-red: #d73333;
	--wikt-palette-orange: #f2caa4;
	--wikt-palette-lighterblue: #ebf4ff;
	--wikt-palette-lightred: #fee7e6;
	--wikt-palette-indigo: #aaaaee;
	--wikt-palette-lightindigo: #e9e9ff;
	--wikt-palette-palerpink: #fff3f5;
	--wikt-palette-honey: #81540e;
}

/* Styles need to be duplicated exactly between these two selectors. */
@media screen {
	html.skin-theme-clientpref-night {
		--wikt-palette-white: #101418;
		--wikt-palette-black: #eaecf0;
		--wikt-palette-beige: #2f1f10;
		--wikt-palette-grey: #4e4e4e;
		--wikt-palette-lightgrey: #3d3d3d;
		--wikt-palette-lightergrey: #242424;
		--wikt-palette-cream: #2c2c21;
		--wikt-palette-pink: #612042;
		--wikt-palette-peach: #58230a;
		--wikt-palette-gold: #c9b163;
		--wikt-palette-dullgold: #ab995e;
		--wikt-palette-yellow: #52421c;
		--wikt-palette-dullyellow: #3a3520;
		--wikt-palette-brightyellow: #827200;
		--wikt-palette-palegreen: #112511;
		--wikt-palette-palergreen: #051f0c;
		--wikt-palette-mint: #194819;
		--wikt-palette-forestgreen: #499149;
		--wikt-palette-paleblue: #1c2229;
		--wikt-palette-cyan: #184e4e;
		--wikt-palette-lightblue: #092f58;
		--wikt-palette-dullblue: #b8c0c5;
		--wikt-palette-dullcyan: #27292d;
		--wikt-palette-deepblue: #a5c3e1;
		--wikt-palette-lavender: #1a1a2a;
		--wikt-palette-lightyellow: #24241a;
		--wikt-palette-red: #ff4242;
		--wikt-palette-orange: #593e02;
		--wikt-palette-lighterblue: #0e1e33;
		--wikt-palette-lightred: #421211;
		--wikt-palette-indigo: #30306f;
		--wikt-palette-lightindigo: #242448;
		--wikt-palette-palerpink: #251111;
		--wikt-palette-honey: #feefb3;
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os {
		--wikt-palette-white: #101418;
		--wikt-palette-black: #eaecf0;
		--wikt-palette-beige: #2f1f10;
		--wikt-palette-grey: #4e4e4e;
		--wikt-palette-lightgrey: #3d3d3d;
		--wikt-palette-lightergrey: #242424;
		--wikt-palette-cream: #2c2c21;
		--wikt-palette-pink: #612042;
		--wikt-palette-peach: #58230a;
		--wikt-palette-gold: #c9b163;
		--wikt-palette-dullgold: #ab995e;
		--wikt-palette-yellow: #52421c;
		--wikt-palette-dullyellow: #3a3520;
		--wikt-palette-brightyellow: #827200;
		--wikt-palette-palegreen: #112511;
		--wikt-palette-palergreen: #051f0c;
		--wikt-palette-mint: #194819;
		--wikt-palette-forestgreen: #499149;
		--wikt-palette-paleblue: #1c2229;
		--wikt-palette-cyan: #184e4e;
		--wikt-palette-lightblue: #092f58;
		--wikt-palette-dullblue: #b8c0c5;
		--wikt-palette-dullcyan: #27292d;
		--wikt-palette-deepblue: #a5c3e1;
		--wikt-palette-lavender: #15202b;
		--wikt-palette-lightyellow: #24241a;
		--wikt-palette-red: #ff4242;
		--wikt-palette-orange: #593e02;
		--wikt-palette-lighterblue: #0e1e33;
		--wikt-palette-lightred: #421211;
		--wikt-palette-indigo: #30306f;
		--wikt-palette-lightindigo: #242448;
		--wikt-palette-palerpink: #251111;
		--wikt-palette-honey: #feefb3;
	}
}