refactror

src/client/components/autocomplete.vue

@@ -426,7 +426,7 @@ export default Vue.extend({
 			}
 
 			&:hover {
-				background: var(--yrnqrguo);
+				background: var(--X3);
 			}
 
 			&[data-selected='true'] {

src/client/components/post-form.vue

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

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;

src/client/components/user-select.vue

@@ -112,7 +112,7 @@ export default Vue.extend({
 			font-size: 14px;
 
 			&:hover {
-				background: var(--bwqtlupy);
+				background: var(--X7);
 			}
 
 			&.selected {