chore: theme style

10 files changed, 16 insertions, 16 deletions

diff --git a/src/components/Button.module.scss b/src/components/Button.module.scss
index bdbbcb5..31b354d 100644
--- a/src/components/Button.module.scss
+++ b/src/components/Button.module.scss
@@ -17,9 +17,9 @@
     border-color: var(--color-focus-blue);
   }
   &:hover {
-    background: #387cec;
-    border: 1px solid #387cec;
     color: #fff;
+    background: var(--color-focus-blue);
+    border: 1px solid var(--color-focus-blue);
   }
   &:active {
     transform: scale(0.97);
@@ -40,8 +40,8 @@
     }
     &:hover {
       color: #fff;
-      background: #387cec;
-      border: 1px solid #387cec;
+      background: var(--color-focus-blue);
+      border: 1px solid var(--color-focus-blue);
     }
   }
 }
diff --git a/src/components/Connections.css b/src/components/Connections.css
index 55dd869..7650779 100644
--- a/src/components/Connections.css
+++ b/src/components/Connections.css
@@ -31,7 +31,7 @@
 }
 
 .react-tabs__tab:focus {
-  border-color: hsl(208, 99%, 50%);
+  border-color: var(--color-focus-blue);
   outline: none;
 }
 
diff --git a/src/components/Connections.module.scss b/src/components/Connections.module.scss
index 5903a3c..687322d 100644
--- a/src/components/Connections.module.scss
+++ b/src/components/Connections.module.scss
@@ -37,7 +37,7 @@
   border-radius: 18px;
   border: 1px solid var(--color-input-border);
   box-sizing: border-box;
-  color: #c1c1c1;
+  color: var(--color-text-secondary);
   display: inline-block;
   font-size: inherit;
   height: 36px;
diff --git a/src/components/ErrorBoundaryFallback.module.scss b/src/components/ErrorBoundaryFallback.module.scss
index 6133568..d2adadb 100644
--- a/src/components/ErrorBoundaryFallback.module.scss
+++ b/src/components/ErrorBoundaryFallback.module.scss
@@ -28,7 +28,7 @@
   color: var(--color-text-secondary);
   &:hover,
   &:active {
-    color: #387cec;
+    color: var(--color-focus-blue);
   }
 
   svg {
diff --git a/src/components/Search.module.scss b/src/components/Search.module.scss
index 58c20aa..cd3601b 100644
--- a/src/components/Search.module.scss
+++ b/src/components/Search.module.scss
@@ -28,7 +28,7 @@
   border-radius: 20px;
   border: 1px solid var(--color-input-border);
   box-sizing: border-box;
-  color: #c1c1c1;
+  color: var(--color-text-secondary);
   display: inline-block;
   font-size: inherit;
   height: 40px;
diff --git a/src/components/Selection.module.scss b/src/components/Selection.module.scss
index 5fa4576..44cf4d8 100644
--- a/src/components/Selection.module.scss
+++ b/src/components/Selection.module.scss
@@ -15,9 +15,9 @@
 }
 
 .input:focus + .cnt {
-  border-color: #387cec;
+  border-color: var(--color-focus-blue);
 }
 
 .input:checked + .cnt {
-  border-color: #387cec;
+  border-color: var(--color-focus-blue);
 }
diff --git a/src/components/SideBar.module.scss b/src/components/SideBar.module.scss
index 2ce447c..a762056 100644
--- a/src/components/SideBar.module.scss
+++ b/src/components/SideBar.module.scss
@@ -60,7 +60,7 @@
 
   @media (max-width: 768px) {
     background: none;
-    border-bottom: 2px solid #387cec;
+    border-bottom: 2px solid var(--color-focus-blue);
   }
 }
 
diff --git a/src/components/SwitchThemed.tsx b/src/components/SwitchThemed.tsx
index aba10d1..45dfa57 100644
--- a/src/components/SwitchThemed.tsx
+++ b/src/components/SwitchThemed.tsx
@@ -12,7 +12,7 @@ const Switch = ReactSwitch.default ? ReactSwitch.default : ReactSwitch;
 
 function SwitchThemed({ checked = false, onChange, theme, name }) {
   const offColor = theme === 'dark' ? '#393939' : '#e9e9e9';
-
+  const onColor = theme === 'dark' ? '#306081' : '#24292f';
   return (
     <Switch
       onChange={onChange}
@@ -20,7 +20,7 @@ function SwitchThemed({ checked = false, onChange, theme, name }) {
       uncheckedIcon={false}
       checkedIcon={false}
       offColor={offColor}
-      onColor="#047aff"
+      onColor={onColor}
       offHandleColor="#fff"
       onHandleColor="#fff"
       handleDiameter={24}
diff --git a/src/components/shared/TextFitler.module.scss b/src/components/shared/TextFitler.module.scss
index 7d7ba9b..3242b66 100644
--- a/src/components/shared/TextFitler.module.scss
+++ b/src/components/shared/TextFitler.module.scss
@@ -5,7 +5,7 @@
   border-radius: 20px;
   border: 1px solid var(--color-input-border);
   box-sizing: border-box;
-  color: #c1c1c1;
+  color: var(--color-text-secondary);
   display: inline-block;
   font-size: inherit;
   outline: none;
diff --git a/src/components/shared/rtf.css b/src/components/shared/rtf.css
index 574aad1..54ebc9b 100644
--- a/src/components/shared/rtf.css
+++ b/src/components/shared/rtf.css
@@ -223,8 +223,8 @@
 }
 
 .rtf--ab:hover {
-  background: #387cec;
-  border: 1px solid #387cec;
+  background: var(--color-focus-blue);
+  border: 1px solid var(--color-focus-blue);
   color: #fff;
 }