diff options
| author | sowgro <tpoke.ferrari@gmail.com> | 2025-03-22 16:35:10 -0400 |
|---|---|---|
| committer | sowgro <tpoke.ferrari@gmail.com> | 2025-03-22 16:35:10 -0400 |
| commit | 381e57d62f01056d823af74d186f6de87df9fcee (patch) | |
| tree | 7b512b0cb62170dad262a03cc8aa368e6e88d77b /ufund-ui/src/styles.css | |
| parent | 69e79cc423110ea7df3d960f95e612934d256dd8 (diff) | |
| download | JellySolutions-381e57d62f01056d823af74d186f6de87df9fcee.tar.gz JellySolutions-381e57d62f01056d823af74d186f6de87df9fcee.tar.bz2 JellySolutions-381e57d62f01056d823af74d186f6de87df9fcee.zip | |
Dark mode!
Diffstat (limited to 'ufund-ui/src/styles.css')
| -rw-r--r-- | ufund-ui/src/styles.css | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/ufund-ui/src/styles.css b/ufund-ui/src/styles.css index fdf67c7..dc7dcea 100644 --- a/ufund-ui/src/styles.css +++ b/ufund-ui/src/styles.css @@ -1,5 +1,9 @@ /* You can add global styles to this file, and also import other style files */ +:root { + color-scheme: light dark; +} + * { box-sizing: border-box; } @@ -7,6 +11,7 @@ html, body { margin: 0; height: 100%; + background-color: light-dark(white, #242424); } body { @@ -15,8 +20,24 @@ body { input { font-size: 14pt; + padding: 5px; + border-radius: 5px; + border-style: none; + background-color: light-dark(#ebebeb, #3a3a3a); + + &:hover { + background-color: light-dark(#e1e1e1, #444444); + } } button, .button { font-size: 14pt; + padding: 5px 10px; + border-radius: 5px; + border-style: none; + background-color: light-dark(#ebebeb, #3a3a3a); + + &:hover { + background-color: light-dark(#e1e1e1, #444444); + } } |