add better looking scrollbar

MME-NTU-KhPI · Oct 22, 2024 · 1399a08 · 1399a08
1 parent 76a11be
commit 1399a08
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/css/header_footer.css b/css/header_footer.css
@@ -1,3 +1,21 @@
+::-webkit-scrollbar {
+    width: 8px;
+}
+
+::-webkit-scrollbar-track {
+    background-color: black !important;
+}
+
+/* Ползунок (scroll thumb) */
+::-webkit-scrollbar-thumb {
+    background-color: rgba(136, 136, 136);
+    border-radius: 12px;
+}
+
+/* Ползунок при наведении */
+::-webkit-scrollbar-thumb:hover {
+    background-color: rgb(114, 114, 114) /* Более темный при наведении */
+}
 html, body{
     display: flex;
     flex-direction: column;