root/chadebebe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wip: in-progress mars theme work (saved before auth refactor)

Browse Source
This commit is contained in:
belisards
2026-05-03 16:11:12 -03:00
parent 282e475562
commit 4d4cdee9eb
8 changed files with 1 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
app/globals.css
View File

@@ -1,7 +1,5 @@
@import "tailwindcss";
@variant dark (.dark &);
/* Mars palette — warm rust, terracotta, dusty sand, deep crater shadows */
:root {
--background: #fff5ee; /* warm sand mist */
@@ -26,30 +24,6 @@
color-scheme: light;
}
:root[data-theme="dark"],
.dark {
--background: #1a0c08; /* night side of Mars */
--foreground: #f4e2d4;
--ink: #f4e2d4;
--ink-soft: #d6b39d;
--muted: #a48068;
--card: #2a140d;
--card-soft: #341a12;
--border: #4a261a;
--accent: #e26d3d; /* glowing rust */
--accent-soft: #3d1a10;
--success: #b3c275;
--success-soft: #2a2615;
--success-border: #4a4528;
--success-ink: #d8de9c;
--halo-1: rgba(231, 111, 65, 0.30);
--halo-2: rgba(196, 76, 39, 0.30);
--halo-3: rgba(120, 40, 25, 0.40);
--planet-core: #d65a30;
--planet-rim: #6e2412;
color-scheme: dark;
}
@theme inline {
--color-background: var(--background);
--color-foreground: var(--foreground);
@@ -85,19 +59,6 @@ body {
background-attachment: fixed;
}
.dark .bg-cosmic {
background-image:
radial-gradient(circle at 12% 18%, var(--halo-1) 0%, transparent 38%),
radial-gradient(circle at 88% 14%, var(--halo-2) 0%, transparent 44%),
radial-gradient(circle at 50% 92%, var(--halo-3) 0%, transparent 50%),
radial-gradient(1px 1px at 22% 30%, rgba(255, 220, 200, 0.85) 50%, transparent 51%),
radial-gradient(1px 1px at 70% 22%, rgba(255, 220, 200, 0.75) 50%, transparent 51%),
radial-gradient(1px 1px at 40% 70%, rgba(255, 220, 200, 0.75) 50%, transparent 51%),
radial-gradient(1px 1px at 82% 60%, rgba(255, 220, 200, 0.85) 50%, transparent 51%),
radial-gradient(1px 1px at 18% 82%, rgba(255, 220, 200, 0.75) 50%, transparent 51%),
linear-gradient(180deg, var(--background) 0%, #0a0604 100%);
}
/*
* Mars-disk glyph: a soft layered radial gradient that reads as a planet.
* Used as a decorative ::before in the header.
@@ -147,21 +108,3 @@ body {
:root textarea::placeholder {
color: var(--muted);
}
:root[data-theme="dark"] input,
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] select,
.dark input,
.dark textarea,
.dark select {
color: var(--ink);
background-color: var(--card-soft);
border-color: var(--border);
}
:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder,
.dark input::placeholder,
.dark textarea::placeholder {
color: var(--muted);
}