aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/style.css')
-rw-r--r--frontend/src/style.css38
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 {