From fba6545bada3e65528a14433b2e3d2b73f9e8777 Mon Sep 17 00:00:00 2001 From: Oliver-Akins Date: Sun, 29 Jun 2025 15:56:24 -0600 Subject: [PATCH] Fix the prose-mirror's light theme styling --- styles/Apps/PlayerSheet.css | 1 - styles/elements/prose-mirror.css | 2 ++ styles/main.css | 6 ++++-- styles/themes/dark.css | 3 +++ styles/themes/light.css | 3 +++ 5 files changed, 12 insertions(+), 3 deletions(-) create mode 100644 styles/themes/dark.css create mode 100644 styles/themes/light.css diff --git a/styles/Apps/PlayerSheet.css b/styles/Apps/PlayerSheet.css index 9351278..3f0d636 100644 --- a/styles/Apps/PlayerSheet.css +++ b/styles/Apps/PlayerSheet.css @@ -43,7 +43,6 @@ prose-mirror { height: 100%; - background: var(--color-cool-5); menu { border-bottom-left-radius: 0; diff --git a/styles/elements/prose-mirror.css b/styles/elements/prose-mirror.css index 276c7cf..495de04 100644 --- a/styles/elements/prose-mirror.css +++ b/styles/elements/prose-mirror.css @@ -1,4 +1,6 @@ .taf > .window-content prose-mirror { + background: var(--prosemirror-background); + .editor-content { padding: 0 8px 8px; } diff --git a/styles/main.css b/styles/main.css index b231f6a..a07aa4f 100644 --- a/styles/main.css +++ b/styles/main.css @@ -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 */ @import url("./elements/headers.css") layer(elements); diff --git a/styles/themes/dark.css b/styles/themes/dark.css new file mode 100644 index 0000000..85103f7 --- /dev/null +++ b/styles/themes/dark.css @@ -0,0 +1,3 @@ +.theme-dark { + --prosemirror-background: var(--color-cool-5); +} diff --git a/styles/themes/light.css b/styles/themes/light.css new file mode 100644 index 0000000..fee3812 --- /dev/null +++ b/styles/themes/light.css @@ -0,0 +1,3 @@ +.theme-light { + --prosemirror-background: white; +}