Skip to content

Commit c1ff72a

Browse files
carlbennettclaude
andcommitted
Fix EasyMDE toolbar button dark theme selectors
Corrects the CSS selectors from .editor-toolbar a to .editor-toolbar button since EasyMDE uses button elements, and overrides the hardcoded light hover background so toolbar buttons are visible against the dark Slate theme. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1 parent 7d93ca1 commit c1ff72a

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

src/Static/a/footer.css

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,9 @@
55
body > footer { background-color: rgba(0,0,0,0.25); }
66

77
.CodeMirror, .editor-toolbar, .editor-preview, .editor-preview-side { background: #272b30; color: #c8c8c8; border-color: #3a3f44; }
8-
.editor-toolbar a { color: #aaa !important; }
9-
.editor-toolbar a:hover, .editor-toolbar a.active { background: #3a3f44; color: #fff !important; }
10-
.editor-toolbar.disabled-for-preview a:not(.no-disable) { color: #555 !important; }
8+
.editor-toolbar button, .editor-toolbar .easymde-dropdown { color: #aaa; }
9+
.editor-toolbar button:hover, .editor-toolbar button.active { background: #3a3f44 !important; border-color: #555 !important; color: #fff; }
10+
.editor-toolbar.disabled-for-preview button:not(.no-disable) { color: #555 !important; }
1111
.editor-toolbar i.separator { border-left-color: #555; border-right-color: #333; }
1212
.CodeMirror-cursor { border-left-color: #c8c8c8; }
1313
.CodeMirror-selected { background: #3a3f44; }

0 commit comments

Comments
 (0)