upd: tampilan

src/frontend/App.tsx

@@ -5,8 +5,38 @@ import { createRouter, RouterProvider } from '@tanstack/react-router'
 import { routeTree } from './routeTree.gen'
 
 const theme = createTheme({
-  primaryColor: 'blue',
+  primaryColor: 'brand-blue',
+  colors: {
+    'brand-blue': [
+      '#ebf2ff',
+      '#d6e4ff',
+      '#adc8ff',
+      '#85acff',
+      '#5c90ff',
+      '#2563eb', // Primary Blue
+      '#1e4fb8',
+      '#173b85',
+      '#102752',
+      '#09131f',
+    ],
+    'brand-purple': [
+      '#f3ebff',
+      '#e7d6ff',
+      '#cfadff',
+      '#b785ff',
+      '#9f5cff',
+      '#7c3aed', // Primary Purple
+      '#632eb8',
+      '#4a2285',
+      '#311652',
+      '#180b1f',
+    ],
+  },
   fontFamily: 'Inter, system-ui, Avenir, Helvetica, Arial, sans-serif',
+  headings: {
+    fontFamily: 'Inter, system-ui, sans-serif',
+    fontWeight: '600',
+  },
 })
 
 const queryClient = new QueryClient({