refactror
This commit is contained in:
		
							parent
							
								
									a891f7e862
								
							
						
					
					
						commit
						e9afc1d867
					
				|  | @ -877,7 +877,7 @@ export default Vue.extend({ | |||
| 					z-index: 1; | ||||
| 					padding-top: 8px; | ||||
| 					padding-bottom: 8px; | ||||
| 					background: var(--wboyroyc); | ||||
| 					background: var(--X14); | ||||
| 					-webkit-backdrop-filter: blur(8px); | ||||
| 					backdrop-filter: blur(8px); | ||||
| 				} | ||||
|  | @ -1082,7 +1082,7 @@ export default Vue.extend({ | |||
| 		display: flex; | ||||
| 		width: 100%; | ||||
| 		box-sizing: border-box; | ||||
| 		background: linear-gradient(0deg, var(--bg), var(--bonzsgfz)); | ||||
| 		background: linear-gradient(0deg, var(--bg), var(--X1)); | ||||
| 
 | ||||
| 		@media (max-width: 500px) { | ||||
| 			padding: 0 16px 16px 16px; | ||||
|  | @ -1126,7 +1126,7 @@ export default Vue.extend({ | |||
| 				color: var(--fg); | ||||
| 
 | ||||
| 				&:hover { | ||||
| 					background: var(--pcncwizz); | ||||
| 					background: var(--X2); | ||||
| 				} | ||||
| 
 | ||||
| 				> i { | ||||
|  |  | |||
|  | @ -426,7 +426,7 @@ export default Vue.extend({ | |||
| 			} | ||||
| 
 | ||||
| 			&:hover { | ||||
| 				background: var(--yrnqrguo); | ||||
| 				background: var(--X3); | ||||
| 			} | ||||
| 
 | ||||
| 			&[data-selected='true'] { | ||||
|  |  | |||
|  | @ -713,7 +713,7 @@ export default Vue.extend({ | |||
| 					margin-right: 14px; | ||||
| 					padding: 8px 0 8px 8px; | ||||
| 					border-radius: 8px; | ||||
| 					background: var(--nwjktjjq); | ||||
| 					background: var(--X4); | ||||
| 
 | ||||
| 					> button { | ||||
| 						padding: 4px 8px; | ||||
|  | @ -795,7 +795,7 @@ export default Vue.extend({ | |||
| 				border-radius: 6px; | ||||
| 
 | ||||
| 				&:hover { | ||||
| 					background: var(--geavgsxy); | ||||
| 					background: var(--X5); | ||||
| 				} | ||||
| 
 | ||||
| 				&.active { | ||||
|  |  | |||
|  | @ -126,11 +126,11 @@ export default Vue.extend({ | |||
| 		background: var(--accent); | ||||
| 
 | ||||
| 		&:not(:disabled):hover { | ||||
| 			background: var(--jkhztclx); | ||||
| 			background: var(--X8); | ||||
| 		} | ||||
| 
 | ||||
| 		&:not(:disabled):active { | ||||
| 			background: var(--jkhztclx); | ||||
| 			background: var(--X8); | ||||
| 		} | ||||
| 	} | ||||
| 
 | ||||
|  |  | |||
|  | @ -95,7 +95,7 @@ export default Vue.extend({ | |||
| 		-webkit-appearance: none; | ||||
| 		-moz-appearance: none; | ||||
| 		appearance: none; | ||||
| 		background: var(--xxubwiul); | ||||
| 		background: var(--X10); | ||||
| 		height: 7px; | ||||
| 		margin: 0 8px; | ||||
| 		outline: 0; | ||||
|  |  | |||
|  | @ -83,8 +83,8 @@ export default Vue.extend({ | |||
| 
 | ||||
| 	&.checked { | ||||
| 		> .button { | ||||
| 			background-color: var(--xxubwiul); | ||||
| 			border-color: var(--xxubwiul); | ||||
| 			background-color: var(--X10); | ||||
| 			border-color: var(--X10); | ||||
| 
 | ||||
| 			> * { | ||||
| 				background-color: var(--accent); | ||||
|  | @ -108,7 +108,7 @@ export default Vue.extend({ | |||
| 		margin: 3px 0 0 0; | ||||
| 		width: 34px; | ||||
| 		height: 14px; | ||||
| 		background: var(--nhzhphzx); | ||||
| 		background: var(--X6); | ||||
| 		outline: none; | ||||
| 		border-radius: 14px; | ||||
| 		transition: inherit; | ||||
|  |  | |||
|  | @ -112,7 +112,7 @@ export default Vue.extend({ | |||
| 			font-size: 14px; | ||||
| 
 | ||||
| 			&:hover { | ||||
| 				background: var(--bwqtlupy); | ||||
| 				background: var(--X7); | ||||
| 			} | ||||
| 
 | ||||
| 			&.selected { | ||||
|  |  | |||
|  | @ -75,11 +75,11 @@ export default Vue.extend({ | |||
| 	position: relative; | ||||
| 	overflow: hidden; | ||||
| 	background: var(--panel); | ||||
| 	border: solid 2px var(--jvhmlskx); | ||||
| 	border: solid 2px var(--X12); | ||||
| 	border-radius: 6px; | ||||
| 
 | ||||
| 	&:hover { | ||||
| 		border: solid 2px var(--yakfpmhl); | ||||
| 		border: solid 2px var(--X13); | ||||
| 	} | ||||
| 
 | ||||
| 	&.warn { | ||||
|  |  | |||
|  | @ -232,11 +232,11 @@ hr { | |||
| 	background: var(--accent); | ||||
| 
 | ||||
| 	&:not(:disabled):hover { | ||||
| 		background: var(--jkhztclx); | ||||
| 		background: var(--X8); | ||||
| 	} | ||||
| 
 | ||||
| 	&:not(:disabled):active { | ||||
| 		background: var(--zbqjwygh); | ||||
| 		background: var(--X9); | ||||
| 	} | ||||
| } | ||||
| 
 | ||||
|  |  | |||
|  | @ -56,19 +56,19 @@ | |||
| 		wallpaperOverlay: 'rgba(0, 0, 0, 0.5)', | ||||
| 		badge: '#31b1ce', | ||||
| 		messageBg: ':lighten<5<@bg', | ||||
| 		bonzsgfz: ':alpha<0<@bg', | ||||
| 		pcncwizz: ':darken<2<@panel', | ||||
| 		yrnqrguo: 'rgba(255, 255, 255, 0.05)', | ||||
| 		nwjktjjq: 'rgba(255, 255, 255, 0.1)', | ||||
| 		geavgsxy: 'rgba(255, 255, 255, 0.05)', | ||||
| 		nhzhphzx: 'rgba(255, 255, 255, 0.15)', | ||||
| 		bwqtlupy: 'rgba(255, 255, 255, 0.05)', | ||||
| 		jkhztclx: ':lighten<5<@accent', | ||||
| 		zbqjwygh: ':darken<5<@accent', | ||||
| 		xxubwiul: ':alpha<0.4<@accent', | ||||
| 		aupeazdm: 'rgba(0, 0, 0, 0.3)', | ||||
| 		jvhmlskx: 'rgba(255, 255, 255, 0.1)', | ||||
| 		yakfpmhl: 'rgba(255, 255, 255, 0.15)', | ||||
| 		wboyroyc: ':alpha<0.5<@navBg', | ||||
| 		X1: ':alpha<0<@bg', | ||||
| 		X2: ':darken<2<@panel', | ||||
| 		X3: 'rgba(255, 255, 255, 0.05)', | ||||
| 		X4: 'rgba(255, 255, 255, 0.1)', | ||||
| 		X5: 'rgba(255, 255, 255, 0.05)', | ||||
| 		X6: 'rgba(255, 255, 255, 0.15)', | ||||
| 		X7: 'rgba(255, 255, 255, 0.05)', | ||||
| 		X8: ':lighten<5<@accent', | ||||
| 		X9: ':darken<5<@accent', | ||||
| 		X10: ':alpha<0.4<@accent', | ||||
| 		X11: 'rgba(0, 0, 0, 0.3)', | ||||
| 		X12: 'rgba(255, 255, 255, 0.1)', | ||||
| 		X13: 'rgba(255, 255, 255, 0.15)', | ||||
| 		X14: ':alpha<0.5<@navBg', | ||||
| 	}, | ||||
| } | ||||
|  |  | |||
|  | @ -56,19 +56,19 @@ | |||
| 		wallpaperOverlay: 'rgba(255, 255, 255, 0.5)', | ||||
| 		badge: '#31b1ce', | ||||
| 		messageBg: '@panel', | ||||
| 		bonzsgfz: ':alpha<0<@bg', | ||||
| 		pcncwizz: ':darken<2<@panel', | ||||
| 		yrnqrguo: 'rgba(0, 0, 0, 0.05)', | ||||
| 		nwjktjjq: 'rgba(0, 0, 0, 0.1)', | ||||
| 		geavgsxy: 'rgba(0, 0, 0, 0.05)', | ||||
| 		nhzhphzx: 'rgba(0, 0, 0, 0.25)', | ||||
| 		bwqtlupy: 'rgba(0, 0, 0, 0.05)', | ||||
| 		jkhztclx: ':lighten<5<@accent', | ||||
| 		zbqjwygh: ':darken<5<@accent', | ||||
| 		xxubwiul: ':alpha<0.4<@accent', | ||||
| 		aupeazdm: 'rgba(0, 0, 0, 0.1)', | ||||
| 		jvhmlskx: 'rgba(0, 0, 0, 0.1)', | ||||
| 		yakfpmhl: 'rgba(0, 0, 0, 0.15)', | ||||
| 		wboyroyc: ':alpha<0.5<@navBg', | ||||
| 		X1: ':alpha<0<@bg', | ||||
| 		X2: ':darken<2<@panel', | ||||
| 		X3: 'rgba(0, 0, 0, 0.05)', | ||||
| 		X4: 'rgba(0, 0, 0, 0.1)', | ||||
| 		X5: 'rgba(0, 0, 0, 0.05)', | ||||
| 		X6: 'rgba(0, 0, 0, 0.25)', | ||||
| 		X7: 'rgba(0, 0, 0, 0.05)', | ||||
| 		X8: ':lighten<5<@accent', | ||||
| 		X9: ':darken<5<@accent', | ||||
| 		X10: ':alpha<0.4<@accent', | ||||
| 		X11: 'rgba(0, 0, 0, 0.1)', | ||||
| 		X12: 'rgba(0, 0, 0, 0.1)', | ||||
| 		X13: 'rgba(0, 0, 0, 0.15)', | ||||
| 		X14: ':alpha<0.5<@navBg', | ||||
| 	}, | ||||
| } | ||||
|  |  | |||
|  | @ -172,7 +172,7 @@ export default define({ | |||
| 			> .meter { | ||||
| 				width: 100%; | ||||
| 				overflow: hidden; | ||||
| 				background: var(--aupeazdm); | ||||
| 				background: var(--X11); | ||||
| 				border-radius: 8px; | ||||
| 
 | ||||
| 				> .val { | ||||
|  |  | |||
		Loading…
	
		Reference in New Issue