diff --git a/bootserver/static/stylesheets/main.css b/bootserver/static/stylesheets/main.css
index 7dc4799..dc078fe 100644
--- a/bootserver/static/stylesheets/main.css
+++ b/bootserver/static/stylesheets/main.css
@@ -1,20 +1,17 @@
 :root {
-    --page-background: #000000;
-    --background: #121212;
-    --surface: #181818;
-    --surface-active: #303030;
-    --surface-hover: #aaaaaa;
-    --primary: #3b80c9;
-    --primary-variant: #c9953b;
-    --secondary: #c94e3b;
-    --text-main: #ffffff;
-    --text-variant: #9B9B9B;
+    --base: #1e1e2e;
+    --text: #cdd6f4;
+    --subtext1: #bac2de;
+    --surface0: #313244;
+    --surface1: #45475a;
+    --red: #f38ba8;
+    --blue: #89b4fa;
 }
 
 
 body {
-    background-color: var(--page-background);
-    color: var(--text-main);
+    background-color: var(--base);
+    color: var(--text);
 }
 
 .page-content {
@@ -25,7 +22,7 @@ body {
 
 .container {
     border-radius: 5px;
-    background-color: var(--surface);
+    background-color: var(--surface0);
     padding: 5px;
     border-radius: 5px 5px;
     margin: 5px auto;
@@ -36,13 +33,13 @@ body {
 }
 
 .title-container {
-    background-color: var(--primary);
+    background-color: var(--surface0);
 }
 
 .client-list-container {
     border-radius: 0px 0px 5px 5px;
     padding: 10px;
-    background-color: var(--surface);
+    background-color: var(--surface0);
 }
 
 .client-container {
@@ -60,7 +57,7 @@ body {
 
     .client-uuid {
         font-size: smaller;
-        color: var(--text-variant);
+        color: var(--subtext1);
     }
 }