feat: update theme color to green and add sky-inspired background gradient
All checks were successful
continuous-integration/drone/push Build is passing
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:
parent
99def55e80
commit
51813d3957
1 changed files with 11 additions and 10 deletions
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue