Fix the prose-mirror's light theme styling

This commit is contained in:
Oliver-Akins 2025-06-29 15:56:24 -06:00
parent e1f173dde7
commit fba6545bad
5 changed files with 12 additions and 3 deletions

View file

@ -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;

View file

@ -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;
} }

View file

@ -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
View file

@ -0,0 +1,3 @@
.theme-dark {
--prosemirror-background: var(--color-cool-5);
}

3
styles/themes/light.css Normal file
View file

@ -0,0 +1,3 @@
.theme-light {
--prosemirror-background: white;
}