ehsan-minadd/peikarband
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

feat: Add BluisHost-inspired scrollbar and selection styling

Browse Source 
- Custom scrollbar with brand colors (blue/cyan gradient)
- Smooth scroll behavior
- Custom text selection color
- Enhanced overall visual polish
This commit is contained in:
Ehsan.Asadi
2025-12-26 18:52:15 +03:30
parent ccf8b59c45
commit e493784b70
2 changed files with 68 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
assets/custom.css
View File

@@ -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;
}

34
src/presentation/web/assets/custom.css
View File

@@ -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;
}