Themes scrollbars fixed

noeal-dac · Sep 16, 2020 · faffb08 · faffb08
1 parent 15c100f
commit faffb08
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 4 deletions.
diff --git a/common/css/style-control_panel.css b/common/css/style-control_panel.css
@@ -36,13 +36,13 @@ body.browser-source.lower-thirds{
 }
 
 .panel::-webkit-scrollbar {
-	width: 16px;
+  width: var(--obs-scrollbar-thickness);
 }
 
 .panel::-webkit-scrollbar-thumb {
-	border-radius: 16px;
-	border: solid 3px #3a393a;
-	background-color: #4c4c4c;
+	border-radius: var(--obs-scrollbar-radius);
+	border: solid 3px var(--obs-background);
+	background-color: var(--obs-scrollbar-color);
 }
 
 .panel-bottom {

diff --git a/common/css/themes/acri/theme.css b/common/css/themes/acri/theme.css
@@ -13,6 +13,9 @@
   --obs-field-background-disable: #28282a;
   --obs-field-border: none;
   --obs-panel-border: solid 1px #2f2f2f;
+  --obs-scrollbar-color: #2f2f2f;
+  --obs-scrollbar-thickness: 13px;
+  --obs-scrollbar-radius: 0px;
   --alt-preview-background: linear-gradient(135deg, #0b0b0c 0%,
                                                     #0b0b0c 8%,
                                                     #08080b 10%,

diff --git a/common/css/themes/dark/theme.css b/common/css/themes/dark/theme.css
@@ -13,6 +13,9 @@
   --obs-field-background-disable: #4c4c4c;
   --obs-field-border: none;
   --obs-panel-border: solid 1px #2f2f2f;
+  --obs-scrollbar-color: #4c4c4c;
+  --obs-scrollbar-thickness: 16px;
+  --obs-scrollbar-radius: 16px;
   --alt-preview-background: linear-gradient(135deg, rgba(31,30,31,1) 0%,
                                                     rgba(31,30,31,1) 8%,
                                                     rgba(29,28,29,1) 10%,

diff --git a/common/css/themes/rachni/theme.css b/common/css/themes/rachni/theme.css
@@ -13,6 +13,9 @@
   --obs-field-background-disable: #3f4448;
   --obs-field-border: solid 1px #76797c;
   --obs-panel-border: solid 1px #76797c;
+  --obs-scrollbar-color: #76797c;
+  --obs-scrollbar-thickness: 14px;
+  --obs-scrollbar-radius: 14px;
   --alt-preview-background: linear-gradient(135deg, #25282c 0%,
                                                     #25282c 8%,
                                                     #232629 10%,