You've already forked immich
							
							
				mirror of
				https://github.com/immich-app/immich.git
				synced 2025-10-31 00:18:28 +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:
		| @@ -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%; | ||||
|   | ||||
		Reference in New Issue
	
	Block a user