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
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user