fix: fix styles

react18-tools · Jun 27, 2024 · 961b453 · 961b453
1 parent a454966
commit 961b453
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/lib/src/client/color-switch/color-switch.module.scss b/lib/src/client/color-switch/color-switch.module.scss
@@ -2,9 +2,9 @@
   all: unset;
   position: relative;
   box-shadow: none;
-  color: #aaa;
+  color: currentColor;
   border-radius: 50%;
-  border: 1px dashed gray;
+  border: 1px dashed currentColor;
   cursor: pointer;
   --s: 25px;
   height: var(--s);
@@ -23,6 +23,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  opacity: 0.5;
   content: "A";
 }
 

diff --git a/lib/src/client/switcher/switcher.tsx b/lib/src/client/switcher/switcher.tsx
@@ -14,7 +14,7 @@ let updateForcedState: UpdateForcedPropsFunc;
 const modifyTransition = (themeTransition = "none") => {
   const css = document.createElement("style");
   /** split by ';' to prevent CSS injection */
-  css.textContent = `transition: ${themeTransition.split(";")[0]} !important;`;
+  css.textContent = `transition:${themeTransition.split(";")[0]}!important;`;
   document.head.appendChild(css);
 
   return () => {

diff --git a/lib/src/hooks/use-theme.ts b/lib/src/hooks/use-theme.ts
@@ -67,9 +67,8 @@ export const useTheme = (targetSelector?: string): UseThemeYield => {
       if (index === -1 || (skipSystem && index === len - 1)) index = 0;
       setter("c")(colorSchemes[(index + 1) % len]);
     },
-    setForcedColorScheme: forcedColorScheme =>
-      setForcedState(state => ({ ...state, fc: forcedColorScheme })),
-    setForcedTheme: forcedTheme => setForcedState(state => ({ ...state, f: forcedTheme })),
+    setForcedColorScheme: fc => setForcedState(state => ({ ...state, fc })),
+    setForcedTheme: f => setForcedState(state => ({ ...state, f })),
   };
 
   if (resolveTheme) {