feat: Light/dark modes

2026-03-26 17:01:34 +00:00
parent 005a8f4cf0
commit d793b5ccf2
10 changed files with 375 additions and 4 deletions
--- a/frontend/src/components/NoteEditor.vue
+++ b/frontend/src/components/NoteEditor.vue
@@ -346,4 +346,31 @@ onMounted(async () => {
    color: #7a2727;
    font-size: 0.9rem;
 }
+
+/* Dark mode overrides */
+:root[data-bs-theme="dark"] .editor-toolbar {
+    border-bottom-color: #3a3f4b;
+}
+
+:root[data-bs-theme="dark"] .flag-check {
+    background: #2d3748;
+    border-color: #4a5568;
+}
+
+:root[data-bs-theme="dark"] .preview-pane {
+    background-color: #21252e;
+}
+
+:root[data-bs-theme="dark"] .danger-zone {
+    background: #2d1a1a;
+    border-color: #7a3030;
+}
+
+:root[data-bs-theme="dark"] .danger-zone-title {
+    color: #fc8181;
+}
+
+:root[data-bs-theme="dark"] .danger-zone-copy {
+    color: #fca5a5;
+}
 </style>