Fix OSD level-bar #141

lassekongo83 · Apr 29, 2019 · 19507be · 19507be
1 parent 6db6394
commit 19507be
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 6 deletions.
diff --git a/Zuki-shell/gnome-shell/gnome-shell-high-contrast.css b/Zuki-shell/gnome-shell/gnome-shell-high-contrast.css
@@ -292,7 +292,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
 
 .osd-window .osd-monitor-label { font-size: 3em; }
 
-.osd-window .level { height: 0.6em; border-radius: 2px; background-color: rgba(11, 12, 13, 0.5); color: #eeeeec; }
+.osd-window .level { height: 0.6em; -barlevel-height: 0.6em; -barlevel-background-color: rgba(11, 12, 13, 0.5); -barlevel-active-background-color: #eeeeec; -barlevel-overdrive-color: #d51010; -barlevel-overdrive-separator-width: 0.2em; }
+
+.osd-window .level-bar { background-color: #eeeeec; border-radius: 0.3em; }
 
 /* Pad OSD */
 .pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.8); }

diff --git a/Zuki-shell/gnome-shell/gnome-shell-sass/_common.scss b/Zuki-shell/gnome-shell/gnome-shell-sass/_common.scss
@@ -594,10 +594,18 @@ StScrollBar {
   .osd-monitor-label { font-size: 3em; }
   .level {
     height: 0.6em;
-    border-radius: 2px;
-    background-color: transparentize(darken($osd_bg_color,15%),0.5);
-    color: $osd_fg_color;
-  }
+    -barlevel-height: 0.6em;
+    -barlevel-background-color: transparentize(darken($osd_bg_color,15%),0.5);
+    -barlevel-active-background-color: $osd_fg_color;
+    -barlevel-overdrive-color: $destructive_color;
+    -barlevel-overdrive-separator-width: 0.2em;
+  }
+  // START: VERSION SPECIFIC CODE (< 3.29.90)
+  .level-bar {
+    background-color: $osd_fg_color;
+    border-radius: 0.3em;
+  }
+  // END: VERSION SPECIFIC CODE (< 3.29.90)
 }
 
 /* Pad OSD */

diff --git a/Zuki-shell/gnome-shell/gnome-shell.css b/Zuki-shell/gnome-shell/gnome-shell.css
@@ -292,7 +292,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
 
 .osd-window .osd-monitor-label { font-size: 3em; }
 
-.osd-window .level { height: 0.6em; border-radius: 2px; background-color: rgba(8, 10, 11, 0.5); color: #dee2e5; }
+.osd-window .level { height: 0.6em; -barlevel-height: 0.6em; -barlevel-background-color: rgba(8, 10, 11, 0.5); -barlevel-active-background-color: #dee2e5; -barlevel-overdrive-color: #d51010; -barlevel-overdrive-separator-width: 0.2em; }
+
+.osd-window .level-bar { background-color: #dee2e5; border-radius: 0.3em; }
 
 /* Pad OSD */
 .pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.8); }