diff --git a/index.html b/index.html
index 4ab2367..4d4f02a 100644
--- a/index.html
+++ b/index.html
@@ -15,7 +15,7 @@
 				width: 220px;
 				min-width: 220px;
 				height: 100vh;
-				background: #1a1a1a;
+				background: #0a0a0a;
 				overflow-y: auto;
 				display: flex;
 				flex-direction: column;
@@ -23,17 +23,17 @@
 
 			#info {
 				font-family: monospace;
-				color: #aaa;
+				color: #777;
 				padding: 12px;
 				font-size: 12px;
 				line-height: 2;
-				border-bottom: 1px solid #333;
+				border-bottom: 1px solid #1a1a1a;
 			}
 
 			#info kbd {
 				display: inline-block;
-				background: #333;
-				color: #ddd;
+				background: #1a1a1a;
+				color: #c43c3c;
 				padding: 1px 5px;
 				border-radius: 3px;
 				font-family: monospace;
@@ -49,9 +49,9 @@
 				width: calc(100% - 16px);
 				margin: 12px 8px;
 				padding: 6px;
-				background: #333;
-				color: #aaa;
-				border: 1px solid #555;
+				background: #141414;
+				color: #666;
+				border: 1px solid #2a2a2a;
 				border-radius: 3px;
 				font-family: monospace;
 				font-size: 12px;
@@ -59,14 +59,28 @@
 			}
 
 			.reset-btn:hover {
-				background: #444;
-				color: #ddd;
+				background: #1a1a1a;
+				color: #c43c3c;
 			}
 
 			#gui-container {
 				flex: 1;
 			}
 
+			/* lil-gui noir + red theme */
+			#gui-container .lil-gui {
+				--background-color: #0a0a0a;
+				--widget-color: #1a1a1a;
+				--hover-color: #222;
+				--focus-color: #2a2a2a;
+				--number-color: #c43c3c;
+				--string-color: #c43c3c;
+				--text-color: #888;
+				--title-background-color: #0f0f0f;
+				--title-text-color: #999;
+				--folder-indent: 8px;
+			}
+
 			/* lil-gui overrides: fill sidebar, labels on top */
 			#gui-container .lil-gui.root {
 				width: 100% !important;