From 1399a0829cfadf902b5d766c38760b7ff45de72a Mon Sep 17 00:00:00 2001 From: YuriyChestnyh Date: Tue, 22 Oct 2024 13:20:21 +0300 Subject: [PATCH] add better looking scrollbar --- css/header_footer.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/css/header_footer.css b/css/header_footer.css index ae93ad9..0aaa105 100644 --- 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;