1
0
mirror of https://github.com/immich-app/immich.git synced 2024-12-25 10:43:13 +02:00

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

* 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

View File

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