feat(): Allow default setting of mode.

CQCL · Dec 20, 2023 · 5a58bf2 · 5a58bf2
1 parent 82bf8eb
commit 5a58bf2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/molecules/theme-selector.tsx b/src/molecules/theme-selector.tsx
@@ -4,8 +4,10 @@ import React from "react";
 import { Button } from "src/atoms/button";
 import { theme as _theme } from "src/utils";
 
-export const useTheme = () => {
-  const [theme, _setTheme] = React.useState<ReturnType<typeof _theme['get']>>({mode: 'system', isDark: false});
+type Mode = ReturnType<typeof _theme['get']>['mode']
+export const useTheme = (props: {defaultMode?: Mode }) => {
+  const mode = props.defaultMode ?? "dark"
+  const [theme, _setTheme] = React.useState<ReturnType<typeof _theme['get']>>({mode, isDark: _theme.isDark(mode)});
   React.useEffect(() => {
     _theme.subscribe(() => {
       _setTheme(_theme.get());

diff --git a/src/utils/darkMode.ts b/src/utils/darkMode.ts
@@ -58,5 +58,6 @@ export const theme = {
   get: getTheme,
   set: setTheme,
   subscribe: subscribeToTheme,
+  isDark,
   syncTheme: () => subscribeToTheme(syncDOMClass),
 };