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

15
src/styles/_bytemd.scss
View File

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