mirrors/PairDrop
1
0
Fork 0
mirror of https://github.com/schlagmichdoch/PairDrop.git synced 2025-04-24 00:36:17 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix dialogs in darkmode

Browse source
This commit is contained in:
RobinLinus 2020-12-20 22:23:25 +01:00
parent 14ead247ed
commit fde3d67549
1 changed files with 18 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

21
client/styles.css
View file

@ -490,6 +490,7 @@ textarea {
font-size: 14px; font-size: 14px;
font-family: inherit; font-family: inherit;
resize: none; resize: none;
background: #f1f3f4;
} }
@ -674,6 +675,8 @@ screen and (min-width: 1100px) {
} }
} }
/* Default colors */ /* Default colors */
body { body {
--text-color: #333; --text-color: #333;
@ -682,15 +685,27 @@ body {
--bkg-color: #fafafa; --bkg-color: #fafafa;
background-color: #fafafa; background-color: #fafafa;
} }
/* Dark theme colors */ /* Dark theme colors */
body.dark-theme { body.dark-theme {
--text-color: #eee; --text-color: #eee;
color: #eee; color: #eee;
--bkg-color: #121212; --bkg-color: #121212;
background-color: #121212; background-color: #121212;
} }
body.dark-theme x-dialog x-paper {
--bkg-color: #333;
background-color: #333;
}
body.dark-theme textarea {
--text-color: #eee;
color: #eee;
--bkg-color: #121212;
background-color: #121212;
}
/* Styles for users who prefer dark mode at the OS level */ /* Styles for users who prefer dark mode at the OS level */
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
/* defaults to dark theme */ /* defaults to dark theme */
@ -704,7 +719,7 @@ body.dark-theme {
--bkg-color: #333; --bkg-color: #333;
background-color: #333; background-color: #333;
} }
input { textarea {
--text-color: #eee; --text-color: #eee;
color: #eee; color: #eee;
--bkg-color: #121212; --bkg-color: #121212;
@ -721,7 +736,7 @@ body.dark-theme {
--bkg-color: #fff; --bkg-color: #fff;
background-color: #fff; background-color: #fff;
} }
body.light-theme input { body.light-theme textarea {
--text-color: #333; --text-color: #333;
color: #333; color: #333;
--bkg-color: #f1f3f4; --bkg-color: #f1f3f4;