better colors
This commit is contained in:
		
							
								
								
									
										20
									
								
								src/app.scss
									
									
									
									
									
								
							
							
						
						
									
										20
									
								
								src/app.scss
									
									
									
									
									
								
							| @@ -6,12 +6,24 @@ | |||||||
| 	--primary-hover: #0288d1; | 	--primary-hover: #0288d1; | ||||||
| 	--primary-focus: rgba(3, 155, 229, 0.125); | 	--primary-focus: rgba(3, 155, 229, 0.125); | ||||||
| 	--primary-inverse: #fff; | 	--primary-inverse: #fff; | ||||||
| } |  | ||||||
|  |  | ||||||
| /* Pink (Common styles) */ |  | ||||||
| :root { |  | ||||||
| 	--form-element-active-border-color: var(--primary); | 	--form-element-active-border-color: var(--primary); | ||||||
| 	--form-element-focus-color: var(--primary-focus); | 	--form-element-focus-color: var(--primary-focus); | ||||||
| 	--switch-color: var(--primary-inverse); | 	--switch-color: var(--primary-inverse); | ||||||
| 	--switch-checked-background-color: var(--primary); | 	--switch-checked-background-color: var(--primary); | ||||||
| } | } | ||||||
|  |  | ||||||
|  | :root:not([data-theme='dark']) { | ||||||
|  | 	--muted-border-color: #c99a2c; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | @media only screen and (prefers-color-scheme: dark) { | ||||||
|  | 	:root:not([data-theme]) { | ||||||
|  | 		--background-color: #11191f; | ||||||
|  | 		--background-color: #0a1425; | ||||||
|  | 		--card-sectionning-background-color: #18232c; | ||||||
|  | 		--card-sectionning-background-color: #243043; | ||||||
|  | 		--card-background-color: #141e26; | ||||||
|  | 		--card-background-color: #0c192e; | ||||||
|  | 		--card-border-color: #c99a2c; | ||||||
|  | 	} | ||||||
|  | } | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user