3 files changed, 6 insertions, 6 deletions
diff --git a/src/client/components/ui/button.vue b/src/client/components/ui/button.vue
index 15289c820e..e5abf37be3 100644
--- a/src/client/components/ui/button.vue
+++ b/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);
 		}
 	}
 
diff --git a/src/client/components/ui/range.vue b/src/client/components/ui/range.vue
index 7fb857f520..2c815912bb 100644
--- a/src/client/components/ui/range.vue
+++ b/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;
diff --git a/src/client/components/ui/switch.vue b/src/client/components/ui/switch.vue
index 68e6d43495..18a2ec33f1 100644
--- a/src/client/components/ui/switch.vue
+++ b/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;