mirror of
https://github.com/immich-app/immich.git
synced 2024-12-29 15:11:58 +00: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:
parent
83198ef595
commit
779f5d9b3d
1 changed files with 9 additions and 0 deletions
|
@ -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%;
|
||||
|
|
Loading…
Reference in a new issue