diff --git a/prototype/index.html b/prototype/index.html
index 58b3482..de6303f 100644
--- a/prototype/index.html
+++ b/prototype/index.html
@@ -4,6 +4,7 @@
 <title>mintea</title>
 <meta content="width=device-width, initial-scale=1" name="viewport">
 <link rel="stylesheet" href="style.css"></link>
+<link rel="stylesheet" href="martian.css"></link>
 <script>
 /*    
 @licstart  The following is the entire license notice for the 
diff --git a/prototype/martian.css b/prototype/martian.css
new file mode 100644
index 0000000..5feb9c5
--- /dev/null
+++ b/prototype/martian.css
@@ -0,0 +1,13 @@
+/* martian theme */
+:root {
+	--glass:             url("frost.webp"), hsla(0, 20%, 7%, 0.5);
+	--background:        hsl(0, 20%, 7%);
+	--foreground:        hsl(0, 25%, 90%);
+	--subtle-foreground: hsl(0, 35%, 55%);
+	--outline:           hsl(0, 23%, 20%);
+	--shine:             #FFFFFF10;
+	--accent:            hsl(0, 80%, 40%);
+	--subtle-accent:     hsla(0, 80%, 40%, 0.2);
+	--shadow:            0 4px 32px #00000070;
+	--icon-filter:       saturate(0.89) brightness(0.72);
+}
diff --git a/prototype/mint.css b/prototype/mint.css
new file mode 100644
index 0000000..5246a7c
--- /dev/null
+++ b/prototype/mint.css
@@ -0,0 +1,13 @@
+/* mint theme */
+:root {
+	--glass:             #EEEEEE77;
+	--background:        #EEE;
+	--foreground:        #333;
+	--subtle-foreground: #888;
+	--outline:           #00000015;
+	--shine:             #00000015;
+	--accent:            #209D6E;
+	--subtle-accent:     #209D6E30;
+	--shadow:            0 4px 32px #03281A12;
+	--icon-filter:       hue-rotate(157deg) saturate(0.80) brightness(1.3);
+}
diff --git a/prototype/style.css b/prototype/style.css
index fdce8b7..1572673 100644
--- a/prototype/style.css
+++ b/prototype/style.css
@@ -1,31 +1,3 @@
-/* mint theme
-:root {
-	--glass:             url("frost.webp"), #EEEEEE77;
-	--background:        #EEE;
-	--foreground:        #333;
-	--subtle-foreground: #888;
-	--outline:           #00000015;
-	--shine:             #00000015;
-	--accent:            #209D6E;
-	--subtle-accent:     #209D6E30;
-	--shadow:            0 4px 32px #03281A12;
-	--icon-filter:       hue-rotate(157deg) saturate(0.80) brightness(0.62);
-} */
-
-/* martian theme */
-:root {
-	--glass:             url("frost.webp"), hsla(0, 20%, 7%, 0.5);
-	--background:        hsl(0, 20%, 7%);
-	--foreground:        hsl(0, 25%, 90%);
-	--subtle-foreground: hsl(0, 35%, 55%);
-	--outline:           hsl(0, 23%, 20%);
-	--shine:             #FFFFFF10;
-	--accent:            hsl(0, 80%, 40%);
-	--subtle-accent:     hsla(0, 80%, 40%, 0.2);
-	--shadow:            0 4px 32px #00000070;
-	--icon-filter:       saturate(0.89) brightness(0.72);
-}
-
 * {
 	box-sizing: border-box;
 	scrollbar-color: var(--accent) transparent;