vrr/supermemory
2
0
Fork 0
mirror of https://github.com/supermemoryai/supermemory.git synced 2026-05-17 12:20:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

darkmode by default - so that the colors don't f up on lightmode devices

Browse source
This commit is contained in:
Dhravya Shah 2024-06-18 17:53:24 -05:00
parent a7dc883bc4
commit ca8f2bbcea
2 changed files with 26 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

5
apps/web/app/layout.tsx
View file

@ -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>
);
}

49
packages/tailwind-config/globals.css
View file

@ -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 {