update source code

frontend/src/App.scss

@@ -1,5 +1,12 @@
 #root {
   margin: 0 auto;
+
+  --white: #fff;
+  --black: #212121;
+  --primary: #03c9d7;
+  --green: #05b187;
+  --orange: #fb9678;
+  --yellow: #fec90f;
 }
 
 * {

frontend/src/components/Header.jsx

@@ -1,5 +1,5 @@
 import { getProfile } from '@api/user'
-import fuwareLogo from '@assets/logo-fuware.svg'
+import Logo from '@assets/logo.svg'
 import { useSiteContext } from '@context/SiteContext'
 import useAuth from '@hooks/useAuth'
 import useToast from '@hooks/useToast'
@@ -43,7 +43,7 @@ export default function Header() {
     <header class="w-full navbar py-3 px-4 items-center justify-between bg-emerald-500">
       <div class="flex items-center justify-end">
         <A href="/" class="text-white flex items-center hover:text-white">
-          <img src={fuwareLogo} class="w-8" alt="Fuware logo" />
+          <img src={Logo} class="w-8" alt="Logo" />
           <span class="ml-2 text-2xl">Fuware</span>
         </A>
       </div>

frontend/src/components/Navbar/Navbar.jsx

@@ -48,7 +48,7 @@ export default function Navbar() {
             <IconTriangle size={30} />
           </div>
         </Show>
-        <ul class="scrollnavbar menu p-4 w-80 text-base-content bg-transparent py-6 px-4">
+        <ul class="scrollnavbar menu p-4 w-80 text-base-content py-6 px-4">
           <For each={NAV_ROUTES}>
             {(item) =>
               item.show && (

frontend/src/components/Navbar/navbar.scss

@@ -1,21 +1,17 @@
-$color-white: #fff;
-$color-black: #212121;
-$primary: #03c9d7;
-
 .menu  {
   li {
     a {
-      color: $color-black;
+      color: var(--black);
       font-weight: normal;
 
       &:not(ul, .menu-title, details, .btn).active {
-        background-color: $primary;
-        color: $color-white;
+        background-color: var(--primary);
+        color: var(--white);
       }
 
       &:hover {
-        background-color: rgba($primary, 0.05);
-        color: $primary;
+        background-color: rgba(var(--primary), 0.05);
+        color: var(--primary);
       }
     }
   }

frontend/src/pages/Login/Login.jsx

@@ -7,7 +7,7 @@ import { Show, onMount } from 'solid-js'
 import * as yup from 'yup'
 import './login.scss'
 
-import logo from '@assets/logo-fuware.svg'
+import Logo from '@assets/logo.svg'
 import useAuth from '@hooks/useAuth'
 import useToast from '@hooks/useToast'
 
@@ -59,8 +59,8 @@ export default function Login() {
       <div class="card glass card-compact login-wrap shadow-xl">
         <div class="h-44">
           <picture class="logo">
-            <source srcSet={logo} type="image/png" media="(min-width: 600px)" />
-            <img src={logo} alt="logo" />
+            <source srcSet={Logo} type="image/png" media="(min-width: 600px)" />
+            <img src={Logo} alt="logo" />
           </picture>
         </div>
         <div class="card-body">

frontend/tailwind.config.js

@@ -1,16 +1,29 @@
 import daisyui from 'daisyui'
+import themes from 'daisyui/src/theming/themes'
 
 /** @type {import('tailwindcss').Config} */
 export default {
   content: ['./src/**/*.{js,jsx}'],
   theme: {
-    extend: {},
+    extend: {
+      colors: {
+        fu: {
+          white: '#fff',
+          black: '#212121',
+          primary: '#03c9d7',
+          green: '#05b187',
+          orange: '#fb9678',
+          yellow: '#fec90f',
+        },
+      },
+    },
   },
   plugins: [daisyui],
   daisyui: {
     themes: [
       {
         light: {
+          ...themes['light'],
           primary: '#03c9d7',
           'primary-content': '#ffff',
           secondary: '#fb9678',