Improve progressbar look in xfce4-panel

shimmerproject · Dec 14, 2017 · 10929b1 · 10929b1
1 parent 3315b38
commit 10929b1
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 0 deletions.
diff --git a/gtk-3.0/_xfce.scss b/gtk-3.0/_xfce.scss
@@ -60,6 +60,24 @@ $variant: 'light';
             }
         }
     }
+    progressbar {
+        margin: 0;
+        &.horizontal {
+          trough { min-height: 6px; padding: 0; }
+          progress { min-height: 4px; }
+        }
+
+        &.vertical {
+          trough { min-width: 6px; padding: 0; }
+          progress { min-width: 4px; }
+        }
+        progress { border-radius: 0px; }
+        trough {
+            background: shade($panel_bg_color, 0.7);
+            border-radius: 0px;
+            border-color: shade($panel_bg_color, 0.4);
+        }
+    }
     .tasklist button {
         margin: 1px;
         border-radius: 3px;

diff --git a/gtk-3.0/gtk-contained.css b/gtk-3.0/gtk-contained.css
@@ -4443,6 +4443,24 @@ read if you used those and something break with a version upgrade you're on your
         border-color: rgba(130, 130, 130, 0.5); }
         .xfce4-panel.background menu .linked button:disabled label, .xfce4-panel.background menu .linked button:disabled {
           color: #858585; }
+  .xfce4-panel.background progressbar {
+    margin: 0; }
+    .xfce4-panel.background progressbar.horizontal trough {
+      min-height: 6px;
+      padding: 0; }
+    .xfce4-panel.background progressbar.horizontal progress {
+      min-height: 4px; }
+    .xfce4-panel.background progressbar.vertical trough {
+      min-width: 6px;
+      padding: 0; }
+    .xfce4-panel.background progressbar.vertical progress {
+      min-width: 4px; }
+    .xfce4-panel.background progressbar progress {
+      border-radius: 0px; }
+    .xfce4-panel.background progressbar trough {
+      background: shade(#686868, 0.7);
+      border-radius: 0px;
+      border-color: shade(#686868, 0.4); }
   .xfce4-panel.background .tasklist button {
     margin: 1px;
     border-radius: 3px;