feat: 'tomorrow' theme applies the browser's dark color scheme

This commit is contained in:
Tom (plebeius.eth)
2024-07-02 21:48:41 +02:00
parent 2d3258a11e
commit 387851d743
2 changed files with 4 additions and 19 deletions
+2 -14
View File
@@ -30,20 +30,8 @@ hr {
text-transform: capitalize;
}
select {
border: var(--select-border, revert);
background-color: var(--select-background-color, revert);
color: var(--select-text-color, revert);
}
button {
background-color: var(--select-background-color, revert);
color: var(--select-text-color, revert);
}
textarea, input[type="text"] {
background-color: var(--select-background-color, revert);
color: var(--select-text-color, revert);
* {
color-scheme: var(--color-scheme, revert);
}
@media (max-width: 640px) {
+2 -5
View File
@@ -763,6 +763,8 @@
}
:root .tomorrow {
--color-scheme: dark;
/* backlink */
--post-backlink-text-color: #5f89ac;
--post-backlink-text-decoration: underline;
@@ -944,11 +946,6 @@
--reply-highlight-border-left: 1px solid #111;
--reply-highlight-border-top: 1px solid #111;
/* select */
--select-border: 1px solid #575a60;
--select-background-color: #282a2e;
--select-text-color: #c5c8c6;
/* settings modal */
--settings-modal-font-size: 14px;
--settings-modal-background-color: #282a2e;