diff --git a/resources/views/filament/components/server-console.blade.php b/resources/views/filament/components/server-console.blade.php
index a28b960c4..3b8a8058d 100644
--- a/resources/views/filament/components/server-console.blade.php
+++ b/resources/views/filament/components/server-console.blade.php
@@ -11,14 +11,13 @@
 
     <div id="terminal" wire:ignore></div>
 
-    <div class="flex items-center w-full border-top overflow-hidden"
-         style="background-color: #202A32; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;">
+    <div class="flex items-center w-full border-top overflow-hidden dark:bg-gray-900"
+         style="border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;">
         <x-filament::icon
             icon="tabler-chevrons-right"
         />
         <input
-            class="w-full focus:outline-none focus:ring-0 border-none"
-            style="background-color: #202A32;"
+            class="w-full focus:outline-none focus:ring-0 border-none dark:bg-gray-900"
             type="text"
             :readonly="{{ $this->canSendCommand() ? 'false' : 'true' }}"
             title="{{ $this->canSendCommand() ? '' : 'Can\'t send command when the server is Offline' }}"
diff --git a/resources/views/tables/columns/server-entry-column.blade.php b/resources/views/tables/columns/server-entry-column.blade.php
index aeba1059b..1845a7ad4 100644
--- a/resources/views/tables/columns/server-entry-column.blade.php
+++ b/resources/views/tables/columns/server-entry-column.blade.php
@@ -22,7 +22,7 @@
         </div>
 
         <!-- Card Component -->
-        <div class="flex-1 bg-gray-800 text-white rounded-lg overflow-hidden p-3">
+        <div class="flex-1 bg-gray-800 dark:text-white rounded-lg overflow-hidden p-3">
             <!-- Header -->
             <div class="flex items-center mb-5 gap-2">
                 <x-filament::icon-button
@@ -33,32 +33,32 @@
                 />
                 <h2 class="text-xl font-bold">
                     {{ $server->name }}
-                    <span class="text-gray-400">({{ $server->formatResource('uptime', type: ServerResourceType::Time) }})</span>
+                    <span class="dark:text-gray-400">({{ $server->formatResource('uptime', type: ServerResourceType::Time) }})</span>
                 </h2>
             </div>
 
             <!-- Resource Usage -->
             <div class="flex justify-between text-center">
                 <div>
-                    <p class="text-sm text-gray-400">CPU</p>
+                    <p class="text-sm dark:text-gray-400">CPU</p>
                     <p class="text-md font-semibold">{{ $server->formatResource('cpu_absolute', type: ServerResourceType::Percentage) }}</p>
                     <hr class="p-0.5">
-                    <p class="text-xs text-gray-400">{{ $server->formatResource('cpu', type: ServerResourceType::Percentage, limit: true) }}</p>
+                    <p class="text-xs dark:text-gray-400">{{ $server->formatResource('cpu', type: ServerResourceType::Percentage, limit: true) }}</p>
                 </div>
                 <div>
-                    <p class="text-sm text-gray-400">Memory</p>
+                    <p class="text-sm dark:text-gray-400">Memory</p>
                     <p class="text-md font-semibold">{{ $server->formatResource('memory_bytes') }}</p>
                     <hr class="p-0.5">
-                    <p class="text-xs text-gray-400">{{ $server->formatResource('memory', limit: true) }}</p>
+                    <p class="text-xs dark:text-gray-400">{{ $server->formatResource('memory', limit: true) }}</p>
                 </div>
                 <div>
-                    <p class="text-sm text-gray-400">Disk</p>
+                    <p class="text-sm dark:text-gray-400">Disk</p>
                     <p class="text-md font-semibold">{{ $server->formatResource('disk_bytes') }}</p>
                     <hr class="p-0.5">
-                    <p class="text-xs text-gray-400">{{ $server->formatResource('disk', limit: true) }}</p>
+                    <p class="text-xs dark:text-gray-400">{{ $server->formatResource('disk', limit: true) }}</p>
                 </div>
                 <div class="hidden sm:block">
-                    <p class="text-sm text-gray-400">Network</p>
+                    <p class="text-sm dark:text-gray-400">Network</p>
                     <p class="text-md font-semibold">{{ $server->allocation->address }} </p>
                 </div>
             </div>