From e493784b70a4bbd83b18ad98590fb0df861bf769 Mon Sep 17 00:00:00 2001
From: "Ehsan.Asadi" <ehsan.asadi@zoodfood.com>
Date: Fri, 26 Dec 2025 18:52:15 +0330
Subject: [PATCH] feat: Add BluisHost-inspired scrollbar and selection styling

- Custom scrollbar with brand colors (blue/cyan gradient)
- Smooth scroll behavior
- Custom text selection color
- Enhanced overall visual polish
---
 assets/custom.css                      | 34 ++++++++++++++++++++++++++
 src/presentation/web/assets/custom.css | 34 ++++++++++++++++++++++++++
 2 files changed, 68 insertions(+)

diff --git a/assets/custom.css b/assets/custom.css
index 2080416..28c5282 100644
--- a/assets/custom.css
+++ b/assets/custom.css
@@ -132,3 +132,37 @@ body {
     }
 }
 
+/* Smooth scroll behavior */
+html {
+    scroll-behavior: smooth;
+}
+
+/* Custom scrollbar */
+::-webkit-scrollbar {
+    width: 12px;
+}
+
+::-webkit-scrollbar-track {
+    background: #0a1428;
+}
+
+::-webkit-scrollbar-thumb {
+    background: linear-gradient(135deg, #1B4B7F, #4DB8C4);
+    border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: linear-gradient(135deg, #4DB8C4, #6DD7E5);
+}
+
+/* Selection color */
+::selection {
+    background: rgba(77, 184, 196, 0.3);
+    color: #FFFFFF;
+}
+
+::-moz-selection {
+    background: rgba(77, 184, 196, 0.3);
+    color: #FFFFFF;
+}
+
diff --git a/src/presentation/web/assets/custom.css b/src/presentation/web/assets/custom.css
index 2080416..28c5282 100644
--- a/src/presentation/web/assets/custom.css
+++ b/src/presentation/web/assets/custom.css
@@ -132,3 +132,37 @@ body {
     }
 }
 
+/* Smooth scroll behavior */
+html {
+    scroll-behavior: smooth;
+}
+
+/* Custom scrollbar */
+::-webkit-scrollbar {
+    width: 12px;
+}
+
+::-webkit-scrollbar-track {
+    background: #0a1428;
+}
+
+::-webkit-scrollbar-thumb {
+    background: linear-gradient(135deg, #1B4B7F, #4DB8C4);
+    border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: linear-gradient(135deg, #4DB8C4, #6DD7E5);
+}
+
+/* Selection color */
+::selection {
+    background: rgba(77, 184, 196, 0.3);
+    color: #FFFFFF;
+}
+
+::-moz-selection {
+    background: rgba(77, 184, 196, 0.3);
+    color: #FFFFFF;
+}
+