joshlaymon/Illustrations
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update web/static/themes/dawn.css

Browse Source
This commit is contained in:
Joshua Laymon 2025-09-06 03:34:30 +00:00
parent 8ce66202d1
commit d6763c3b5f
1 changed files with 60 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
web/static/themes/dawn.css
View File

@ -1,17 +1,63 @@
/* Dawn: light, low-glare */ /* ===============================
Theme: Dawn (bolder sunrise look)
=============================== */
:root { :root {
--bg: #f3f6f7; --bg: #fef9f6; /* very light warm base */
--bg-elev: #ffffff;
--text: #1f2a36;
--muted: #64748b;
--card: #ffffff; --card: #ffffff;
--border: #d7dee6; --ink: #2c2c2c; /* dark gray text */
--accent: #2f6cab; /* keep your brand blue */ --ink-muted: #6b7280; /* muted gray */
--accent-contrast: #ffffff;
--accent-soft: rgba(47,108,171,.12); --border: #e0d9d5;
--success: #2da46f;
--warning: #c78b2b; --brand: #e67e5c; /* warm orange */
--danger: #c74c5f; --brand-800: #c45d3d; /* darker orange/red */
--shadow: 0 6px 20px rgba(31,42,54,.07);
--radius: 14px; --danger: #c53030;
--btn-bg: #ffffff;
--btn-border: #e5dedb;
--btn-hover: #f9ece6;
}
/* ----- Background gradient ----- */
html[data-theme="dawn"] body {
min-height: 100vh;
background: linear-gradient(
135deg,
#ffd9a0 0%, /* sunrise peach */
#ffb6b9 40%, /* rosy pink */
#a3d5ff 100% /* clear sky blue */
);
background-attachment: fixed;
color: var(--ink);
}
/* Keep cards floating nicely */
html[data-theme="dawn"] .card,
html[data-theme="dawn"] .result-card,
html[data-theme="dawn"] .search-form,
html[data-theme="dawn"] .form-card {
background: var(--card);
border: 1px solid var(--border);
box-shadow: 0 8px 24px rgba(0,0,0,.06);
}
/* Translucent topbar over gradient */
html[data-theme="dawn"] .topbar-wrap {
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
border-bottom: 1px solid rgba(229,231,235,.8);
}
/* Buttons */
html[data-theme="dawn"] .btn-primary {
background: var(--brand);
border-color: var(--brand);
color: #fff;
}
html[data-theme="dawn"] .btn-primary:hover {
background: var(--brand-800);
border-color: var(--brand-800);
} }