feat: update theme color to green and add sky-inspired background gradient
All checks were successful
continuous-integration/drone/push Build is passing

Replace violet/indigo accent colors with #2fa700 green, and update the
background from a flat color to a diagonal gradient evoking a sky over
green landscape (light: sky blue → meadow green; dark: midnight → forest).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
nemunaire 2026-03-08 11:55:28 +07:00
commit 51813d3957

View file

@ -2,17 +2,17 @@
CSS custom properties
============================================================ */
:root {
--bg: #f4f6f9;
--bg: linear-gradient(165deg, #b2d9f5 0%, #ceeabd 50%, #edf6e8 100%);
--card-bg: #ffffff;
--card-shadow: 0 4px 24px rgba(0,0,0,.10);
--text: #1a1d23;
--text-muted: #6b7280;
--border: #d1d5db;
--input-bg: #ffffff;
--input-focus-border: #4f46e5;
--input-focus-shadow: 0 0 0 3px rgba(79,70,229,.15);
--btn-primary-bg: #4f46e5;
--btn-primary-hover: #4338ca;
--input-focus-border: #2fa700;
--input-focus-shadow: 0 0 0 3px rgba(47,167,0,.15);
--btn-primary-bg: #2fa700;
--btn-primary-hover: #279100;
--btn-secondary-bg: #f3f4f6;
--btn-secondary-hover: #e5e7eb;
--btn-secondary-text: #374151;
@ -27,17 +27,17 @@
@media (prefers-color-scheme: dark) {
:root {
--bg: #0f1117;
--bg: linear-gradient(165deg, #06101e 0%, #091a0d 55%, #0f1117 100%);
--card-bg: #1e2130;
--card-shadow: 0 4px 24px rgba(0,0,0,.40);
--text: #e5e7eb;
--text-muted: #9ca3af;
--border: #374151;
--input-bg: #111827;
--input-focus-border: #6366f1;
--input-focus-shadow: 0 0 0 3px rgba(99,102,241,.20);
--btn-primary-bg: #6366f1;
--btn-primary-hover: #4f46e5;
--input-focus-border: #35b800;
--input-focus-shadow: 0 0 0 3px rgba(53,184,0,.20);
--btn-primary-bg: #35b800;
--btn-primary-hover: #2fa700;
--btn-secondary-bg: #374151;
--btn-secondary-hover: #4b5563;
--btn-secondary-text: #d1d5db;
@ -65,6 +65,7 @@ body {
font-size: 16px;
line-height: 1.6;
background: var(--bg);
background-attachment: fixed;
color: var(--text);
min-height: 100vh;
display: flex;