diff --git a/.gitignore b/.gitignore
index 4f55ca1..b183cd2 100644
--- a/.gitignore
+++ b/.gitignore
@@ -434,4 +434,5 @@ nupkgs/
 **/data/volumes/**
 
 # Local plugin build
-tmp/
\ No newline at end of file
+tmp/
+style.min.css
\ No newline at end of file
diff --git a/MoonlightServers.Frontend/UI/Components/Nodes/UpdateNodePartials/AllocationsNodeUpdate.razor b/MoonlightServers.Frontend/UI/Components/Nodes/UpdateNodePartials/AllocationsNodeUpdate.razor
index 138ca35..8cf138e 100644
--- a/MoonlightServers.Frontend/UI/Components/Nodes/UpdateNodePartials/AllocationsNodeUpdate.razor
+++ b/MoonlightServers.Frontend/UI/Components/Nodes/UpdateNodePartials/AllocationsNodeUpdate.razor
@@ -41,11 +41,11 @@
                     <ColumnTemplate>
                         <div class="flex justify-end items-center">
                             <a @onclick="() => UpdateAllocation(context)" @onclick:preventDefault href="#"
-                               class="text-primary-500 mr-2 sm:mr-3">
+                               class="text-primary mr-2 sm:mr-3">
                                 <i class="icon-pencil text-base"></i>
                             </a>
                             <a @onclick="() => DeleteAllocation(context)" @onclick:preventDefault href="#"
-                               class="text-danger-500">
+                               class="text-danger">
                                 <i class="icon-trash text-base"></i>
                             </a>
                         </div>
diff --git a/MoonlightServers.Frontend/UI/Components/Servers/ServerCard.razor b/MoonlightServers.Frontend/UI/Components/Servers/ServerCard.razor
index 842706b..8104cb2 100644
--- a/MoonlightServers.Frontend/UI/Components/Servers/ServerCard.razor
+++ b/MoonlightServers.Frontend/UI/Components/Servers/ServerCard.razor
@@ -13,21 +13,21 @@
     {
         gradient = Status.State switch
         {
-            ServerState.Installing => "from-primary-600/20",
-            ServerState.Offline => "from-danger-600/20",
-            ServerState.Starting => "from-warning-600/20",
-            ServerState.Stopping => "from-warning-600/20",
-            ServerState.Online => "from-success-600/20",
+            ServerState.Installing => "from-primary/20",
+            ServerState.Offline => "from-danger/20",
+            ServerState.Starting => "from-warning/20",
+            ServerState.Stopping => "from-warning/20",
+            ServerState.Online => "from-success/20",
             _ => "from-gray-600/20"
         };
         
         border = Status.State switch
         {
-            ServerState.Installing => "border-primary-600",
-            ServerState.Offline => "border-danger-600",
-            ServerState.Starting => "border-warning-600",
-            ServerState.Stopping => "border-warning-600",
-            ServerState.Online => "border-success-600",
+            ServerState.Installing => "border-primary",
+            ServerState.Offline => "border-danger",
+            ServerState.Starting => "border-warning",
+            ServerState.Stopping => "border-warning",
+            ServerState.Online => "border-success",
             _ => "border-gray-600"
         };
     }
@@ -90,7 +90,7 @@
                 }
                 else if (IsFailed)
                 {
-                    <div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-danger-500">
+                    <div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-danger">
                         <div>
                             <i class="icon-cable"></i>
                         </div>
@@ -100,7 +100,7 @@
                 }
                 else if (IsLoaded && !IsFailed && Status.State is ServerState.Offline)
                 {
-                    <div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-danger-500">
+                    <div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-danger">
                         <div>
                             <i class="icon-power-off"></i>
                         </div>
@@ -110,7 +110,7 @@
                 }
                 else if (IsLoaded && !IsFailed && Status.State is ServerState.Installing)
                 {
-                    <div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-primary-500">
+                    <div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-primary">
                         <div>
                             <i class="icon-hammer"></i>
                         </div>
diff --git a/MoonlightServers.Frontend/UI/Components/Servers/TestServerCrd.razor b/MoonlightServers.Frontend/UI/Components/Servers/TestServerCrd.razor
index 0a503a4..f0abeca 100644
--- a/MoonlightServers.Frontend/UI/Components/Servers/TestServerCrd.razor
+++ b/MoonlightServers.Frontend/UI/Components/Servers/TestServerCrd.razor
@@ -2,19 +2,19 @@
 @{
     var gradient = Status switch
     {
-        4 => "from-primary-600/20",
-        3 => "from-danger-600/20",
-        2 => "from-warning-600/20",
-        1 => "from-success-600/20",
+        4 => "from-primary/20",
+        3 => "from-danger/20",
+        2 => "from-warning/20",
+        1 => "from-success/20",
         _ => "from-gray-600/20"
     };
 
     var border = Status switch
     {
-        4 => "border-primary-600",
-        3 => "border-danger-600",
-        2 => "border-warning-600",
-        1 => "border-success-600",
+        4 => "border-primary",
+        3 => "border-danger",
+        2 => "border-warning",
+        1 => "border-success",
         _ => "border-gray-600"
     };
 }
@@ -71,7 +71,7 @@
                 }
                 else if (Status == 3)
                 {
-                    <div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-danger-500">
+                    <div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-danger">
                         <div>
                             <i class="icon-power-off"></i>
                         </div>
@@ -81,7 +81,7 @@
                 }
                 else if (Status == 4)
                 {
-                    <div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-primary-500">
+                    <div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-primary">
                         <div>
                             <i class="icon-hammer"></i>
                         </div>
diff --git a/MoonlightServers.Frontend/UI/Views/Admin/All/Index.razor b/MoonlightServers.Frontend/UI/Views/Admin/All/Index.razor
index 2e472cf..c368b87 100644
--- a/MoonlightServers.Frontend/UI/Views/Admin/All/Index.razor
+++ b/MoonlightServers.Frontend/UI/Views/Admin/All/Index.razor
@@ -57,12 +57,12 @@
         <DataTableColumn TItem="ServerDetailResponse">
             <ColumnTemplate>
                 <div class="flex justify-end">
-                    <a href="/admin/servers/all/update/@(context.Id)" class="text-primary-500 mr-2 sm:mr-3">
+                    <a href="/admin/servers/all/update/@(context.Id)" class="text-primary mr-2 sm:mr-3">
                         <i class="icon-pencil text-base"></i>
                     </a>
 
                     <a href="#" @onclick="() => Delete(context)" @onclick:preventDefault
-                       class="text-danger-500">
+                       class="text-danger">
                         <i class="icon-trash text-base"></i>
                     </a>
                 </div>
diff --git a/MoonlightServers.Frontend/UI/Views/Admin/Nodes/Index.razor b/MoonlightServers.Frontend/UI/Views/Admin/Nodes/Index.razor
index 71991ad..acf55d5 100644
--- a/MoonlightServers.Frontend/UI/Views/Admin/Nodes/Index.razor
+++ b/MoonlightServers.Frontend/UI/Views/Admin/Nodes/Index.razor
@@ -34,7 +34,7 @@
         <DataTableColumn TItem="NodeDetailResponse" Field="@(x => x.Id)" Name="Id"/>
         <DataTableColumn TItem="NodeDetailResponse" Field="@(x => x.Name)" Name="Name">
             <ColumnTemplate>
-                <a class="text-primary-500" href="/admin/servers/nodes/update/@(context.Id)">
+                <a class="text-primary" href="/admin/servers/nodes/update/@(context.Id)">
                     @context.Name
                 </a>
             </ColumnTemplate>
@@ -55,7 +55,7 @@
                     {
                         if (data == null)
                         {
-                            <span class="text-danger-500">
+                            <span class="text-danger">
                                 <i class="icon-server-offg text-base me-1 align-middle"></i>
                                 <span class="align-middle">
                                     API Error
@@ -66,14 +66,14 @@
                         {
                             if (data.RoundtripSuccess)
                             {
-                                <span class="text-success-500">
+                                <span class="text-success">
                                     <i class="icon-check text-base me-1 align-middle"></i>
                                     <span class="align-middle">Online (@(data.Version))</span>
                                 </span>
                             }
                             else
                             {
-                                <span class="text-danger-500">
+                                <span class="text-danger">
                                     <i class="icon-server-off text-base me-1 align-middle"></i>
                                     <span class="align-middle">
                                         Error
@@ -99,7 +99,7 @@
                          ColumnCss="p-2 text-left font-normal hidden xl:table-cell">
             <ColumnTemplate>
                 <div>
-                    <i class="icon-cpu text-lg me-1 align-middle text-primary-500"></i>
+                    <i class="icon-cpu text-lg me-1 align-middle text-primary"></i>
                     <span class="align-middle">33% of 6 Cores</span>
                 </div>
             </ColumnTemplate>
@@ -109,7 +109,7 @@
                          ColumnCss="p-2 text-left font-normal hidden xl:table-cell">
             <ColumnTemplate>
                 <div>
-                    <i class="icon-memory-stick text-lg me-1 align-middle text-primary-500"></i>
+                    <i class="icon-memory-stick text-lg me-1 align-middle text-primary"></i>
                     <span class="align-middle">1.56GB / 64GB</span>
                 </div>
             </ColumnTemplate>
@@ -119,7 +119,7 @@
                          ColumnCss="p-2 text-left font-normal hidden xl:table-cell">
             <ColumnTemplate>
                 <div>
-                    <i class="icon-hard-drive text-lg me-1 align-middle text-primary-500"></i>
+                    <i class="icon-hard-drive text-lg me-1 align-middle text-primary"></i>
                     <span class="align-middle">78.68GB / 1TB</span>
                 </div>
             </ColumnTemplate>
@@ -127,12 +127,12 @@
         <DataTableColumn TItem="NodeDetailResponse">
             <ColumnTemplate>
                 <div class="flex justify-end">
-                    <a href="/admin/servers/nodes/update/@(context.Id)" class="text-primary-500 mr-2 sm:mr-3">
+                    <a href="/admin/servers/nodes/update/@(context.Id)" class="text-primary mr-2 sm:mr-3">
                         <i class="icon-pencil text-base"></i>
                     </a>
 
                     <a href="#" @onclick="() => Delete(context)" @onclick:preventDefault
-                       class="text-danger-500">
+                       class="text-danger">
                         <i class="icon-trash text-base"></i>
                     </a>
                 </div>
diff --git a/MoonlightServers.Frontend/UI/Views/Admin/Stars/Index.razor b/MoonlightServers.Frontend/UI/Views/Admin/Stars/Index.razor
index cad0d02..b1d5c1e 100644
--- a/MoonlightServers.Frontend/UI/Views/Admin/Stars/Index.razor
+++ b/MoonlightServers.Frontend/UI/Views/Admin/Stars/Index.razor
@@ -40,7 +40,7 @@
         <DataTableColumn TItem="StarDetailResponse" Field="@(x => x.Id)" Name="Id"/>
         <DataTableColumn TItem="StarDetailResponse" Field="@(x => x.Name)" Name="Name">
             <ColumnTemplate>
-                <a class="text-primary-500" href="/admin/servers/stars/update/@(context.Id)">
+                <a class="text-primary" href="/admin/servers/stars/update/@(context.Id)">
                     @context.Name
                 </a>
             </ColumnTemplate>
@@ -60,23 +60,23 @@
 
                     @if (!string.IsNullOrEmpty(context.UpdateUrl))
                     {
-                        <a href="#" @onclick:preventDefault class="text-tertiary-500 mr-3">
+                        <a href="#" @onclick:preventDefault class="text-tertiary mr-3">
                             <i class="icon-refresh-cw align-middle"></i>
                             <span class="align-middle">Update</span>
                         </a>
                     }
 
-                    <a href="#" @onclick="() => Export(context)" @onclick:preventDefault class="text-success-500 mr-3">
+                    <a href="#" @onclick="() => Export(context)" @onclick:preventDefault class="text-success mr-3">
                         <i class="icon-download align-middle"></i>
                         <span class="align-middle">Export</span>
                     </a>
 
-                    <a href="/admin/servers/stars/update/@(context.Id)" class="text-primary-500 mr-2 sm:mr-3">
+                    <a href="/admin/servers/stars/update/@(context.Id)" class="text-primary mr-2 sm:mr-3">
                         <i class="icon-pencil text-base"></i>
                     </a>
 
                     <a href="#" @onclick="() => Delete(context)" @onclick:preventDefault
-                       class="text-danger-500">
+                       class="text-danger">
                         <i class="icon-trash text-base"></i>
                     </a>
                 </div>
diff --git a/MoonlightServers.Frontend/UI/Views/Client/Manage.razor b/MoonlightServers.Frontend/UI/Views/Client/Manage.razor
index db5c20c..ada2611 100644
--- a/MoonlightServers.Frontend/UI/Views/Client/Manage.razor
+++ b/MoonlightServers.Frontend/UI/Views/Client/Manage.razor
@@ -38,11 +38,11 @@
                 @{
                     var bgColor = State switch
                     {
-                        ServerState.Installing => "bg-primary-500",
-                        ServerState.Offline => "bg-danger-500",
-                        ServerState.Starting => "bg-warning-500",
-                        ServerState.Stopping => "bg-warning-500",
-                        ServerState.Online => "bg-success-500",
+                        ServerState.Installing => "bg-primary",
+                        ServerState.Offline => "bg-danger",
+                        ServerState.Starting => "bg-warning",
+                        ServerState.Stopping => "bg-warning",
+                        ServerState.Online => "bg-success",
                         _ => "bg-gray-500"
                     };
                 }
diff --git a/plugin.json b/plugin.json
index d450b19..80695ef 100644
--- a/plugin.json
+++ b/plugin.json
@@ -13,8 +13,7 @@
       "MoonlightServers.Shared.dll"
     ]
   },
-  "bundledStyles": [
-    "css/MoonlightServers.min.css",
+  "styles": [
     "css/XtermBlazor.min.css"
   ],
   "scripts": [