fix: Adapt the editor background to color scheme

Probesys · Sep 12, 2023 · 035a9b2 · 035a9b2
1 parent a308460
commit 035a9b2
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/assets/stylesheets/components/forms.css b/assets/stylesheets/components/forms.css
@@ -250,13 +250,21 @@ legend {
 }
 
 .editor {
-    background-color: #fff;
+    background-color: var(--tinymce-background);
     border: 0.25rem solid var(--color-grey8);
     border-radius: 0.5rem;
 
     transition: border-color 0.2s ease-in-out;
 }
 
+[data-color-scheme="light"] .editor {
+    --tinymce-background: #fff;
+}
+
+[data-color-scheme="dark"] .editor {
+    --tinymce-background: #222f3e;
+}
+
 .editor:hover,
 .editor:focus-within {
     border-color: var(--color-primary8);
@@ -268,6 +276,7 @@ legend {
 
 .editor .tox-tinymce {
     border: none;
+    border-radius: 0.5rem 0.5rem 0 0;
 }
 
 .form__caption {