diff --git a/src/style.css b/src/style.css
index 27af6e6..82a3881 100644
--- a/src/style.css
+++ b/src/style.css
@@ -3,7 +3,7 @@
 
 /* main page */
 :root {--control-radius:3px}
-html {background-color:black; color:white; font-family:sans-serif}
+html {background:black; color:white; font-family:sans-serif}
 body {font-size:85%; display:flex; flex-direction:column; align-items:center; height:100vh; margin:0}
 /* https://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ */
 code, #code-editor, #code-editor .cm-scroller {font-family:"",monospace}
@@ -28,29 +28,29 @@ html[data-embed] .container-fixed {height:100%}
 	#code-editor-container {resize:none; height:100% !important}
 }
 html[data-embed] #code-editor-container {resize:none; height:100%}
+
 #code-editor {width:100%; height:100%; line-height:1; font-size:1rem}
 #code-editor:not(.cm-editor) {
 	word-break:break-all; white-space:break-spaces; tab-size:3;
-	color:inherit; background-color:inherit;
 	margin:0; border:none; outline:none;
-	resize:none}
-#code-editor .cm-scroller {padding:2px; line-height:1}
+	background:#0000; resize:none}
 
+#code-editor .cm-scroller {padding:2px; line-height:1}
 #code-editor .cm-activeLine {background-color:transparent}
 #code-editor .cm-cursor {border-left-color:white}
-#code-editor .cm-content {padding:0; caret-color:initial}
-#code-editor .cm-line {padding:0}
+#code-editor .cm-content, #code-editor .cm-line {padding:0}
 #code-editor .cm-matchingBracket {
 	background-color:transparent; border:1px solid grey; margin:-1px}
 #code-editor .cm-selectionMatch {background-color:#333; position:relative; z-index:-1}
 
 /* editor highlight style */
+#code-editor, #code-editor .cm-content {color:#eee; caret-color:#eee}
 .tok-keyword {color:#e8e}
 .tok-string {color:#fa7}
-.tok-number {color:#9f9}
-.tok-variableName {color:#8ce}
-.tok-propertyName {color:#ff9}
-.tok-comment {color:#5a5}
+.tok-number {color:#ada}
+.tok-variableName {color:#9de}
+.tok-propertyName {color:#eea}
+.tok-comment {color:#5c4}
 .tok-string2 {color:#f78}
 .tok-invalid {text-decoration:wavy #f66e underline}