From 7ececfd86d28049b0bc9e41b33689127aa5cebf3 Mon Sep 17 00:00:00 2001 From: Michael Hartung <michi@Michaels-MacBook-Pro.local> Date: Mon, 26 Jul 2021 18:26:01 +0200 Subject: [PATCH] scrollbar styles --- src/styles.scss | 2 -- src/theme-styles.scss | 29 +++++++++++++++++++++++++++++ 2 files changed, 29 insertions(+), 2 deletions(-) diff --git a/src/styles.scss b/src/styles.scss index 4bb9efc0..d6ff399d 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -252,5 +252,3 @@ html, #appWindow { .button-small{ padding: $button-small-padding; } - - diff --git a/src/theme-styles.scss b/src/theme-styles.scss index dec5dc08..eb50f8a5 100644 --- a/src/theme-styles.scss +++ b/src/theme-styles.scss @@ -230,4 +230,33 @@ a:hover { color: var(--drgstn-text-primary) !important; } +// scrolllbar styles +network-expander { + --thumbBG: var(--drgstn-primary); + --scrollbarBG: var(--drgstn-secondary); +} +network-expander { + scrollbar-width: thin; + scrollbar-color: var(--thumbBG) var(--scrollbarBG); +} +::-webkit-scrollbar { + width: 5px; +} +::-webkit-scrollbar-track { + background: var(--scrollbarBG); +} +::-webkit-scrollbar-thumb { + background: var(--thumbBG); + border-radius: 6px; + border: 3px solid var(--scrollbarBG); +} +::-moz-scrollbar-button:decrement, +::-moz-scrollbar-button:increment, +::-webkit-scrollbar-button:decrement, +::-webkit-scrollbar-button:increment { + width: 0px; +} + + + -- GitLab