External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
src/index.css
+2 -14
View File
@@ -30,20 +30,8 @@ hr {
text-transform: capitalize; text-transform: capitalize;
} }
select { * {
border: var(--select-border, revert); color-scheme: var(--color-scheme, 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);
} }
@media (max-width: 640px) { @media (max-width: 640px) {
src/themes.css
+2 -5
View File
@@ -763,6 +763,8 @@
} }
:root .tomorrow { :root .tomorrow {
--color-scheme: dark;
/* backlink */ /* backlink */
--post-backlink-text-color: #5f89ac; --post-backlink-text-color: #5f89ac;
--post-backlink-text-decoration: underline; --post-backlink-text-decoration: underline;
@@ -944,11 +946,6 @@
--reply-highlight-border-left: 1px solid #111; --reply-highlight-border-left: 1px solid #111;
--reply-highlight-border-top: 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 */
--settings-modal-font-size: 14px; --settings-modal-font-size: 14px;
--settings-modal-background-color: #282a2e; --settings-modal-background-color: #282a2e;