diff --git a/assets/css/layout.scss b/assets/css/layout.scss
index ef881d1..6493709 100644
--- a/assets/css/layout.scss
+++ b/assets/css/layout.scss
@@ -1,6 +1,7 @@
 @import "nav";
 @import "list";
 @import "syntax";
+@import "syntax_edit";
 
 html,
 body {
@@ -68,10 +69,6 @@ p {
 .highlight {
     line-height: 1.5em;
     margin: 15px 0;
-
-    .chroma {
-        padding-right: 10px;
-    }
 }
 
 #openring {
diff --git a/assets/css/syntax_edit.css b/assets/css/syntax_edit.css
new file mode 100644
index 0000000..f32b073
--- /dev/null
+++ b/assets/css/syntax_edit.css
@@ -0,0 +1,5 @@
+/* LineHighlight */ .chroma .hl { background-color: white; color: black } 
+/* Comment */ .chroma .c { color: white }
+/* CommentHashbang */ .chroma .ch { color: white }
+/* CommentMultiline */ .chroma .cm { color: white }
+/* CommentSingle */ .chroma .c1 { color: white }
\ No newline at end of file
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index f27385d..33f348a 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -12,8 +12,8 @@
 		<title>{{ .Title }}</title>
 
 		{{ $style := resources.Get (printf "css/colors-%s.scss" (.Site.Params.scheme | default "dark")) | toCSS | minify | fingerprint }}
-		<link rel="preload" href="{{ $style.Permalink }}" as="style">
 
+		<link rel="preload" href="{{ $style.Permalink }}" as="style">
 		<link rel="stylesheet" href="{{ $style.Permalink }}">
 
 		{{ partial "head.html" . }}
@@ -37,7 +37,6 @@
 			<footer id="footer">
                 {{ partial "foot.html" . }}
 			</footer>
-    </div>
-
+		</div>
 	</body>
 </html>