From 25abb9c9e30501a24085b5ce2a438a52b5413b31 Mon Sep 17 00:00:00 2001 From: laurenpudz Date: Thu, 20 Nov 2025 15:02:46 +0800 Subject: [PATCH 1/2] Added custom colours --- client/src/styles/globals.css | 68 ++++++++++------------------------- 1 file changed, 19 insertions(+), 49 deletions(-) diff --git a/client/src/styles/globals.css b/client/src/styles/globals.css index cd9b9ac7..616c2b14 100644 --- a/client/src/styles/globals.css +++ b/client/src/styles/globals.css @@ -4,66 +4,36 @@ @layer base { :root { - --background: 0 0% 100%; - --foreground: 222.2 84% 4.9%; + --background: 236 47% 7%; + --foreground: 0 0% 100%; - --card: 0 0% 100%; - --card-foreground: 222.2 84% 4.9%; + --card: 235 47% 20%; + --card-foreground: 0 0% 100%; - --popover: 0 0% 100%; - --popover-foreground: 222.2 84% 4.9%; + --popover: 235 47% 20%; + --popover-foreground: 0 0% 100%; - --primary: 222.2 47.4% 11.2%; - --primary-foreground: 210 40% 98%; + --primary: 235 96% 80%; + --primary-foreground: 235 47% 20%; - --secondary: 210 40% 96.1%; - --secondary-foreground: 222.2 47.4% 11.2%; + --secondary: 260 68% 69%; + --secondary-foreground: 235 47% 20%; - --muted: 210 40% 96.1%; - --muted-foreground: 215.4 16.3% 46.9%; + --muted: 235 47% 20%; + --muted-foreground: 236 96% 90%; - --accent: 210 40% 96.1%; - --accent-foreground: 222.2 47.4% 11.2%; + --accent: 260 68% 69%; + --accent-foreground: 235 47% 20%; - --destructive: 0 84.2% 60.2%; - --destructive-foreground: 210 40% 98%; + --destructive: 0 62.8% 30.6%; + --destructive-foreground: 0 0% 100%; - --border: 214.3 31.8% 91.4%; - --input: 214.3 31.8% 91.4%; - --ring: 222.2 84% 4.9%; + --border: 235 47% 20%; + --input: 235 47% 20%; + --ring: 236 47% 7%; --radius: 0.5rem; } - - .dark { - --background: 222.2 84% 4.9%; - --foreground: 210 40% 98%; - - --card: 222.2 84% 4.9%; - --card-foreground: 210 40% 98%; - - --popover: 222.2 84% 4.9%; - --popover-foreground: 210 40% 98%; - - --primary: 210 40% 98%; - --primary-foreground: 222.2 47.4% 11.2%; - - --secondary: 217.2 32.6% 17.5%; - --secondary-foreground: 210 40% 98%; - - --muted: 217.2 32.6% 17.5%; - --muted-foreground: 215 20.2% 65.1%; - - --accent: 217.2 32.6% 17.5%; - --accent-foreground: 210 40% 98%; - - --destructive: 0 62.8% 30.6%; - --destructive-foreground: 210 40% 98%; - - --border: 217.2 32.6% 17.5%; - --input: 217.2 32.6% 17.5%; - --ring: 212.7 26.8% 83.9%; - } } @layer base { From 11c7a5df54d6bb7a7d98dafe75d54ce805bd29bb Mon Sep 17 00:00:00 2001 From: James Lee Date: Thu, 20 Nov 2025 15:15:48 +0800 Subject: [PATCH 2/2] Remove dark mode from config --- client/tailwind.config.ts | 1 - 1 file changed, 1 deletion(-) diff --git a/client/tailwind.config.ts b/client/tailwind.config.ts index 1fb1ab1f..9ad0458c 100644 --- a/client/tailwind.config.ts +++ b/client/tailwind.config.ts @@ -3,7 +3,6 @@ import { fontFamily } from "tailwindcss/defaultTheme"; import animate from "tailwindcss-animate"; const config = { - darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}",