diff options
| author | Guillermo Serrahima <dev@vylion.com> | 2026-03-13 11:40:49 +0100 |
|---|---|---|
| committer | Guillermo Serrahima <dev@vylion.com> | 2026-03-16 21:38:51 +0100 |
| commit | 784fd55fb1b473a1d40911656008f099926c94a2 (patch) | |
| tree | 1b65d2874f86930c0332050e9ff183eb440046f6 | |
| parent | 2987e7a3f9c052054b7630dd9c1fafd2661c3c86 (diff) | |
| download | llostre-784fd55fb1b473a1d40911656008f099926c94a2.tar.xz llostre-784fd55fb1b473a1d40911656008f099926c94a2.zip | |
More theming
| -rw-r--r-- | frontend/src/style.css | 38 |
1 files changed, 27 insertions, 11 deletions
diff --git a/frontend/src/style.css b/frontend/src/style.css index 3fc53d9..88bef9d 100644 --- a/frontend/src/style.css +++ b/frontend/src/style.css @@ -10,14 +10,27 @@ --avatar-size: 48px; /* light theme */ - --bg-primary: #f0f2fa; - --bg-secondary: #e5e9f5; + --bg-primary: #f5f0f8; + --bg-secondary: #e8dff0; + --text-primary: #2d1b3d; + --text-secondary: #6b5573; + --text-muted: rgba(45, 27, 61, 0.5); + --border: #d4c5de; + --accent: #e6613c; + --accent-hover: #e49424; + --error: #c0392b; +} + +[data-theme="lighter"] { + /* lighter theme */ + --bg-primary: #fdf8fc; + --bg-secondary: #f5ecf3; --text-primary: #1a1a2e; --text-secondary: #4a5568; --text-muted: rgba(26, 26, 46, 0.5); - --border: #d5dae8; - --accent: #a855f7; - --accent-hover: #c77dff; + --border: #e5dfe8; + --accent: #5c64ff; + --accent-hover: #5295ff; --error: #e63946; } @@ -30,8 +43,8 @@ --text-secondary: #d4b5e0; --text-muted: rgba(245, 230, 255, 0.6); --border: #4a3a5f; - --accent: #ff8a7a; - --accent-hover: #ffc985; + --accent: #fcbb6c; + --accent-hover: #ff8a7a; --error: #e74c3c; } } @@ -44,8 +57,8 @@ --text-secondary: #e8b5a0; --text-muted: rgba(254, 245, 240, 0.6); --border: #3d2750; - --accent: #ff8a7a; - --accent-hover: #ffc985; + --accent: #fcbb6c; + --accent-hover: #ff8a7a; --error: #e74c3c; } @@ -101,8 +114,11 @@ h1 { .note { display: flex; gap: 10px; - padding: 15px; - border-bottom: 1px solid var(--border); + background: var(--bg-secondary); + border: 2px solid var(--border); + border-radius: 8px; + padding: 16px; + margin-bottom: 16px; } .note-avatar { |