From 8c45d7488a346987212d149ee36198e571017d28 Mon Sep 17 00:00:00 2001 From: Julian Prieber <60265788+JulianPrieber@users.noreply.github.com> Date: Tue, 28 Jun 2022 12:15:44 +0200 Subject: [PATCH] Added custom scrollbar to Admin Panel --- studio/css/style-dashboard-dark.css | 24 +++++++++++++++++++++++- studio/css/style-dashboard.css | 24 +++++++++++++++++++++++- 2 files changed, 46 insertions(+), 2 deletions(-) diff --git a/studio/css/style-dashboard-dark.css b/studio/css/style-dashboard-dark.css index 6f2e080..007c7c3 100644 --- a/studio/css/style-dashboard-dark.css +++ b/studio/css/style-dashboard-dark.css @@ -4,7 +4,7 @@ * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ -:root { + :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; @@ -8296,3 +8296,25 @@ a[data-toggle="collapse"] { .footer p { color: rgba(255, 255, 255, 0.5); } + +/* ===== Scrollbar CSS ===== */ + /* Firefox */ + * { + scrollbar-width: thin; + scrollbar-color: #171a1d #31363b; + } + + /* Chrome, Edge, and Safari */ + *::-webkit-scrollbar { + width: 8px; + } + + *::-webkit-scrollbar-track { + background: #31363b; + } + + *::-webkit-scrollbar-thumb { + background-color: #171a1d; + border-radius: 30px; + border: 3px none #ffffff; + } \ No newline at end of file diff --git a/studio/css/style-dashboard.css b/studio/css/style-dashboard.css index 99b3035..cf59b2e 100644 --- a/studio/css/style-dashboard.css +++ b/studio/css/style-dashboard.css @@ -4,7 +4,7 @@ * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ -:root { + :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; @@ -8296,3 +8296,25 @@ a[data-toggle="collapse"] { .footer p { color: rgba(255, 255, 255, 0.5); } + +/* ===== Scrollbar CSS ===== */ + /* Firefox */ + * { + scrollbar-width: thin; + scrollbar-color: #323232 #dbdbdb; + } + + /* Chrome, Edge, and Safari */ + *::-webkit-scrollbar { + width: 8px; + } + + *::-webkit-scrollbar-track { + background: #dbdbdb; + } + + *::-webkit-scrollbar-thumb { + background-color: #323232; + border-radius: 30px; + border: 3px none #ffffff; + } \ No newline at end of file