From ca8f2bbcea3a89b0b8d3c59eeeaeeece8f84876b Mon Sep 17 00:00:00 2001 From: Dhravya Shah Date: Tue, 18 Jun 2024 17:53:24 -0500 Subject: darkmode by default - so that the colors don't f up on lightmode devices --- apps/web/app/layout.tsx | 5 +--- packages/tailwind-config/globals.css | 49 ++++++++++++++++++------------------ 2 files changed, 26 insertions(+), 28 deletions(-) diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx index 8d7cd5ea..1b5558bb 100644 --- a/apps/web/app/layout.tsx +++ b/apps/web/app/layout.tsx @@ -62,11 +62,8 @@ export default function RootLayout({ }): JSX.Element { return ( - {/* - - */} {/* TODO: when lightmode support is added, remove the 'dark' class from the body tag */} - {children} + {children} ); } diff --git a/packages/tailwind-config/globals.css b/packages/tailwind-config/globals.css index 18017f73..32137ef7 100644 --- a/packages/tailwind-config/globals.css +++ b/packages/tailwind-config/globals.css @@ -2,39 +2,40 @@ @tailwind components; @tailwind utilities; -@media (prefers-color-scheme: dark) { - :root { - --foreground: rgba(179, 188, 197, 1); - --foreground-menu: rgba(106, 115, 125, 1); - --background: rgba(23, 27, 31, 1); - --secondary: rgba(31, 36, 40, 1); - --primary: rgba(54, 157, 253, 1); - --border: rgba(51, 57, 67, 1); +/* @media (prefers-color-scheme: dark) { - --card: 0 0% 100%; - --card-foreground: 0 0% 3.9%; +} */ +:root { + --foreground: rgba(179, 188, 197, 1); + --foreground-menu: rgba(106, 115, 125, 1); + --background: rgba(23, 27, 31, 1); + --secondary: rgba(31, 36, 40, 1); + --primary: rgba(54, 157, 253, 1); + --border: rgba(51, 57, 67, 1); - --popover: 0 0% 100%; - --popover-foreground: 0 0% 3.9%; + --card: 0 0% 100%; + --card-foreground: 0 0% 3.9%; - --primary-foreground: 0 0% 98%; + --popover: 0 0% 100%; + --popover-foreground: 0 0% 3.9%; - --secondary-foreground: 0 0% 9%; + --primary-foreground: 0 0% 98%; - --muted: 0 0% 96.1%; - --muted-foreground: 0 0% 45.1%; + --secondary-foreground: 0 0% 9%; - --accent: 0 0% 96.1%; - --accent-foreground: 0 0% 9%; + --muted: 0 0% 96.1%; + --muted-foreground: 0 0% 45.1%; - --destructive: 0 84.2% 60.2%; - --destructive-foreground: 0 0% 98%; + --accent: 0 0% 96.1%; + --accent-foreground: 0 0% 9%; - --input: 0 0% 89.8%; - --ring: 0 0% 3.9%; + --destructive: 0 84.2% 60.2%; + --destructive-foreground: 0 0% 98%; - --radius: 0.5rem; - } + --input: 0 0% 89.8%; + --ring: 0 0% 3.9%; + + --radius: 0.5rem; } body { -- cgit v1.2.3