nvrl/narlblog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed light theme

Browse Source
This commit is contained in:
Nils Pukropp
2026-03-27 12:58:04 +01:00
parent b550a606f5
commit 8e10cb9d17
3 changed files with 46 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles/global.css
+10 -10
View File
@@ -70,9 +70,9 @@
--flamingo: #eebebe; --rosewater: #f2d5cf;
}
/* Highly optimized light mode colors */
/* Redesigned light themes for better contrast */
.latte {
--crust: #e6e9ef; --mantle: #dce0e8; --base: #eff1f5;
--crust: #dce0e8; --mantle: #e6e9ef; --base: #eff1f5;
--surface0: #ccd0da; --surface1: #bcc0cc; --surface2: #acb0be;
--overlay0: #9ca0b0; --overlay1: #8c8fa1; --overlay2: #7c7f93;
--text: #1e1e2e; --subtext0: #4c4f69; --subtext1: #5c5f77;
@@ -84,10 +84,10 @@
}
.scaled-and-icy {
--crust: #ffffff; --mantle: #f8f9fa; --base: #f0f2f5;
--surface0: #e4e7eb; --surface1: #d1d5db; --surface2: #9ca3af;
--overlay0: #6b7280; --overlay1: #4b5563; --overlay2: #374151;
--text: #111827; --subtext0: #374151; --subtext1: #4b5563;
--crust: #e2e8f0; --mantle: #f1f5f9; --base: #f8fafc;
--surface0: #cbd5e1; --surface1: #94a3b8; --surface2: #64748b;
--overlay0: #475569; --overlay1: #334155; --overlay2: #1e293b;
--text: #0f172a; --subtext0: #1e293b; --subtext1: #334155;
--blue: #5cdbdf; --lavender: #8ab4f8; --sapphire: #38bdf8;
--sky: #0ea5e9; --teal: #2dd4bf; --green: #34d399;
--yellow: #fcd34d; --peach: #fbbf24; --maroon: #f43f5e;
@@ -124,10 +124,10 @@ body {
/* Dynamic UI Components */
.glass {
background-color: color-mix(in srgb, var(--surface0) 60%, transparent);
backdrop-filter: blur(12px);
border: 1px solid color-mix(in srgb, var(--text) 10%, transparent);
box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
background-color: color-mix(in srgb, var(--surface0) 80%, transparent);
backdrop-filter: blur(16px);
border: 1px solid color-mix(in srgb, var(--text) 15%, transparent);
box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.3);
border-radius: 1rem;
}