Garden badges: intensify state colors for dark and light themes
This commit is contained in:
@@ -1329,6 +1329,66 @@ html.theme-light {
|
||||
.note-state.state-unknown i {
|
||||
color: #F44336;
|
||||
}
|
||||
|
||||
/* ---------- Intensivierte Garden-Badges (dark) ---------- */
|
||||
html.theme-dark .note-state {
|
||||
background: rgba(169, 155, 122, 0.38);
|
||||
color: #efebdc;
|
||||
}
|
||||
html.theme-dark .note-state i {
|
||||
color: #E1CE98;
|
||||
}
|
||||
html.theme-dark .note-state.state-draft {
|
||||
background: rgba(109, 109, 109, 0.55);
|
||||
color: #efebdc;
|
||||
}
|
||||
html.theme-dark .note-state.state-draft i {
|
||||
color: #c8c2b2;
|
||||
}
|
||||
html.theme-dark .note-state.state-review {
|
||||
background: rgba(119, 131, 138, 0.55);
|
||||
color: #efebdc;
|
||||
}
|
||||
html.theme-dark .note-state.state-review i {
|
||||
color: #a9b4ba;
|
||||
}
|
||||
html.theme-dark .note-state.state-unknown {
|
||||
background: rgba(244, 67, 54, 0.45);
|
||||
color: #fbe9e7;
|
||||
}
|
||||
html.theme-dark .note-state.state-unknown i {
|
||||
color: #ff8a7f;
|
||||
}
|
||||
|
||||
/* ---------- Intensivierte Garden-Badges (light) ---------- */
|
||||
html.theme-light .note-state {
|
||||
background: rgba(85, 103, 83, 0.30);
|
||||
color: #1c2d28;
|
||||
}
|
||||
html.theme-light .note-state i {
|
||||
color: #556753;
|
||||
}
|
||||
html.theme-light .note-state.state-draft {
|
||||
background: rgba(109, 109, 109, 0.35);
|
||||
color: #1c2d28;
|
||||
}
|
||||
html.theme-light .note-state.state-draft i {
|
||||
color: #4a4a4a;
|
||||
}
|
||||
html.theme-light .note-state.state-review {
|
||||
background: rgba(119, 131, 138, 0.38);
|
||||
color: #1c2d28;
|
||||
}
|
||||
html.theme-light .note-state.state-review i {
|
||||
color: #3d727d;
|
||||
}
|
||||
html.theme-light .note-state.state-unknown {
|
||||
background: rgba(177, 71, 82, 0.35);
|
||||
color: #1c2d28;
|
||||
}
|
||||
html.theme-light .note-state.state-unknown i {
|
||||
color: #b14752;
|
||||
}
|
||||
/* ---------- Code notes: always Harbordark like code boxes ---------- */
|
||||
#content.type-code pre {
|
||||
background-color: #222222 !important;
|
||||
|
||||
Reference in New Issue
Block a user