trying only selection
This commit is contained in:
		
							
								
								
									
										12
									
								
								src/app.scss
									
									
									
									
									
								
							
							
						
						
									
										12
									
								
								src/app.scss
									
									
									
									
									
								
							| @@ -4,31 +4,37 @@ | |||||||
| :root { | :root { | ||||||
| 	--primary: #189ad6; | 	--primary: #189ad6; | ||||||
| 	--primary-hover: #0288d1; | 	--primary-hover: #0288d1; | ||||||
| 	--primary-focus: #c99a2c; |  | ||||||
| 	--primary-inverse: #fff; | 	--primary-inverse: #fff; | ||||||
| 	--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); | ||||||
|  | 	::selection{ | ||||||
|  | 		background-color: #c99a2c; | ||||||
|  | 	} | ||||||
| } | } | ||||||
|  |  | ||||||
| :root:not([data-theme='dark']) { | :root:not([data-theme='dark']) { | ||||||
| 	--muted-border-color: #c99a2c; | 	--muted-border-color: #c99a2c; | ||||||
| 	--primary-focus: #c99a2c; |  | ||||||
| 	--card-sectionning-background-color: #189ad6; | 	--card-sectionning-background-color: #189ad6; | ||||||
| 	--card-background-color: hsl(199, 80%, 55%); | 	--card-background-color: hsl(199, 80%, 55%); | ||||||
| 	--color: white; | 	--color: white; | ||||||
| 	--border-width: 2px; | 	--border-width: 2px; | ||||||
| 	--active-link-color: #0a1425; | 	--active-link-color: #0a1425; | ||||||
|  | 	::selection{ | ||||||
|  | 		background-color: #c99a2c; | ||||||
|  | 	} | ||||||
| } | } | ||||||
|  |  | ||||||
| @media only screen and (prefers-color-scheme: dark) { | @media only screen and (prefers-color-scheme: dark) { | ||||||
| 	:root:not([data-theme]) { | 	:root:not([data-theme]) { | ||||||
| 		--background-color: #0a1425; | 		--background-color: #0a1425; | ||||||
| 		--primary-focus: #c99a2c; |  | ||||||
| 		--card-sectionning-background-color: #243043; | 		--card-sectionning-background-color: #243043; | ||||||
| 		--card-background-color: #0c192e; | 		--card-background-color: #0c192e; | ||||||
| 		--card-border-color: #c99a2c; | 		--card-border-color: #c99a2c; | ||||||
| 		--active-link-color: #189ad6; | 		--active-link-color: #189ad6; | ||||||
|  | 		::selection{ | ||||||
|  | 			background-color: #c99a2c; | ||||||
|  | 		} | ||||||
| 	} | 	} | ||||||
| } | } | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user