c-l/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-01-01 08:31:59 +00:00
Code Releases Activity

feat(web): dark color-scheme css for dark mode (#7812)

Browse source 
* feat(web): dark color-scheme css for dark mode

* use dark classes instead of adding data property

* fix code format

* fix typo

---------

Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
This commit is contained in:
ztz 2024-03-12 23:48:23 +08:00 committed by GitHub
parent 83198ef595
commit 779f5d9b3d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 9 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
web/src/app.css
View file

@ -23,6 +23,7 @@
--immich-dark-warning: 245 124 0; --immich-dark-warning: 245 124 0;
} }
} }
@font-face { @font-face {
font-family: 'Overpass'; font-family: 'Overpass';
src: url('$lib/assets/fonts/overpass/Overpass.ttf') format('truetype-variations'); src: url('$lib/assets/fonts/overpass/Overpass.ttf') format('truetype-variations');
@ -48,6 +49,14 @@
--navbar-height: calc(theme(spacing.18) + 4px); --navbar-height: calc(theme(spacing.18) + 4px);
} }
:root.dark {
color-scheme: dark;
}
:root:not(.dark) {
color-scheme: light;
}
html { html {
height: 100%; height: 100%;
width: 100%; width: 100%;