From 99ff05f7dd558ee808229f8525d177ff31384fb6 Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Tue, 23 Dec 2025 11:32:13 -0500
Subject: [PATCH] fix: update icon styles and sizes in services section for
 consistency

---
 themes/lucentui/views/home.blade.php | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/themes/lucentui/views/home.blade.php b/themes/lucentui/views/home.blade.php
index ef4edc502..4324f9e06 100644
--- a/themes/lucentui/views/home.blade.php
+++ b/themes/lucentui/views/home.blade.php
@@ -239,8 +239,8 @@
                     <div class="absolute top-0 right-0 w-64 h-64 bg-primary/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">
                         <div class="flex items-start justify-between mb-5">
-                            <div class="w-14 h-14 rounded-2xl bg-gradient-to-br from-primary to-primary/70 flex items-center justify-center shadow-lg shadow-primary/30">
-                                <x-ri-line-chart-line class="size-7 text-white" />
+                            <div class="w-12 h-12 rounded-2xl flex items-center justify-center" style="background: linear-gradient(to bottom right, #93c5fd, #60a5fa); box-shadow: 0 10px 15px -3px rgba(96, 165, 250, 0.3);">
+                                <x-ri-line-chart-line class="size-6 text-white" />
                             </div>
                             <div class="flex gap-1.5">
                                 <span class="px-2.5 py-1 bg-primary/10 text-primary text-xs font-medium rounded-full">CPU</span>
@@ -278,8 +278,8 @@
                 <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 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 class="w-12 h-12 rounded-2xl flex items-center justify-center mb-5" style="background: linear-gradient(to bottom right, #c4b5fd, #a78bfa); box-shadow: 0 10px 15px -3px rgba(167, 139, 250, 0.3);">
+                            <x-ri-terminal-box-line class="size-6 text-white" />
                         </div>
                         <h3 class="text-xl font-bold text-color-base mb-2">VNC Console</h3>
                         <p class="text-color-muted text-sm leading-relaxed mb-5 flex-1">Direct web-based access to your VPS. Perfect for OS installation and recovery mode.</p>
@@ -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 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);">
+                            <div class="w-12 h-12 rounded-2xl flex items-center justify-center" style="background: linear-gradient(to bottom right, #fcd34d, #fbbf24); box-shadow: 0 10px 15px -3px rgba(251, 191, 36, 0.3);">
                                 <x-ri-shield-keyhole-line class="size-6 text-white" />
                             </div>
                             <div class="flex gap-1.5">
@@ -404,7 +404,7 @@
                     <div class="absolute bottom-0 left-0 w-48 h-48 bg-success/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-success to-success/70 flex items-center justify-center shadow-lg shadow-success/30">
+                            <div class="w-12 h-12 rounded-2xl flex items-center justify-center" style="background: linear-gradient(to bottom right, #86efac, #4ade80); box-shadow: 0 10px 15px -3px rgba(74, 222, 128, 0.3);">
                                 <x-ri-database-2-line class="size-6 text-white" />
                             </div>
                             <div class="px-2.5 py-1 bg-success/10 rounded-lg border border-success/20">
@@ -448,7 +448,7 @@
                     <div class="absolute top-0 left-0 w-48 h-48 bg-purple-500/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-purple-500 to-purple-500/70 flex items-center justify-center shadow-lg shadow-purple-500/30">
+                            <div class="w-12 h-12 rounded-2xl flex items-center justify-center" style="background: linear-gradient(to bottom right, #d8b4fe, #c084fc); box-shadow: 0 10px 15px -3px rgba(192, 132, 252, 0.3);">
                                 <x-ri-hard-drive-2-line class="size-6 text-white" />
                             </div>
                             <div class="text-right">
@@ -491,7 +491,7 @@
                     <div class="absolute bottom-0 right-0 w-48 h-48 bg-error/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-error to-error/70 flex items-center justify-center shadow-lg shadow-error/30">
+                            <div class="w-12 h-12 rounded-2xl flex items-center justify-center" style="background: linear-gradient(to bottom right, #fda4af, #fb7185); box-shadow: 0 10px 15px -3px rgba(251, 113, 133, 0.3);">
                                 <x-ri-shut-down-line class="size-6 text-white" />
                             </div>
                             <div class="flex items-center gap-2 px-2.5 py-1 bg-success/10 rounded-lg border border-success/20">