diff options
Diffstat (limited to 'frontend/src/style.css')
| -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 { |
