gnome-shell: Fix osd levelbar style
Make it similar to progressbar with @2 scale
by roundabout, Wednesday, 13 December 2017, 13:06:43 (1513170403), pushed by roundabout, Sunday, 11 May 2025, 13:22:18 (1746969738)
Author identity: nana-4 <hnmaigo@gmail.com>
d133529e06aec15bb73b311bfb9a442729c23e5a
src/gnome-shell/3.18/gnome-shell-compact.css
@@ -856,15 +856,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.osd-window .level {
height: 0.6em;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.12);
height: 8px;
border-radius: 0;
background-color: rgba(66, 165, 245, 0.3);
color: rgba(0, 0, 0, 0.87);
}
.osd-window .level-bar {
background-color: #42A5F5;
border-radius: 2px;
border-radius: 0;
}
/* Pad OSD */
src/gnome-shell/3.18/gnome-shell-dark-compact.css
@@ -856,15 +856,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.osd-window .level {
height: 0.6em;
border-radius: 4px;
background-color: rgba(255, 255, 255, 0.12);
height: 8px;
border-radius: 0;
background-color: rgba(66, 165, 245, 0.3);
color: #FFFFFF;
}
.osd-window .level-bar {
background-color: #42A5F5;
border-radius: 2px;
border-radius: 0;
}
/* Pad OSD */
src/gnome-shell/3.18/gnome-shell-dark.css
@@ -856,15 +856,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.osd-window .level {
height: 0.6em;
border-radius: 4px;
background-color: rgba(255, 255, 255, 0.12);
height: 8px;
border-radius: 0;
background-color: rgba(66, 165, 245, 0.3);
color: #FFFFFF;
}
.osd-window .level-bar {
background-color: #42A5F5;
border-radius: 2px;
border-radius: 0;
}
/* Pad OSD */
src/gnome-shell/3.18/gnome-shell-light-compact.css
@@ -856,15 +856,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.osd-window .level {
height: 0.6em;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.12);
height: 8px;
border-radius: 0;
background-color: rgba(66, 165, 245, 0.3);
color: rgba(0, 0, 0, 0.87);
}
.osd-window .level-bar {
background-color: #42A5F5;
border-radius: 2px;
border-radius: 0;
}
/* Pad OSD */
src/gnome-shell/3.18/gnome-shell-light.css
@@ -856,15 +856,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.osd-window .level {
height: 0.6em;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.12);
height: 8px;
border-radius: 0;
background-color: rgba(66, 165, 245, 0.3);
color: rgba(0, 0, 0, 0.87);
}
.osd-window .level-bar {
background-color: #42A5F5;
border-radius: 2px;
border-radius: 0;
}
/* Pad OSD */
src/gnome-shell/3.18/gnome-shell.css
@@ -856,15 +856,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.osd-window .level {
height: 0.6em;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.12);
height: 8px;
border-radius: 0;
background-color: rgba(66, 165, 245, 0.3);
color: rgba(0, 0, 0, 0.87);
}
.osd-window .level-bar {
background-color: #42A5F5;
border-radius: 2px;
border-radius: 0;
}
/* Pad OSD */
src/gnome-shell/3.18/sass/_common.scss
@@ -690,14 +690,14 @@ StScrollBar {
.osd-monitor-label { @include font(display-2); }
.level {
height: 0.6em;
border-radius: 4px;
background-color: $divider_color;
height: 8px;
border-radius: 0;
background-color: rgba($primary_color, $lower_opacity);
color: $fg_color;
}
.level-bar {
background-color: $primary_color;
border-radius: 2px;
border-radius: 0;
}
}
src/gnome-shell/3.24/gnome-shell-compact.css
@@ -856,15 +856,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.osd-window .level {
height: 0.6em;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.12);
height: 8px;
border-radius: 0;
background-color: rgba(66, 165, 245, 0.3);
color: rgba(0, 0, 0, 0.87);
}
.osd-window .level-bar {
background-color: #42A5F5;
border-radius: 2px;
border-radius: 0;
}
/* Pad OSD */
src/gnome-shell/3.24/gnome-shell-dark-compact.css
@@ -856,15 +856,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.osd-window .level {
height: 0.6em;
border-radius: 4px;
background-color: rgba(255, 255, 255, 0.12);
height: 8px;
border-radius: 0;
background-color: rgba(66, 165, 245, 0.3);
color: #FFFFFF;
}
.osd-window .level-bar {
background-color: #42A5F5;
border-radius: 2px;
border-radius: 0;
}
/* Pad OSD */
src/gnome-shell/3.24/gnome-shell-dark.css
@@ -856,15 +856,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.osd-window .level {
height: 0.6em;
border-radius: 4px;
background-color: rgba(255, 255, 255, 0.12);
height: 8px;
border-radius: 0;
background-color: rgba(66, 165, 245, 0.3);
color: #FFFFFF;
}
.osd-window .level-bar {
background-color: #42A5F5;
border-radius: 2px;
border-radius: 0;
}
/* Pad OSD */
src/gnome-shell/3.24/gnome-shell-light-compact.css
@@ -856,15 +856,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.osd-window .level {
height: 0.6em;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.12);
height: 8px;
border-radius: 0;
background-color: rgba(66, 165, 245, 0.3);
color: rgba(0, 0, 0, 0.87);
}
.osd-window .level-bar {
background-color: #42A5F5;
border-radius: 2px;
border-radius: 0;
}
/* Pad OSD */
src/gnome-shell/3.24/gnome-shell-light.css
@@ -856,15 +856,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.osd-window .level {
height: 0.6em;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.12);
height: 8px;
border-radius: 0;
background-color: rgba(66, 165, 245, 0.3);
color: rgba(0, 0, 0, 0.87);
}
.osd-window .level-bar {
background-color: #42A5F5;
border-radius: 2px;
border-radius: 0;
}
/* Pad OSD */
src/gnome-shell/3.24/gnome-shell.css
@@ -856,15 +856,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.osd-window .level {
height: 0.6em;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.12);
height: 8px;
border-radius: 0;
background-color: rgba(66, 165, 245, 0.3);
color: rgba(0, 0, 0, 0.87);
}
.osd-window .level-bar {
background-color: #42A5F5;
border-radius: 2px;
border-radius: 0;
}
/* Pad OSD */
src/gnome-shell/3.24/sass/_common.scss
@@ -690,14 +690,14 @@ StScrollBar {
.osd-monitor-label { @include font(display-2); }
.level {
height: 0.6em;
border-radius: 4px;
background-color: $divider_color;
height: 8px;
border-radius: 0;
background-color: rgba($primary_color, $lower_opacity);
color: $fg_color;
}
.level-bar {
background-color: $primary_color;
border-radius: 2px;
border-radius: 0;
}
}
src/gnome-shell/3.26/gnome-shell-compact.css
@@ -843,15 +843,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.osd-window .level {
height: 0.6em;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.12);
height: 8px;
border-radius: 0;
background-color: rgba(66, 165, 245, 0.3);
color: rgba(0, 0, 0, 0.87);
}
.osd-window .level-bar {
background-color: #42A5F5;
border-radius: 2px;
border-radius: 0;
}
/* Pad OSD */
src/gnome-shell/3.26/gnome-shell-dark-compact.css
@@ -843,15 +843,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.osd-window .level {
height: 0.6em;
border-radius: 4px;
background-color: rgba(255, 255, 255, 0.12);
height: 8px;
border-radius: 0;
background-color: rgba(66, 165, 245, 0.3);
color: #FFFFFF;
}
.osd-window .level-bar {
background-color: #42A5F5;
border-radius: 2px;
border-radius: 0;
}
/* Pad OSD */
src/gnome-shell/3.26/gnome-shell-dark.css
@@ -843,15 +843,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.osd-window .level {
height: 0.6em;
border-radius: 4px;
background-color: rgba(255, 255, 255, 0.12);
height: 8px;
border-radius: 0;
background-color: rgba(66, 165, 245, 0.3);
color: #FFFFFF;
}
.osd-window .level-bar {
background-color: #42A5F5;
border-radius: 2px;
border-radius: 0;
}
/* Pad OSD */
src/gnome-shell/3.26/gnome-shell-light-compact.css
@@ -843,15 +843,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.osd-window .level {
height: 0.6em;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.12);
height: 8px;
border-radius: 0;
background-color: rgba(66, 165, 245, 0.3);
color: rgba(0, 0, 0, 0.87);
}
.osd-window .level-bar {
background-color: #42A5F5;
border-radius: 2px;
border-radius: 0;
}
/* Pad OSD */
src/gnome-shell/3.26/gnome-shell-light.css
@@ -843,15 +843,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.osd-window .level {
height: 0.6em;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.12);
height: 8px;
border-radius: 0;
background-color: rgba(66, 165, 245, 0.3);
color: rgba(0, 0, 0, 0.87);
}
.osd-window .level-bar {
background-color: #42A5F5;
border-radius: 2px;
border-radius: 0;
}
/* Pad OSD */
src/gnome-shell/3.26/gnome-shell.css
@@ -843,15 +843,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.osd-window .level {
height: 0.6em;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.12);
height: 8px;
border-radius: 0;
background-color: rgba(66, 165, 245, 0.3);
color: rgba(0, 0, 0, 0.87);
}
.osd-window .level-bar {
background-color: #42A5F5;
border-radius: 2px;
border-radius: 0;
}
/* Pad OSD */
src/gnome-shell/3.26/sass/_common.scss
@@ -663,14 +663,14 @@ StScrollBar {
.osd-monitor-label { @include font(display-2); }
.level {
height: 0.6em;
border-radius: 4px;
background-color: $divider_color;
height: 8px;
border-radius: 0;
background-color: rgba($primary_color, $lower_opacity);
color: $fg_color;
}
.level-bar {
background-color: $primary_color;
border-radius: 2px;
border-radius: 0;
}
}