[mod] simple theme: use :root instead of html to define CSS variables
This allows to use the CSS variables in inline svg.
This commit is contained in:
		
							parent
							
								
									d0a3164514
								
							
						
					
					
						commit
						60d595ea52
					
				| @ -5,7 +5,7 @@ | |||||||
|  */ |  */ | ||||||
| 
 | 
 | ||||||
| /// Light Theme | /// Light Theme | ||||||
| html { | :root { | ||||||
|   /// Base Colors |   /// Base Colors | ||||||
|   --color-base-font: #444; |   --color-base-font: #444; | ||||||
|   --color-base-font-rgb: 68, 68, 68; |   --color-base-font-rgb: 68, 68, 68; | ||||||
| @ -106,7 +106,7 @@ html { | |||||||
| 
 | 
 | ||||||
| /// Dark Theme (autoswitch based on device pref) | /// Dark Theme (autoswitch based on device pref) | ||||||
| @media (prefers-color-scheme: dark) { | @media (prefers-color-scheme: dark) { | ||||||
|   html { |   :root { | ||||||
|     /// Base Colors |     /// Base Colors | ||||||
|     --color-base-font: #bbb; |     --color-base-font: #bbb; | ||||||
|     --color-base-font-rgb: 187, 187, 187; |     --color-base-font-rgb: 187, 187, 187; | ||||||
|  | |||||||
		Loading…
	
		Reference in New Issue
	
	Block a user