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