feat: color themes

src/hooks/useColorTheme.ts

@@ -0,0 +1,23 @@
+import { createEffect, onCleanup } from 'solid-js';
+
+import useConfig from '@/core/useConfig';
+
+export const useColorTheme = (el: HTMLElement) => {
+  const { getColorTheme } = useConfig();
+
+  createEffect(() => {
+    const colorTheme = getColorTheme();
+    if (colorTheme == null) return;
+
+    const { className } = colorTheme;
+    if (className != null) {
+      el.classList.add(className);
+
+      onCleanup(() => {
+        el.classList.remove(className);
+      });
+    }
+  });
+};
+
+export default useColorTheme;