From 49a0b6c48bb8063f4acc6e31d619ee7adc3d3acf Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Sat, 7 Jan 2023 15:00:29 +0900
Subject: [PATCH] fix typo
---
packages/frontend/src/components/MkSwitch.vue | 12 ++++++------
packages/frontend/src/themes/_dark.json5 | 8 ++++----
packages/frontend/src/themes/_light.json5 | 8 ++++----
3 files changed, 14 insertions(+), 14 deletions(-)
diff --git a/packages/frontend/src/components/MkSwitch.vue b/packages/frontend/src/components/MkSwitch.vue
index 5c9e3a5223..133f437ca1 100644
--- a/packages/frontend/src/components/MkSwitch.vue
+++ b/packages/frontend/src/components/MkSwitch.vue
@@ -73,9 +73,9 @@ const toggle = () => {
width: 32px;
height: 23px;
outline: none;
- background: var(--swutchOffBg);
+ background: var(--switchOffBg);
background-clip: content-box;
- border: solid 1px var(--swutchOffBg);
+ border: solid 1px var(--switchOffBg);
border-radius: 999px;
cursor: pointer;
transition: inherit;
@@ -87,7 +87,7 @@ const toggle = () => {
left: 3px;
width: 15px;
height: 15px;
- background: var(--swutchOffFg);
+ background: var(--switchOffFg);
border-radius: 999px;
transition: all 0.2s ease;
}
@@ -131,12 +131,12 @@ const toggle = () => {
&.checked {
> .button {
- background-color: var(--swutchOnBg) !important;
- border-color: var(--swutchOnBg) !important;
+ background-color: var(--switchOnBg) !important;
+ border-color: var(--switchOnBg) !important;
> .knob {
left: 12px;
- background: var(--swutchOnFg);
+ background: var(--switchOnFg);
}
}
}
diff --git a/packages/frontend/src/themes/_dark.json5 b/packages/frontend/src/themes/_dark.json5
index ab0b9c3952..a23d25e866 100644
--- a/packages/frontend/src/themes/_dark.json5
+++ b/packages/frontend/src/themes/_dark.json5
@@ -60,10 +60,10 @@
buttonHoverBg: 'rgba(255, 255, 255, 0.1)',
buttonGradateA: '@accent',
buttonGradateB: ':hue<20<@accent',
- swutchOffBg: 'rgba(255, 255, 255, 0.1)',
- swutchOffFg: ':alpha<0.8<@fg',
- swutchOnBg: '@accentedBg',
- swutchOnFg: '@accent',
+ switchOffBg: 'rgba(255, 255, 255, 0.1)',
+ switchOffFg: ':alpha<0.8<@fg',
+ switchOnBg: '@accentedBg',
+ switchOnFg: '@accent',
inputBorder: 'rgba(255, 255, 255, 0.1)',
inputBorderHover: 'rgba(255, 255, 255, 0.2)',
listItemHoverBg: 'rgba(255, 255, 255, 0.03)',
diff --git a/packages/frontend/src/themes/_light.json5 b/packages/frontend/src/themes/_light.json5
index bad1291c83..713756221a 100644
--- a/packages/frontend/src/themes/_light.json5
+++ b/packages/frontend/src/themes/_light.json5
@@ -60,10 +60,10 @@
buttonHoverBg: 'rgba(0, 0, 0, 0.1)',
buttonGradateA: '@accent',
buttonGradateB: ':hue<20<@accent',
- swutchOffBg: 'rgba(0, 0, 0, 0.1)',
- swutchOffFg: '@panel',
- swutchOnBg: '@accent',
- swutchOnFg: '@fgOnAccent',
+ switchOffBg: 'rgba(0, 0, 0, 0.1)',
+ switchOffFg: '@panel',
+ switchOnBg: '@accent',
+ switchOnFg: '@fgOnAccent',
inputBorder: 'rgba(0, 0, 0, 0.1)',
inputBorderHover: 'rgba(0, 0, 0, 0.2)',
listItemHoverBg: 'rgba(0, 0, 0, 0.03)',