old4ever/local-cal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(theme): make light mode the default shell

Browse Source
This commit is contained in:
Dmytro Stanchiev
2026-04-21 21:43:11 -04:00
parent 276fbad45e
commit e0b6120cd3
5 changed files with 66 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
src/app/globals.css
View File

@@ -39,61 +39,50 @@
--radius: 0.625rem;
--shadow-2xs: 0 0 0 1px rgba(0, 0, 0, 0.08);
--shadow-xs: 0 0 0 1px rgba(0, 0, 0, 0.08);
--shadow-sm:
0 0 0 1px rgba(0, 0, 0, 0.08), 0 2px 2px rgba(0, 0, 0, 0.04);
--shadow-sm: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 2px 2px rgba(0, 0, 0, 0.04);
--shadow:
0 0 0 1px rgba(0, 0, 0, 0.08),
0 2px 2px rgba(0, 0, 0, 0.04),
0 8px 8px -8px rgba(0, 0, 0, 0.04),
0 0 0 1px #fafafa;
0 0 0 1px rgba(0, 0, 0, 0.08), 0 2px 2px rgba(0, 0, 0, 0.04),
0 8px 8px -8px rgba(0, 0, 0, 0.04), 0 0 0 1px #fafafa;
--shadow-md:
0 0 0 1px rgba(0, 0, 0, 0.08),
0 2px 2px rgba(0, 0, 0, 0.04),
0 8px 8px -8px rgba(0, 0, 0, 0.04),
0 0 0 1px #fafafa;
--shadow-lg:
0 0 0 1px rgba(0, 0, 0, 0.08),
0 8px 24px rgba(0, 0, 0, 0.08);
--shadow-xl:
0 0 0 1px rgba(0, 0, 0, 0.08),
0 16px 40px rgba(0, 0, 0, 0.12);
--shadow-2xl:
0 0 0 1px rgba(0, 0, 0, 0.08),
0 24px 56px rgba(0, 0, 0, 0.16);
0 0 0 1px rgba(0, 0, 0, 0.08), 0 2px 2px rgba(0, 0, 0, 0.04),
0 8px 8px -8px rgba(0, 0, 0, 0.04), 0 0 0 1px #fafafa;
--shadow-lg: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 8px 24px rgba(0, 0, 0, 0.08);
--shadow-xl: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 16px 40px rgba(0, 0, 0, 0.12);
--shadow-2xl: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 24px 56px rgba(0, 0, 0, 0.16);
--tracking-normal: -0.01em;
--spacing: 0.25rem;
}
.dark {
--background: #111111;
--background: #121212;
--foreground: #f5f5f5;
--card: #171717;
--card: #181818;
--card-foreground: #f5f5f5;
--popover: #171717;
--popover: #181818;
--popover-foreground: #f5f5f5;
--primary: #f5f5f5;
--primary-foreground: #171717;
--secondary: #1f1f1f;
--secondary: #1d1d1d;
--secondary-foreground: #f5f5f5;
--muted: #1a1a1a;
--muted-foreground: #a1a1a1;
--accent: #1f1f1f;
--muted: #1b1b1b;
--muted-foreground: #a3a3a3;
--accent: #202020;
--accent-foreground: #f5f5f5;
--destructive: #ff5b4f;
--destructive-foreground: #ffffff;
--border: rgba(255, 255, 255, 0.1);
--input: rgba(255, 255, 255, 0.12);
--input: #242424;
--ring: hsla(212, 100%, 48%, 1);
--chart-1: #f5f5f5;
--chart-2: #0a72ef;
--chart-3: #de1d8d;
--chart-4: #a1a1a1;
--chart-5: rgba(255, 255, 255, 0.1);
--sidebar: #171717;
--sidebar: #181818;
--sidebar-foreground: #f5f5f5;
--sidebar-primary: #f5f5f5;
--sidebar-primary-foreground: #171717;
--sidebar-accent: #1f1f1f;
--sidebar-accent: #202020;
--sidebar-accent-foreground: #f5f5f5;
--sidebar-border: rgba(255, 255, 255, 0.1);
--sidebar-ring: hsla(212, 100%, 48%, 1);
@@ -101,24 +90,23 @@
--shadow-2xs: 0 0 0 1px rgba(255, 255, 255, 0.08);
--shadow-xs: 0 0 0 1px rgba(255, 255, 255, 0.08);
--shadow-sm:
0 0 0 1px rgba(255, 255, 255, 0.08), 0 2px 2px rgba(0, 0, 0, 0.24);
0 0 0 1px rgba(255, 255, 255, 0.08), 0 2px 2px rgba(0, 0, 0, 0.2),
0 0 0 1px rgba(255, 255, 255, 0.03);
--shadow:
0 0 0 1px rgba(255, 255, 255, 0.08),
0 2px 2px rgba(0, 0, 0, 0.24),
0 8px 8px -8px rgba(0, 0, 0, 0.32);
0 0 0 1px rgba(255, 255, 255, 0.08), 0 2px 2px rgba(0, 0, 0, 0.2),
0 8px 8px -8px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(255, 255, 255, 0.03);
--shadow-md:
0 0 0 1px rgba(255, 255, 255, 0.08),
0 2px 2px rgba(0, 0, 0, 0.24),
0 8px 8px -8px rgba(0, 0, 0, 0.32);
0 0 0 1px rgba(255, 255, 255, 0.08), 0 2px 2px rgba(0, 0, 0, 0.2),
0 8px 8px -8px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(255, 255, 255, 0.03);
--shadow-lg:
0 0 0 1px rgba(255, 255, 255, 0.08),
0 12px 28px rgba(0, 0, 0, 0.32);
0 0 0 1px rgba(255, 255, 255, 0.08), 0 12px 28px rgba(0, 0, 0, 0.28),
0 0 0 1px rgba(255, 255, 255, 0.03);
--shadow-xl:
0 0 0 1px rgba(255, 255, 255, 0.08),
0 20px 44px rgba(0, 0, 0, 0.4);
0 0 0 1px rgba(255, 255, 255, 0.08), 0 20px 44px rgba(0, 0, 0, 0.36),
0 0 0 1px rgba(255, 255, 255, 0.03);
--shadow-2xl:
0 0 0 1px rgba(255, 255, 255, 0.08),
0 28px 64px rgba(0, 0, 0, 0.48);
0 0 0 1px rgba(255, 255, 255, 0.08), 0 28px 64px rgba(0, 0, 0, 0.42),
0 0 0 1px rgba(255, 255, 255, 0.03);
}
@theme inline {
@@ -224,9 +212,12 @@
body {
@apply bg-background text-foreground;
}
}
@layer utilities {
html {
color-scheme: light;
}
html.dark {
color-scheme: dark;
}
}
@utility scrollbar-none {

5
src/app/layout.tsx
View File

@@ -33,7 +33,8 @@ export default function RootLayout({
>
<ThemeProvider
attribute="class"
defaultTheme="dark"
defaultTheme="light"
enableColorScheme
enableSystem
disableTransitionOnChange
>
@@ -44,7 +45,7 @@ export default function RootLayout({
richColors
toastOptions={{
className:
"rounded-[10px] bg-card text-card-foreground shadow-[0_0_0_1px_rgba(0,0,0,0.08),0_12px_40px_rgba(0,0,0,0.12)]",
"rounded-[10px] bg-card text-card-foreground shadow-lg",
}}
/>
</TooltipProvider>

2
src/app/manifest.ts
View File

@@ -8,7 +8,7 @@ export default function manifest(): MetadataRoute.Manifest {
start_url: "/",
display: "standalone",
background_color: "#ffffff",
theme_color: "#000000",
theme_color: "#ffffff",
icons: [
{
src: "/icon-192x192.png",