Fix the prose-mirror's light theme styling
This commit is contained in:
parent
e1f173dde7
commit
fba6545bad
5 changed files with 12 additions and 3 deletions
|
|
@ -43,7 +43,6 @@
|
||||||
|
|
||||||
prose-mirror {
|
prose-mirror {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: var(--color-cool-5);
|
|
||||||
|
|
||||||
menu {
|
menu {
|
||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,6 @@
|
||||||
.taf > .window-content prose-mirror {
|
.taf > .window-content prose-mirror {
|
||||||
|
background: var(--prosemirror-background);
|
||||||
|
|
||||||
.editor-content {
|
.editor-content {
|
||||||
padding: 0 8px 8px;
|
padding: 0 8px 8px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,8 @@
|
||||||
@layer resets, elements, components, partials, apps, exceptions;
|
@layer resets, themes, elements, components, partials, apps, exceptions;
|
||||||
|
|
||||||
/* Resets */
|
/* Themes */
|
||||||
|
@import url("./themes/dark.css") layer(themes);
|
||||||
|
@import url("./themes/light.css") layer(themes);
|
||||||
|
|
||||||
/* Elements */
|
/* Elements */
|
||||||
@import url("./elements/headers.css") layer(elements);
|
@import url("./elements/headers.css") layer(elements);
|
||||||
|
|
|
||||||
3
styles/themes/dark.css
Normal file
3
styles/themes/dark.css
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
.theme-dark {
|
||||||
|
--prosemirror-background: var(--color-cool-5);
|
||||||
|
}
|
||||||
3
styles/themes/light.css
Normal file
3
styles/themes/light.css
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
.theme-light {
|
||||||
|
--prosemirror-background: white;
|
||||||
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue