refactor tailwind classes

setchy · setchy · commit ba4d0640d726 · 2025-01-17T16:05:24.000-05:00
Signed-off-by: Adam Setch &lt;adam.setch@outlook.com&gt;
diff --git a/src/renderer/context/App.tsx b/src/renderer/context/App.tsx
@@ -46,6 +46,7 @@ import {
 import { Constants } from '../utils/constants';
 import { getNotificationCount } from '../utils/notifications';
 import { clearState, loadState, saveState } from '../utils/storage';
+import { setTheme } from '../utils/theme';
 import { zoomPercentageToLevel } from '../utils/zoom';
 
 export const defaultAuth: AuthState = {
@@ -138,6 +139,10 @@ export const AppProvider = ({ children }: { children: ReactNode }) => {
     restoreSettings();
   }, []);
 
+  useEffect(() => {
+    setTheme(settings.theme);
+  }, [settings.theme]);
+
   // biome-ignore lint/correctness/useExhaustiveDependencies: We only want fetchNotifications to be called for account changes
   useEffect(() => {
     fetchNotifications({ auth, settings });
diff --git a/src/renderer/index.html b/src/renderer/index.html
@@ -8,6 +8,6 @@
   </head>
 
   <body>
-    <div id="root"></div>
+    <div id="root" class="text-gitify-font bg-gitify-background"></div>
   </body>
 </html>
diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -17,10 +17,10 @@ const config: Config = {
          */
         primer: {
           attention: '#9a6700',
-          closed: '#d1242f',
+          closed: '#cf222e',
           done: '#8250df',
           muted: '#59636e',
-          open: '#1a7f37',
+          open: '#1f883d',
         },
         gitify: {
           background: 'var(--color-gitify-background)',
