Skip to content

Commit 8c45d74

Browse files
committed
Added custom scrollbar to Admin Panel
1 parent 7103f8d commit 8c45d74

File tree

2 files changed

+46
-2
lines changed

2 files changed

+46
-2
lines changed

studio/css/style-dashboard-dark.css

Lines changed: 23 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
* Copyright 2011-2019 Twitter, Inc.
55
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
66
*/
7-
:root {
7+
:root {
88
--blue: #007bff;
99
--indigo: #6610f2;
1010
--purple: #6f42c1;
@@ -8296,3 +8296,25 @@ a[data-toggle="collapse"] {
82968296

82978297
.footer p {
82988298
color: rgba(255, 255, 255, 0.5); }
8299+
8300+
/* ===== Scrollbar CSS ===== */
8301+
/* Firefox */
8302+
* {
8303+
scrollbar-width: thin;
8304+
scrollbar-color: #171a1d #31363b;
8305+
}
8306+
8307+
/* Chrome, Edge, and Safari */
8308+
*::-webkit-scrollbar {
8309+
width: 8px;
8310+
}
8311+
8312+
*::-webkit-scrollbar-track {
8313+
background: #31363b;
8314+
}
8315+
8316+
*::-webkit-scrollbar-thumb {
8317+
background-color: #171a1d;
8318+
border-radius: 30px;
8319+
border: 3px none #ffffff;
8320+
}

studio/css/style-dashboard.css

Lines changed: 23 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
* Copyright 2011-2019 Twitter, Inc.
55
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
66
*/
7-
:root {
7+
:root {
88
--blue: #007bff;
99
--indigo: #6610f2;
1010
--purple: #6f42c1;
@@ -8296,3 +8296,25 @@ a[data-toggle="collapse"] {
82968296

82978297
.footer p {
82988298
color: rgba(255, 255, 255, 0.5); }
8299+
8300+
/* ===== Scrollbar CSS ===== */
8301+
/* Firefox */
8302+
* {
8303+
scrollbar-width: thin;
8304+
scrollbar-color: #323232 #dbdbdb;
8305+
}
8306+
8307+
/* Chrome, Edge, and Safari */
8308+
*::-webkit-scrollbar {
8309+
width: 8px;
8310+
}
8311+
8312+
*::-webkit-scrollbar-track {
8313+
background: #dbdbdb;
8314+
}
8315+
8316+
*::-webkit-scrollbar-thumb {
8317+
background-color: #323232;
8318+
border-radius: 30px;
8319+
border: 3px none #ffffff;
8320+
}

0 commit comments

Comments
 (0)