Ein Hauch von Code für den Darkmode

Es hat ja nun ein wenig gedauert bis ich mich bewegt habe.
Ich selbst genieße den Darkmode jeden Abend an meinen Rechnern und sehe Ihn als Standard an.
Erzwingen muss ich Ihn via Firefoxplugin bei manchen Seiten, aber sind wir ehrlich, ich bin eigentlich auch nicht besser.

So wenig Zeilen Script, so eine positive Änderung für die Augen

	@media (prefers-color-scheme: dark) {
	body {
		background: #23282d;
		color: #eee;
	}
	content,
	#page {
		background: #23282d;
		color: #eee;
	}
	.entry-title,
	.widget-title,
	#reply-title,
	.comment-notes,
	.textwidget,
	.comment-form-comment,
	.entry-header a {
		color: #cca26a !important;
	}
	.comment-author-link {
		color: #a5862a;
	}
	pre.wp-block-code {
		background-color: #c4c4ad;
	}
	#comments p {
		color: #cca26a !important;
	}
	form#commentform textarea#comment {
		background: #d0cfcf;
	}
	Element {}
	form#commentform input#author,
	form#commentform input#email,
	form#commentform input#url {
		background: #6c6c6c;
	}@media (prefers-color-scheme: dark) {
	body {
		background: #23282d;
		color: #eee;
	}
	content,
	#page {
		background: #23282d;
		color: #eee;
	}
	.entry-title,
	.widget-title,
	#reply-title,
	.comment-notes,
	.textwidget,
	.comment-form-comment,
	.entry-header a {
		color: #cca26a !important;
	}
	.comment-author-link {
		color: #a5862a;
	}
	pre.wp-block-code {
		background-color: #a4a46e;
	}
	#comments p {
		color: #cca26a !important;
	}
	form#commentform textarea#comment {
		background: #d0cfcf;
	}
	Element {}
	form#commentform input#author,
	form#commentform input#email,
	form#commentform input#url {
		background: #6c6c6c;
	}

1 Kommentar

  1. > so eine positive Änderung für die Augen

    Die augenschonendste Farbkombination ist die des Editors Acme (Pastellgelb, Pastellblau, Schwarz). Deswegen hat er die.

    Dunkle Hintergründe sind besser für die Augen als Knallweiß, aber der Kontrast von schwarzem Text auf sanften hellen Hintergründen ist besser als jeder mir bekannte Dark Mode.

Schreibe einen Kommentar

Pflichtfelder sind mit * markiert.