diff --git a/src/sprite_editor.js b/src/sprite_editor.js
index 971e332..850e58a 100644
--- a/src/sprite_editor.js
+++ b/src/sprite_editor.js
@@ -62,8 +62,8 @@ export class SpriteEditor {
         this.preview.snippet.innerHTML = "lib.drawSprite(<br>" +
             "    x, y,<br>" +
             "    width, height,<br>" +
-            `    "${sanitizedName}"<br>` +
-            ");";
+            `    <span class="str">"${sanitizedName}"</span><br>` +
+            "<iden>)</iden>;";
     }
 
     renderList() {
diff --git a/style.css b/style.css
index 233fa43..71be00e 100644
--- a/style.css
+++ b/style.css
@@ -282,13 +282,18 @@ footer {
 }
 
 #sprite-editor-preview-snippet {
-    background-color: black;
+    background-color: #1d2021;
+    border: 1px solid black;
     border-radius: 0.25rem;
     padding: 0.125rem 0.25rem;
     margin: 0.5rem;
     white-space: pre;
 }
 
-#sprite-editor-preview-title:empty {
+#sprite-editor-preview-snippet .str {
+    color: #b8ba37;
+}
+
+#sprite-editor-preview-snippet:empty {
     display: none;
 }