diff --git a/themes/lucentui/views/home.blade.php b/themes/lucentui/views/home.blade.php
index 7609702bc..ef4edc502 100644
--- a/themes/lucentui/views/home.blade.php
+++ b/themes/lucentui/views/home.blade.php
@@ -275,10 +275,10 @@
                 </div>
 
                 <!-- VNC Console -->
-                <div class="group relative overflow-hidden bg-gradient-to-br from-purple-500/5 via-background-secondary to-background-secondary border border-purple-500/20 hover:border-purple-500/40 rounded-3xl p-8 transition-all duration-500 hover:shadow-2xl hover:shadow-purple-500/10">
-                    <div class="absolute bottom-0 right-0 w-48 h-48 bg-purple-500/10 rounded-full blur-3xl translate-y-1/2 translate-x-1/2 group-hover:scale-150 transition-transform duration-700"></div>
+                <div class="group relative overflow-hidden bg-gradient-to-br from-info/5 via-background-secondary to-background-secondary border border-info/20 hover:border-info/40 rounded-3xl p-8 transition-all duration-500 hover:shadow-2xl hover:shadow-info/10">
+                    <div class="absolute bottom-0 right-0 w-48 h-48 bg-info/10 rounded-full blur-3xl translate-y-1/2 translate-x-1/2 group-hover:scale-150 transition-transform duration-700"></div>
                     <div class="relative z-10 h-full flex flex-col">
-                        <div class="w-14 h-14 rounded-2xl bg-gradient-to-br from-purple-500 to-purple-600 flex items-center justify-center shadow-lg shadow-purple-500/30 mb-5">
+                        <div class="w-14 h-14 rounded-2xl flex items-center justify-center mb-5" style="background: linear-gradient(to bottom right, #8b5cf6, rgba(139, 92, 246, 0.7)); box-shadow: 0 10px 15px -3px rgba(139, 92, 246, 0.3);">
                             <x-ri-terminal-box-line class="size-7 text-white" />
                         </div>
                         <h3 class="text-xl font-bold text-color-base mb-2">VNC Console</h3>
@@ -368,7 +368,7 @@
                     <div class="absolute top-0 right-0 w-48 h-48 bg-warning/5 rounded-full blur-3xl -translate-y-1/2 translate-x-1/2 group-hover:scale-150 transition-transform duration-700"></div>
                     <div class="relative z-10 h-full flex flex-col">
                         <div class="flex items-start justify-between mb-4">
-                            <div class="w-12 h-12 rounded-2xl bg-gradient-to-br from-warning to-warning/70 flex items-center justify-center shadow-lg shadow-warning/30">
+                            <div class="w-12 h-12 rounded-2xl flex items-center justify-center" style="background: linear-gradient(to bottom right, #f59e0b, rgba(245, 158, 11, 0.7)); box-shadow: 0 10px 15px -3px rgba(245, 158, 11, 0.3);">
                                 <x-ri-shield-keyhole-line class="size-6 text-white" />
                             </div>
                             <div class="flex gap-1.5">