hypermc/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Styleized Scrollbar Globally

Browse Source
This commit is contained in:
snxraven
2025-07-06 02:13:41 -04:00
parent 3978cb32d8
commit ebd047ff75
3 changed files with 101 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
css/style.min.css vendored
View File

@@ -768,6 +768,26 @@ body {
min-height: 100vh;
scroll-behavior: smooth;
}
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: -webkit-linear-gradient(135deg, #0b0f2b, #1a2249);
background: linear-gradient(135deg, #0b0f2b, #1a2249);
border: none;
}
::-webkit-scrollbar-thumb {
background: -webkit-linear-gradient(45deg, #14b8a6, #3b82f6);
background: linear-gradient(45deg, #14b8a6, #3b82f6);
border-radius: 4px;
border: 1px solid rgba(10, 17, 40, 0.8);
transition: background 0.3s ease;
}
::-webkit-scrollbar-thumb:hover {
background: -webkit-linear-gradient(45deg, #2dd4bf, #60a5fa);
background: linear-gradient(45deg, #2dd4bf, #60a5fa);
box-shadow: 0 0 10px rgba(20, 184, 166, 0.5);
}
.minecraft-font {
font-family: 'Minecraft', sans-serif;
letter-spacing: 0.8px;