Fixed dark theme for heart icons and stash scene previews.
This commit is contained in:
		
							parent
							
								
									67f22a6e08
								
							
						
					
					
						commit
						819d53fc2b
					
				|  | @ -124,8 +124,6 @@ export default { | |||
| </script> | ||||
| 
 | ||||
| <style lang="scss"> | ||||
| @import 'theme'; | ||||
| 
 | ||||
| .container { | ||||
|     position: relative; | ||||
|     height: 100%; | ||||
|  |  | |||
|  | @ -1,5 +1,8 @@ | |||
| <template> | ||||
| 	<label class="toggle-container noselect"> | ||||
| 	<label | ||||
| 		class="toggle-container noselect" | ||||
| 		:class="{ light: $store.state.ui.theme === 'dark' }" | ||||
| 	> | ||||
| 		<input | ||||
| 			:id="`toggle-${id}`" | ||||
| 			:checked="checked" | ||||
|  |  | |||
|  | @ -409,7 +409,7 @@ export default { | |||
| 	width: 1.5rem; | ||||
| 	height: 1.5rem; | ||||
| 	padding: 0 1rem; | ||||
| 	fill: var(--darken); | ||||
| 	fill: var(--shadow); | ||||
| 
 | ||||
| 	&.stashed { | ||||
| 		fill: var(--primary); | ||||
|  |  | |||
|  | @ -63,7 +63,7 @@ export default { | |||
| 	align-items: center; | ||||
| 	position: absolute; | ||||
| 	left: 0; | ||||
| 	background: var(--shadow-weak); | ||||
| 	background: var(--darken-weak); | ||||
| 	color: var(--text-light); | ||||
| 	font-size: .7rem; | ||||
| 	font-weight: bold; | ||||
|  |  | |||
		Loading…
	
		Reference in New Issue