diff --git a/ui/frontend/editor/Editor.module.css b/ui/frontend/editor/Editor.module.css
index d8071527..67969aa4 100644
--- a/ui/frontend/editor/Editor.module.css
+++ b/ui/frontend/editor/Editor.module.css
@@ -19,4 +19,6 @@
 .simple {
   composes: -advanced;
   border: none;
+  color: inherit;
+  background-color: inherit;
 }
diff --git a/ui/frontend/index.module.css b/ui/frontend/index.module.css
index e5fa8e5d..fbf47ca4 100644
--- a/ui/frontend/index.module.css
+++ b/ui/frontend/index.module.css
@@ -105,8 +105,10 @@
   --output-current-tab: #f9ffff;
 
   /* Output compiler highlighting */
-  --output-highlight-error-color: #bf1b1b;
   --output-highlight-warning-color: #f79a06;
+  --output-highlight-warning-bg-color: inherit;
+  --output-highlight-error-color: #bf1b1b;
+  --output-highlight-error-bg-color: inherit;
 }
 
 @define-mixin dark-theme-vars {