refactror

src/client/components/ui/button.vue

@@ -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);
 		}
 	}
 

src/client/components/ui/range.vue

@@ -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;

src/client/components/ui/switch.vue

@@ -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;