colin
/
sticky-notes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve contrast of note editor in dark mode; code block styles

This commit is contained in:
Dallas Hoffman 2023-10-02 23:17:30 -04:00
parent cabdb09b5e
commit 69d022a2fa
No known key found for this signature in database
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/styles/_bytemd.scss
View File

@ -51,6 +51,12 @@
border-color: var(--editor-border); border-color: var(--editor-border);
} }
.markdown-body {
pre {
background-color: hsl(0 0% 100% / 0.3);
}
}
.tippy-box { .tippy-box {
font-size: 0.875rem; font-size: 0.875rem;
color: var(--tooltip-color); color: var(--tooltip-color);
@ -66,12 +72,13 @@
color: var(--tooltip-background-color); color: var(--tooltip-background-color);
} }
:root[data-theme='dark'] .bytemd { :root[data-theme='dark'] {
--editor-bg: hsl(0 0% 0% / 0.075); .bytemd {
color-scheme: dark; color-scheme: dark;
}
&.bytemd-fullscreen { .markdown-body {
--editor-bg: var(--note-color, hsl(0 0% 80%)); color-scheme: dark;
} }
} }