Garden badges: vibrant solid colors with borders for dark and light

This commit is contained in:
trilium-share-gruvbox
2026-09-07 17:04:31 +02:00
parent a30bb2611e
commit c5323f221f
+33 -25
View File
@@ -1330,64 +1330,72 @@ html.theme-light {
color: #F44336; color: #F44336;
} }
/* ---------- Intensivierte Garden-Badges (dark) ---------- */ /* ---------- Peppige Garden-Badges (dark) ---------- */
html.theme-dark .note-state { html.theme-dark .note-state {
background: rgba(169, 155, 122, 0.38); background: rgba(169, 155, 122, 0.40);
color: #efebdc; border: 1px solid #a99b7a;
color: #1b1b1b;
} }
html.theme-dark .note-state i { html.theme-dark .note-state i {
color: #E1CE98; color: #1b1b1b;
} }
html.theme-dark .note-state.state-draft { html.theme-dark .note-state.state-draft {
background: rgba(109, 109, 109, 0.55); background: rgba(244, 67, 54, 0.85);
color: #efebdc; border-color: #ff8a7f;
color: #1b1b1b;
} }
html.theme-dark .note-state.state-draft i { html.theme-dark .note-state.state-draft i {
color: #c8c2b2; color: #1b1b1b;
} }
html.theme-dark .note-state.state-review { html.theme-dark .note-state.state-review {
background: rgba(119, 131, 138, 0.55); background: rgba(76, 108, 148, 0.85);
color: #efebdc; border-color: #8fb4e0;
color: #1b1b1b;
} }
html.theme-dark .note-state.state-review i { html.theme-dark .note-state.state-review i {
color: #a9b4ba; color: #1b1b1b;
} }
html.theme-dark .note-state.state-unknown { html.theme-dark .note-state.state-unknown {
background: rgba(244, 67, 54, 0.45); background: rgba(225, 206, 152, 0.85);
color: #fbe9e7; border-color: #f2e4b8;
color: #1b1b1b;
} }
html.theme-dark .note-state.state-unknown i { html.theme-dark .note-state.state-unknown i {
color: #ff8a7f; color: #1b1b1b;
} }
/* ---------- Intensivierte Garden-Badges (light) ---------- */ /* ---------- Peppige Garden-Badges (light) ---------- */
html.theme-light .note-state { html.theme-light .note-state {
background: rgba(85, 103, 83, 0.30); background: rgba(85, 103, 83, 0.85);
color: #1c2d28; border: 1px solid #556753;
color: #dfe4c4;
} }
html.theme-light .note-state i { html.theme-light .note-state i {
color: #556753; color: #dfe4c4;
} }
html.theme-light .note-state.state-draft { html.theme-light .note-state.state-draft {
background: rgba(109, 109, 109, 0.35); background: rgba(220, 129, 100, 0.95);
border-color: #b85f3f;
color: #1c2d28; color: #1c2d28;
} }
html.theme-light .note-state.state-draft i { html.theme-light .note-state.state-draft i {
color: #4a4a4a; color: #1c2d28;
} }
html.theme-light .note-state.state-review { html.theme-light .note-state.state-review {
background: rgba(119, 131, 138, 0.38); background: rgba(94, 129, 172, 0.95);
color: #1c2d28; border-color: #3d5f8a;
color: #dfe4c4;
} }
html.theme-light .note-state.state-review i { html.theme-light .note-state.state-review i {
color: #3d727d; color: #dfe4c4;
} }
html.theme-light .note-state.state-unknown { html.theme-light .note-state.state-unknown {
background: rgba(177, 71, 82, 0.35); background: rgba(177, 71, 82, 0.95);
color: #1c2d28; border-color: #8f3a40;
color: #dfe4c4;
} }
html.theme-light .note-state.state-unknown i { html.theme-light .note-state.state-unknown i {
color: #b14752; color: #dfe4c4;
} }
/* ---------- Code notes: always Harbordark like code boxes ---------- */ /* ---------- Code notes: always Harbordark like code boxes ---------- */
#content.type-code pre { #content.type-code pre {