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

Cleanup styles

Browse source
This commit is contained in:
RobinLinus 2020-12-21 06:23:12 +01:00
parent 68f11f99cf
commit 9548bc9d10
1 changed files with 17 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

31
client/styles.css
View file

@ -5,10 +5,8 @@
--primary-color: #4285f4; --primary-color: #4285f4;
--peer-width: 120px; --peer-width: 120px;
color-scheme: light dark; color-scheme: light dark;
/* both supported */
} }
/* Layout */ /* Layout */
html { html {
@ -667,9 +665,12 @@ screen and (min-width: 1100px) {
} }
} }
/*
iOS specific styles
*/
@supports (-webkit-overflow-scrolling: touch) { @supports (-webkit-overflow-scrolling: touch) {
/* CSS specific to iOS devices */
html { html {
position: fixed; position: fixed;
} }
@ -684,12 +685,20 @@ screen and (min-width: 1100px) {
*/ */
/* Default colors */ /* Default colors */
:root { body {
--text-color: #333; --text-color: #333;
--bg-color: #fff; --bg-color: #fff;
--input-bg-color: #f1f3f4; --bg-color-secondary: #f1f3f4;
} }
/* Dark theme colors */
body.dark-theme {
--text-color: #eee;
--bg-color: #121212;
--bg-color-secondary: #333;
}
/* Colored Elements */
body { body {
color: var(--text-color); color: var(--text-color);
background-color: var(--bg-color); background-color: var(--bg-color);
@ -701,15 +710,9 @@ x-dialog x-paper {
textarea { textarea {
color: var(--text-color); color: var(--text-color);
background-color: var(--input-bg-color); background-color: var(--bg-color-secondary);
} }
/* Dark theme colors */
body.dark-theme {
--text-color: #eee;
--bg-color: #121212;
--input-bg-color: #333;
}
/* 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) {
@ -718,13 +721,13 @@ body.dark-theme {
body { body {
--text-color: #eee; --text-color: #eee;
--bg-color: #121212; --bg-color: #121212;
--input-bg-color: #333; --bg-color-secondary: #333;
} }
/* Override dark mode with light mode styles if the user decides to swap */ /* Override dark mode with light mode styles if the user decides to swap */
body.light-theme { body.light-theme {
--text-color: #333; --text-color: #333;
--bg-color: #fafafa; --bg-color: #fafafa;
--input-bg-color: #f1f3f4; --bg-color-secondary: #f1f3f4;
} }
} }