~emersion/public-inbox

gamja: style.css: Add dark mode v1 PROPOSED

Thorben Günther: 1
 style.css: Add dark mode

 1 files changed, 120 insertions(+), 0 deletions(-)
Export patchset (mbox)
How do I use this?

Copy & paste the following snippet into your terminal to import this patchset into git:

curl -s https://lists.sr.ht/~emersion/public-inbox/patches/22223/mbox | git am -3
Learn more about email & git
View this thread in the archives

[PATCH gamja] style.css: Add dark mode Export this patch

---
Most colours are from sourcehut's dark mode. Nick and `\help` colours are
not changed.

 style.css | 120 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 120 insertions(+)

diff --git a/style.css b/style.css
index 863e8c1..31dc9be 100644
--- a/style.css
+++ b/style.css
@@ -322,3 +322,123 @@ kbd {
	font-family: monospace;
	border-radius: 3px;
}

@media (prefers-color-scheme: dark) {
	#buffer-list {
		background-color: #131618;
	}

	#buffer,
	#connect,
	#member-list {
		color: #f8f9fa;
		background: #212529;
	}

	#buffer-list li.active a {
		color: #131618;
		background-color: white;
	}
	#buffer-list li.unread-message a {
		color: #53b266;
	}
	#buffer-list li.unread-highlight a {
		color: #0062cc;
	}

	#buffer-header,
	#member-list-header {
		color: #f8f9fa;
		background-color: #212529;
		border-bottom: 1px solid #131618;
	}

	#buffer-header .status-here {
		color: #53b266;
	}
	#buffer-header .status-gone {
		color: #fb885b;
	}
	#buffer-header .status-offline {
		color: #fb615b;
	}

	#member-list-header,
	#member-list {
		border-left: 1px solid #131618; /* TODO: testen mit den anderen werten hier*/
	}

	#composer {
		border-top: 1px solid #131618;
	}

	#composer {
		color: #f8f9fa;
		background: #212529;
	}

	form input[type="text"],
	form input[type="username"],
	form input[type="password"],
	form input[type="url"] {
		color: #ffffff;
		background: #131618;
	}

	a {
		color: #53b266;
	}

	#buffer-list li a,
	a.timestamp,
	a.nick {
		color: #f8f9fa;
	}

	#buffer {
		color: #f8f9fa;
		background: #212529;
	}
	#buffer .talk {
		color: #f8f9fa;
	}
	#buffer .error {
		color: #fb615b;
	}
	#buffer .me-tell {
		color: #c42560;
	}
	#buffer .highlight .nick {
		color: #1e0010;
		background-color: #0062cc;
	}

	#buffer .date-separator {
		color: #757575;
	}

	#buffer .date-separator::before,
	#buffer .date-separator::after {
		border-color: white;
	}
	#buffer .unread-separator {
		color: #53b266;
	}
	#buffer .unread-separator::before,
	#buffer .unread-separator::after {
		border-color: #53b266;
	}

	#error-msg {
		color: black;
		background-color: #efa3aa;
	}

	#error-msg a {
		color: black;
	}

	.error-text {
		color: #efa3aa;
	}
}
-- 
2.31.1