diff options
| author | Dhravya Shah <[email protected]> | 2024-06-18 17:53:24 -0500 |
|---|---|---|
| committer | Dhravya Shah <[email protected]> | 2024-06-18 17:53:24 -0500 |
| commit | ca8f2bbcea3a89b0b8d3c59eeeaeeece8f84876b (patch) | |
| tree | 721a4dd4f4f30ffe3fd22a44a970c643089fab2d | |
| parent | widget (diff) | |
| download | supermemory-ca8f2bbcea3a89b0b8d3c59eeeaeeece8f84876b.tar.xz supermemory-ca8f2bbcea3a89b0b8d3c59eeeaeeece8f84876b.zip | |
darkmode by default - so that the colors don't f up on lightmode devices
| -rw-r--r-- | apps/web/app/layout.tsx | 5 | ||||
| -rw-r--r-- | 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 ( <html lang="en"> - {/* <head> - <ThemeScript /> - </head> */} {/* TODO: when lightmode support is added, remove the 'dark' class from the body tag */} - <body className={`${inter.className} dark`}>{children}</body> + <body className={`${inter.className}`}>{children}</body> </html> ); } 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 { |