upd: tampilan dark dan light

src/frontend/App.tsx

@@ -4,38 +4,38 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { createRouter, RouterProvider } from '@tanstack/react-router'
 import { routeTree } from './routeTree.gen'
 
-const theme = createTheme({
+  const theme = createTheme({
   primaryColor: 'brand-blue',
   colors: {
     'brand-blue': [
-      '#ebf2ff',
-      '#d6e4ff',
-      '#adc8ff',
-      '#85acff',
-      '#5c90ff',
-      '#2563eb', // Primary Blue
-      '#1e4fb8',
-      '#173b85',
-      '#102752',
-      '#09131f',
+      '#f0f9ff',
+      '#e0f2fe',
+      '#bae6fd',
+      '#7dd3fc',
+      '#38bdf8',
+      '#0ea5e9', // Primary Blue (Sky)
+      '#0284c7',
+      '#0369a1',
+      '#075985',
+      '#0c4a6e',
     ],
     'brand-purple': [
-      '#f3ebff',
-      '#e7d6ff',
-      '#cfadff',
-      '#b785ff',
-      '#9f5cff',
-      '#7c3aed', // Primary Purple
-      '#632eb8',
-      '#4a2285',
-      '#311652',
-      '#180b1f',
+      '#faf5ff',
+      '#f3e8ff',
+      '#e9d5ff',
+      '#d8b4fe',
+      '#c084fc',
+      '#a855f7', // Primary Purple
+      '#9333ea',
+      '#7e22ce',
+      '#6b21a8',
+      '#581c87',
     ],
   },
   fontFamily: 'Inter, system-ui, Avenir, Helvetica, Arial, sans-serif',
   headings: {
     fontFamily: 'Inter, system-ui, sans-serif',
-    fontWeight: '600',
+    fontWeight: '500', // Softer headings
   },
 })
 
@@ -59,8 +59,8 @@ declare module '@tanstack/react-router' {
 export function App() {
   return (
     <>
-      <ColorSchemeScript defaultColorScheme="dark" />
-      <MantineProvider theme={theme} defaultColorScheme="dark" forceColorScheme="dark">
+      <ColorSchemeScript defaultColorScheme="auto" />
+      <MantineProvider theme={theme} defaultColorScheme="auto">
         <QueryClientProvider client={queryClient}>
           <RouterProvider router={router} />
         </QueryClientProvider>