From 77227186e2cc984e287f441b709842c3bbb74dd6 Mon Sep 17 00:00:00 2001
From: vinceliuice <vinceliuice@hotmail.com>
Date: Wed, 5 Dec 2018 17:48:32 +0800
Subject: [PATCH 1/2] Fixed wingpanel issues

---
 src/gnome-shell/gnome-shell-dark-solid.css  |  4 ++--
 src/gnome-shell/gnome-shell-dark.css        |  4 ++--
 src/gnome-shell/gnome-shell-light-solid.css |  4 ++--
 src/gnome-shell/gnome-shell-light.css       |  4 ++--
 src/gtk-3.0/gtk-compact-dark-alt.css        | 17 ++++++---------
 src/gtk-3.0/gtk-compact-dark-solid-alt.css  | 17 ++++++---------
 src/gtk-3.0/gtk-compact-dark-solid.css      | 17 ++++++---------
 src/gtk-3.0/gtk-compact-dark.css            | 17 ++++++---------
 src/gtk-3.0/gtk-compact-light-alt.css       | 23 ++++++++-------------
 src/gtk-3.0/gtk-compact-light-solid-alt.css | 23 ++++++++-------------
 src/gtk-3.0/gtk-compact-light-solid.css     | 23 ++++++++-------------
 src/gtk-3.0/gtk-compact-light.css           | 23 ++++++++-------------
 src/gtk-3.0/gtk-dark-alt.css                | 17 ++++++---------
 src/gtk-3.0/gtk-dark-solid-alt.css          | 17 ++++++---------
 src/gtk-3.0/gtk-dark-solid.css              | 17 ++++++---------
 src/gtk-3.0/gtk-dark.css                    | 17 ++++++---------
 src/gtk-3.0/gtk-light-alt.css               | 23 ++++++++-------------
 src/gtk-3.0/gtk-light-solid-alt.css         | 23 ++++++++-------------
 src/gtk-3.0/gtk-light-solid.css             | 23 ++++++++-------------
 src/gtk-3.0/gtk-light.css                   | 23 ++++++++-------------
 src/gtk-3.0/sass/_applications.scss         | 14 +++++++------
 21 files changed, 136 insertions(+), 214 deletions(-)

diff --git a/src/gnome-shell/gnome-shell-dark-solid.css b/src/gnome-shell/gnome-shell-dark-solid.css
index 6ea70d8..edb101f 100644
--- a/src/gnome-shell/gnome-shell-dark-solid.css
+++ b/src/gnome-shell/gnome-shell-dark-solid.css
@@ -613,7 +613,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .hidden {
-  color: transparent;
+  color: rgba(0, 0, 0, 0);
 }
 
 .prompt-dialog-null-label {
@@ -999,7 +999,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .switcher-arrow {
-  border-color: transparent;
+  border-color: rgba(0, 0, 0, 0);
   color: rgba(255, 255, 255, 0.5);
 }
 
diff --git a/src/gnome-shell/gnome-shell-dark.css b/src/gnome-shell/gnome-shell-dark.css
index d4ee235..68b67f4 100644
--- a/src/gnome-shell/gnome-shell-dark.css
+++ b/src/gnome-shell/gnome-shell-dark.css
@@ -613,7 +613,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .hidden {
-  color: transparent;
+  color: rgba(0, 0, 0, 0);
 }
 
 .prompt-dialog-null-label {
@@ -999,7 +999,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .switcher-arrow {
-  border-color: transparent;
+  border-color: rgba(0, 0, 0, 0);
   color: rgba(255, 255, 255, 0.5);
 }
 
diff --git a/src/gnome-shell/gnome-shell-light-solid.css b/src/gnome-shell/gnome-shell-light-solid.css
index b832504..f8a28d5 100644
--- a/src/gnome-shell/gnome-shell-light-solid.css
+++ b/src/gnome-shell/gnome-shell-light-solid.css
@@ -613,7 +613,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .hidden {
-  color: transparent;
+  color: rgba(0, 0, 0, 0);
 }
 
 .prompt-dialog-null-label {
@@ -999,7 +999,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .switcher-arrow {
-  border-color: transparent;
+  border-color: rgba(0, 0, 0, 0);
   color: rgba(0, 0, 0, 0.38);
 }
 
diff --git a/src/gnome-shell/gnome-shell-light.css b/src/gnome-shell/gnome-shell-light.css
index 1f0e29c..66d4234 100644
--- a/src/gnome-shell/gnome-shell-light.css
+++ b/src/gnome-shell/gnome-shell-light.css
@@ -613,7 +613,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .hidden {
-  color: transparent;
+  color: rgba(0, 0, 0, 0);
 }
 
 .prompt-dialog-null-label {
@@ -999,7 +999,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .switcher-arrow {
-  border-color: transparent;
+  border-color: rgba(0, 0, 0, 0);
   color: rgba(0, 0, 0, 0.38);
 }
 
diff --git a/src/gtk-3.0/gtk-compact-dark-alt.css b/src/gtk-3.0/gtk-compact-dark-alt.css
index 81adcb7..1c084fa 100644
--- a/src/gtk-3.0/gtk-compact-dark-alt.css
+++ b/src/gtk-3.0/gtk-compact-dark-alt.css
@@ -2177,7 +2177,7 @@ headerbar scale trough, .nemo-window .primary-toolbar scale trough {
 }
 
 headerbar scale trough:disabled, .nemo-window .primary-toolbar scale trough:disabled {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0);
 }
 
 .path-bar button {
@@ -7005,7 +7005,6 @@ window > box.vertical > box.horizontal > widget {
   box-shadow: none;
 }
 
-menubar .panel,
 .panel menubar {
   box-shadow: none;
   border: none;
@@ -7133,17 +7132,13 @@ menubar .panel,
   -gtk-icon-shadow: none;
 }
 
-.composited-indicator > revealer label:hover,
-.composited-indicator > revealer image:hover,
-.composited-indicator > revealer spinner:hover {
-  background-color: #498dff;
-  color: #ffffff;
+.composited-indicator > revealer image,
+.composited-indicator > revealer spinner {
+  padding: 3px 0;
 }
 
-.composited-indicator > revealer label:disabled,
-.composited-indicator > revealer image:disabled,
-.composited-indicator > revealer spinner:disabled {
-  color: rgba(222, 222, 222, 0.4);
+.composited-indicator > revealer label {
+  padding: 3px 6px;
 }
 
 .composited-indicator .keyboard {
diff --git a/src/gtk-3.0/gtk-compact-dark-solid-alt.css b/src/gtk-3.0/gtk-compact-dark-solid-alt.css
index 0400bf2..0e12249 100644
--- a/src/gtk-3.0/gtk-compact-dark-solid-alt.css
+++ b/src/gtk-3.0/gtk-compact-dark-solid-alt.css
@@ -2177,7 +2177,7 @@ headerbar scale trough, .nemo-window .primary-toolbar scale trough {
 }
 
 headerbar scale trough:disabled, .nemo-window .primary-toolbar scale trough:disabled {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0);
 }
 
 .path-bar button {
@@ -7005,7 +7005,6 @@ window > box.vertical > box.horizontal > widget {
   box-shadow: none;
 }
 
-menubar .panel,
 .panel menubar {
   box-shadow: none;
   border: none;
@@ -7133,17 +7132,13 @@ menubar .panel,
   -gtk-icon-shadow: none;
 }
 
-.composited-indicator > revealer label:hover,
-.composited-indicator > revealer image:hover,
-.composited-indicator > revealer spinner:hover {
-  background-color: #498dff;
-  color: #ffffff;
+.composited-indicator > revealer image,
+.composited-indicator > revealer spinner {
+  padding: 3px 0;
 }
 
-.composited-indicator > revealer label:disabled,
-.composited-indicator > revealer image:disabled,
-.composited-indicator > revealer spinner:disabled {
-  color: rgba(222, 222, 222, 0.4);
+.composited-indicator > revealer label {
+  padding: 3px 6px;
 }
 
 .composited-indicator .keyboard {
diff --git a/src/gtk-3.0/gtk-compact-dark-solid.css b/src/gtk-3.0/gtk-compact-dark-solid.css
index ea212f9..a955e29 100644
--- a/src/gtk-3.0/gtk-compact-dark-solid.css
+++ b/src/gtk-3.0/gtk-compact-dark-solid.css
@@ -2177,7 +2177,7 @@ headerbar scale trough, .nemo-window .primary-toolbar scale trough {
 }
 
 headerbar scale trough:disabled, .nemo-window .primary-toolbar scale trough:disabled {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0);
 }
 
 .path-bar button {
@@ -7005,7 +7005,6 @@ window > box.vertical > box.horizontal > widget {
   box-shadow: none;
 }
 
-menubar .panel,
 .panel menubar {
   box-shadow: none;
   border: none;
@@ -7133,17 +7132,13 @@ menubar .panel,
   -gtk-icon-shadow: none;
 }
 
-.composited-indicator > revealer label:hover,
-.composited-indicator > revealer image:hover,
-.composited-indicator > revealer spinner:hover {
-  background-color: #498dff;
-  color: #ffffff;
+.composited-indicator > revealer image,
+.composited-indicator > revealer spinner {
+  padding: 3px 0;
 }
 
-.composited-indicator > revealer label:disabled,
-.composited-indicator > revealer image:disabled,
-.composited-indicator > revealer spinner:disabled {
-  color: rgba(222, 222, 222, 0.4);
+.composited-indicator > revealer label {
+  padding: 3px 6px;
 }
 
 .composited-indicator .keyboard {
diff --git a/src/gtk-3.0/gtk-compact-dark.css b/src/gtk-3.0/gtk-compact-dark.css
index e716fdc..28ee96b 100644
--- a/src/gtk-3.0/gtk-compact-dark.css
+++ b/src/gtk-3.0/gtk-compact-dark.css
@@ -2177,7 +2177,7 @@ headerbar scale trough, .nemo-window .primary-toolbar scale trough {
 }
 
 headerbar scale trough:disabled, .nemo-window .primary-toolbar scale trough:disabled {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0);
 }
 
 .path-bar button {
@@ -7005,7 +7005,6 @@ window > box.vertical > box.horizontal > widget {
   box-shadow: none;
 }
 
-menubar .panel,
 .panel menubar {
   box-shadow: none;
   border: none;
@@ -7133,17 +7132,13 @@ menubar .panel,
   -gtk-icon-shadow: none;
 }
 
-.composited-indicator > revealer label:hover,
-.composited-indicator > revealer image:hover,
-.composited-indicator > revealer spinner:hover {
-  background-color: #498dff;
-  color: #ffffff;
+.composited-indicator > revealer image,
+.composited-indicator > revealer spinner {
+  padding: 3px 0;
 }
 
-.composited-indicator > revealer label:disabled,
-.composited-indicator > revealer image:disabled,
-.composited-indicator > revealer spinner:disabled {
-  color: rgba(222, 222, 222, 0.4);
+.composited-indicator > revealer label {
+  padding: 3px 6px;
 }
 
 .composited-indicator .keyboard {
diff --git a/src/gtk-3.0/gtk-compact-light-alt.css b/src/gtk-3.0/gtk-compact-light-alt.css
index d1c9af4..a337c28 100644
--- a/src/gtk-3.0/gtk-compact-light-alt.css
+++ b/src/gtk-3.0/gtk-compact-light-alt.css
@@ -864,7 +864,7 @@ button.font separator, button.file separator {
 }
 
 .linked:not(.vertical):not(.path-bar) > entry + entry {
-  border-left-color: transparent;
+  border-left-color: rgba(0, 0, 0, 0);
 }
 
 .linked:not(.vertical):not(.path-bar) > entry.error + entry,
@@ -949,7 +949,7 @@ button.font separator, button.file separator {
 }
 
 .linked.vertical > entry + entry {
-  border-top-color: transparent;
+  border-top-color: rgba(0, 0, 0, 0);
 }
 
 .linked.vertical > entry.error + entry,
@@ -1240,7 +1240,7 @@ spinbutton:not(.vertical) > button:hover + button {
 
 spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover),
 spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled {
-  box-shadow: inset 1px 0 transparent;
+  box-shadow: inset 1px 0 rgba(0, 0, 0, 0);
 }
 
 spinbutton:not(.vertical) > button:first-child:hover:not(:active),
@@ -4360,7 +4360,7 @@ messagedialog.csd .dialog-action-area button:only-child {
 }
 
 filechooser #pathbarbox {
-  border-bottom: 1px solid transparent;
+  border-bottom: 1px solid rgba(0, 0, 0, 0);
 }
 
 filechooser stack.view {
@@ -7010,7 +7010,6 @@ window > box.vertical > box.horizontal > widget {
   box-shadow: none;
 }
 
-menubar .panel,
 .panel menubar {
   box-shadow: none;
   border: none;
@@ -7139,17 +7138,13 @@ menubar .panel,
   -gtk-icon-shadow: none;
 }
 
-.composited-indicator > revealer label:hover,
-.composited-indicator > revealer image:hover,
-.composited-indicator > revealer spinner:hover {
-  background-color: #0046DB;
-  color: #ffffff;
+.composited-indicator > revealer image,
+.composited-indicator > revealer spinner {
+  padding: 3px 0;
 }
 
-.composited-indicator > revealer label:disabled,
-.composited-indicator > revealer image:disabled,
-.composited-indicator > revealer spinner:disabled {
-  color: rgba(54, 54, 54, 0.4);
+.composited-indicator > revealer label {
+  padding: 3px 6px;
 }
 
 .composited-indicator .keyboard {
diff --git a/src/gtk-3.0/gtk-compact-light-solid-alt.css b/src/gtk-3.0/gtk-compact-light-solid-alt.css
index 7ae8a0d..3aa2836 100644
--- a/src/gtk-3.0/gtk-compact-light-solid-alt.css
+++ b/src/gtk-3.0/gtk-compact-light-solid-alt.css
@@ -864,7 +864,7 @@ button.font separator, button.file separator {
 }
 
 .linked:not(.vertical):not(.path-bar) > entry + entry {
-  border-left-color: transparent;
+  border-left-color: rgba(0, 0, 0, 0);
 }
 
 .linked:not(.vertical):not(.path-bar) > entry.error + entry,
@@ -949,7 +949,7 @@ button.font separator, button.file separator {
 }
 
 .linked.vertical > entry + entry {
-  border-top-color: transparent;
+  border-top-color: rgba(0, 0, 0, 0);
 }
 
 .linked.vertical > entry.error + entry,
@@ -1240,7 +1240,7 @@ spinbutton:not(.vertical) > button:hover + button {
 
 spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover),
 spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled {
-  box-shadow: inset 1px 0 transparent;
+  box-shadow: inset 1px 0 rgba(0, 0, 0, 0);
 }
 
 spinbutton:not(.vertical) > button:first-child:hover:not(:active),
@@ -4360,7 +4360,7 @@ messagedialog.csd .dialog-action-area button:only-child {
 }
 
 filechooser #pathbarbox {
-  border-bottom: 1px solid transparent;
+  border-bottom: 1px solid rgba(0, 0, 0, 0);
 }
 
 filechooser stack.view {
@@ -7010,7 +7010,6 @@ window > box.vertical > box.horizontal > widget {
   box-shadow: none;
 }
 
-menubar .panel,
 .panel menubar {
   box-shadow: none;
   border: none;
@@ -7139,17 +7138,13 @@ menubar .panel,
   -gtk-icon-shadow: none;
 }
 
-.composited-indicator > revealer label:hover,
-.composited-indicator > revealer image:hover,
-.composited-indicator > revealer spinner:hover {
-  background-color: #0046DB;
-  color: #ffffff;
+.composited-indicator > revealer image,
+.composited-indicator > revealer spinner {
+  padding: 3px 0;
 }
 
-.composited-indicator > revealer label:disabled,
-.composited-indicator > revealer image:disabled,
-.composited-indicator > revealer spinner:disabled {
-  color: rgba(54, 54, 54, 0.4);
+.composited-indicator > revealer label {
+  padding: 3px 6px;
 }
 
 .composited-indicator .keyboard {
diff --git a/src/gtk-3.0/gtk-compact-light-solid.css b/src/gtk-3.0/gtk-compact-light-solid.css
index 5eadb2b..58d81ad 100644
--- a/src/gtk-3.0/gtk-compact-light-solid.css
+++ b/src/gtk-3.0/gtk-compact-light-solid.css
@@ -864,7 +864,7 @@ button.font separator, button.file separator {
 }
 
 .linked:not(.vertical):not(.path-bar) > entry + entry {
-  border-left-color: transparent;
+  border-left-color: rgba(0, 0, 0, 0);
 }
 
 .linked:not(.vertical):not(.path-bar) > entry.error + entry,
@@ -949,7 +949,7 @@ button.font separator, button.file separator {
 }
 
 .linked.vertical > entry + entry {
-  border-top-color: transparent;
+  border-top-color: rgba(0, 0, 0, 0);
 }
 
 .linked.vertical > entry.error + entry,
@@ -1240,7 +1240,7 @@ spinbutton:not(.vertical) > button:hover + button {
 
 spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover),
 spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled {
-  box-shadow: inset 1px 0 transparent;
+  box-shadow: inset 1px 0 rgba(0, 0, 0, 0);
 }
 
 spinbutton:not(.vertical) > button:first-child:hover:not(:active),
@@ -4360,7 +4360,7 @@ messagedialog.csd .dialog-action-area button:only-child {
 }
 
 filechooser #pathbarbox {
-  border-bottom: 1px solid transparent;
+  border-bottom: 1px solid rgba(0, 0, 0, 0);
 }
 
 filechooser stack.view {
@@ -7010,7 +7010,6 @@ window > box.vertical > box.horizontal > widget {
   box-shadow: none;
 }
 
-menubar .panel,
 .panel menubar {
   box-shadow: none;
   border: none;
@@ -7139,17 +7138,13 @@ menubar .panel,
   -gtk-icon-shadow: none;
 }
 
-.composited-indicator > revealer label:hover,
-.composited-indicator > revealer image:hover,
-.composited-indicator > revealer spinner:hover {
-  background-color: #0046DB;
-  color: #ffffff;
+.composited-indicator > revealer image,
+.composited-indicator > revealer spinner {
+  padding: 3px 0;
 }
 
-.composited-indicator > revealer label:disabled,
-.composited-indicator > revealer image:disabled,
-.composited-indicator > revealer spinner:disabled {
-  color: rgba(54, 54, 54, 0.4);
+.composited-indicator > revealer label {
+  padding: 3px 6px;
 }
 
 .composited-indicator .keyboard {
diff --git a/src/gtk-3.0/gtk-compact-light.css b/src/gtk-3.0/gtk-compact-light.css
index 7ad814a..87af731 100644
--- a/src/gtk-3.0/gtk-compact-light.css
+++ b/src/gtk-3.0/gtk-compact-light.css
@@ -864,7 +864,7 @@ button.font separator, button.file separator {
 }
 
 .linked:not(.vertical):not(.path-bar) > entry + entry {
-  border-left-color: transparent;
+  border-left-color: rgba(0, 0, 0, 0);
 }
 
 .linked:not(.vertical):not(.path-bar) > entry.error + entry,
@@ -949,7 +949,7 @@ button.font separator, button.file separator {
 }
 
 .linked.vertical > entry + entry {
-  border-top-color: transparent;
+  border-top-color: rgba(0, 0, 0, 0);
 }
 
 .linked.vertical > entry.error + entry,
@@ -1240,7 +1240,7 @@ spinbutton:not(.vertical) > button:hover + button {
 
 spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover),
 spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled {
-  box-shadow: inset 1px 0 transparent;
+  box-shadow: inset 1px 0 rgba(0, 0, 0, 0);
 }
 
 spinbutton:not(.vertical) > button:first-child:hover:not(:active),
@@ -4360,7 +4360,7 @@ messagedialog.csd .dialog-action-area button:only-child {
 }
 
 filechooser #pathbarbox {
-  border-bottom: 1px solid transparent;
+  border-bottom: 1px solid rgba(0, 0, 0, 0);
 }
 
 filechooser stack.view {
@@ -7010,7 +7010,6 @@ window > box.vertical > box.horizontal > widget {
   box-shadow: none;
 }
 
-menubar .panel,
 .panel menubar {
   box-shadow: none;
   border: none;
@@ -7139,17 +7138,13 @@ menubar .panel,
   -gtk-icon-shadow: none;
 }
 
-.composited-indicator > revealer label:hover,
-.composited-indicator > revealer image:hover,
-.composited-indicator > revealer spinner:hover {
-  background-color: #0046DB;
-  color: #ffffff;
+.composited-indicator > revealer image,
+.composited-indicator > revealer spinner {
+  padding: 3px 0;
 }
 
-.composited-indicator > revealer label:disabled,
-.composited-indicator > revealer image:disabled,
-.composited-indicator > revealer spinner:disabled {
-  color: rgba(54, 54, 54, 0.4);
+.composited-indicator > revealer label {
+  padding: 3px 6px;
 }
 
 .composited-indicator .keyboard {
diff --git a/src/gtk-3.0/gtk-dark-alt.css b/src/gtk-3.0/gtk-dark-alt.css
index 0ff8390..79d03c6 100644
--- a/src/gtk-3.0/gtk-dark-alt.css
+++ b/src/gtk-3.0/gtk-dark-alt.css
@@ -2175,7 +2175,7 @@ headerbar scale trough, .nemo-window .primary-toolbar scale trough {
 }
 
 headerbar scale trough:disabled, .nemo-window .primary-toolbar scale trough:disabled {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0);
 }
 
 .path-bar button {
@@ -7006,7 +7006,6 @@ window > box.vertical > box.horizontal > widget {
   box-shadow: none;
 }
 
-menubar .panel,
 .panel menubar {
   box-shadow: none;
   border: none;
@@ -7134,17 +7133,13 @@ menubar .panel,
   -gtk-icon-shadow: none;
 }
 
-.composited-indicator > revealer label:hover,
-.composited-indicator > revealer image:hover,
-.composited-indicator > revealer spinner:hover {
-  background-color: #498dff;
-  color: #ffffff;
+.composited-indicator > revealer image,
+.composited-indicator > revealer spinner {
+  padding: 3px 0;
 }
 
-.composited-indicator > revealer label:disabled,
-.composited-indicator > revealer image:disabled,
-.composited-indicator > revealer spinner:disabled {
-  color: rgba(222, 222, 222, 0.4);
+.composited-indicator > revealer label {
+  padding: 3px 6px;
 }
 
 .composited-indicator .keyboard {
diff --git a/src/gtk-3.0/gtk-dark-solid-alt.css b/src/gtk-3.0/gtk-dark-solid-alt.css
index 0bdb12f..0b7754b 100644
--- a/src/gtk-3.0/gtk-dark-solid-alt.css
+++ b/src/gtk-3.0/gtk-dark-solid-alt.css
@@ -2175,7 +2175,7 @@ headerbar scale trough, .nemo-window .primary-toolbar scale trough {
 }
 
 headerbar scale trough:disabled, .nemo-window .primary-toolbar scale trough:disabled {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0);
 }
 
 .path-bar button {
@@ -6994,7 +6994,6 @@ window > box.vertical > box.horizontal > widget {
   box-shadow: none;
 }
 
-menubar .panel,
 .panel menubar {
   box-shadow: none;
   border: none;
@@ -7122,17 +7121,13 @@ menubar .panel,
   -gtk-icon-shadow: none;
 }
 
-.composited-indicator > revealer label:hover,
-.composited-indicator > revealer image:hover,
-.composited-indicator > revealer spinner:hover {
-  background-color: #498dff;
-  color: #ffffff;
+.composited-indicator > revealer image,
+.composited-indicator > revealer spinner {
+  padding: 3px 0;
 }
 
-.composited-indicator > revealer label:disabled,
-.composited-indicator > revealer image:disabled,
-.composited-indicator > revealer spinner:disabled {
-  color: rgba(222, 222, 222, 0.4);
+.composited-indicator > revealer label {
+  padding: 3px 6px;
 }
 
 .composited-indicator .keyboard {
diff --git a/src/gtk-3.0/gtk-dark-solid.css b/src/gtk-3.0/gtk-dark-solid.css
index 6c8c9cd..e0f1aca 100644
--- a/src/gtk-3.0/gtk-dark-solid.css
+++ b/src/gtk-3.0/gtk-dark-solid.css
@@ -2175,7 +2175,7 @@ headerbar scale trough, .nemo-window .primary-toolbar scale trough {
 }
 
 headerbar scale trough:disabled, .nemo-window .primary-toolbar scale trough:disabled {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0);
 }
 
 .path-bar button {
@@ -7006,7 +7006,6 @@ window > box.vertical > box.horizontal > widget {
   box-shadow: none;
 }
 
-menubar .panel,
 .panel menubar {
   box-shadow: none;
   border: none;
@@ -7134,17 +7133,13 @@ menubar .panel,
   -gtk-icon-shadow: none;
 }
 
-.composited-indicator > revealer label:hover,
-.composited-indicator > revealer image:hover,
-.composited-indicator > revealer spinner:hover {
-  background-color: #498dff;
-  color: #ffffff;
+.composited-indicator > revealer image,
+.composited-indicator > revealer spinner {
+  padding: 3px 0;
 }
 
-.composited-indicator > revealer label:disabled,
-.composited-indicator > revealer image:disabled,
-.composited-indicator > revealer spinner:disabled {
-  color: rgba(222, 222, 222, 0.4);
+.composited-indicator > revealer label {
+  padding: 3px 6px;
 }
 
 .composited-indicator .keyboard {
diff --git a/src/gtk-3.0/gtk-dark.css b/src/gtk-3.0/gtk-dark.css
index ceaa3ec..ad8bae6 100644
--- a/src/gtk-3.0/gtk-dark.css
+++ b/src/gtk-3.0/gtk-dark.css
@@ -2175,7 +2175,7 @@ headerbar scale trough, .nemo-window .primary-toolbar scale trough {
 }
 
 headerbar scale trough:disabled, .nemo-window .primary-toolbar scale trough:disabled {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0);
 }
 
 .path-bar button {
@@ -7006,7 +7006,6 @@ window > box.vertical > box.horizontal > widget {
   box-shadow: none;
 }
 
-menubar .panel,
 .panel menubar {
   box-shadow: none;
   border: none;
@@ -7134,17 +7133,13 @@ menubar .panel,
   -gtk-icon-shadow: none;
 }
 
-.composited-indicator > revealer label:hover,
-.composited-indicator > revealer image:hover,
-.composited-indicator > revealer spinner:hover {
-  background-color: #498dff;
-  color: #ffffff;
+.composited-indicator > revealer image,
+.composited-indicator > revealer spinner {
+  padding: 3px 0;
 }
 
-.composited-indicator > revealer label:disabled,
-.composited-indicator > revealer image:disabled,
-.composited-indicator > revealer spinner:disabled {
-  color: rgba(222, 222, 222, 0.4);
+.composited-indicator > revealer label {
+  padding: 3px 6px;
 }
 
 .composited-indicator .keyboard {
diff --git a/src/gtk-3.0/gtk-light-alt.css b/src/gtk-3.0/gtk-light-alt.css
index 8535c62..5d952e0 100644
--- a/src/gtk-3.0/gtk-light-alt.css
+++ b/src/gtk-3.0/gtk-light-alt.css
@@ -864,7 +864,7 @@ button.font separator, button.file separator {
 }
 
 .linked:not(.vertical):not(.path-bar) > entry + entry {
-  border-left-color: transparent;
+  border-left-color: rgba(0, 0, 0, 0);
 }
 
 .linked:not(.vertical):not(.path-bar) > entry.error + entry,
@@ -949,7 +949,7 @@ button.font separator, button.file separator {
 }
 
 .linked.vertical > entry + entry {
-  border-top-color: transparent;
+  border-top-color: rgba(0, 0, 0, 0);
 }
 
 .linked.vertical > entry.error + entry,
@@ -1242,7 +1242,7 @@ spinbutton:not(.vertical) > button:hover + button {
 
 spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover),
 spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled {
-  box-shadow: inset 1px 0 transparent;
+  box-shadow: inset 1px 0 rgba(0, 0, 0, 0);
 }
 
 spinbutton:not(.vertical) > button:first-child:hover:not(:active),
@@ -4376,7 +4376,7 @@ messagedialog.csd .dialog-action-area button:only-child {
 }
 
 filechooser #pathbarbox {
-  border-bottom: 1px solid transparent;
+  border-bottom: 1px solid rgba(0, 0, 0, 0);
 }
 
 filechooser stack.view {
@@ -7024,7 +7024,6 @@ window > box.vertical > box.horizontal > widget {
   box-shadow: none;
 }
 
-menubar .panel,
 .panel menubar {
   box-shadow: none;
   border: none;
@@ -7153,17 +7152,13 @@ menubar .panel,
   -gtk-icon-shadow: none;
 }
 
-.composited-indicator > revealer label:hover,
-.composited-indicator > revealer image:hover,
-.composited-indicator > revealer spinner:hover {
-  background-color: #0046DB;
-  color: #ffffff;
+.composited-indicator > revealer image,
+.composited-indicator > revealer spinner {
+  padding: 3px 0;
 }
 
-.composited-indicator > revealer label:disabled,
-.composited-indicator > revealer image:disabled,
-.composited-indicator > revealer spinner:disabled {
-  color: rgba(54, 54, 54, 0.4);
+.composited-indicator > revealer label {
+  padding: 3px 6px;
 }
 
 .composited-indicator .keyboard {
diff --git a/src/gtk-3.0/gtk-light-solid-alt.css b/src/gtk-3.0/gtk-light-solid-alt.css
index 89f365d..f57855f 100644
--- a/src/gtk-3.0/gtk-light-solid-alt.css
+++ b/src/gtk-3.0/gtk-light-solid-alt.css
@@ -864,7 +864,7 @@ button.font separator, button.file separator {
 }
 
 .linked:not(.vertical):not(.path-bar) > entry + entry {
-  border-left-color: transparent;
+  border-left-color: rgba(0, 0, 0, 0);
 }
 
 .linked:not(.vertical):not(.path-bar) > entry.error + entry,
@@ -949,7 +949,7 @@ button.font separator, button.file separator {
 }
 
 .linked.vertical > entry + entry {
-  border-top-color: transparent;
+  border-top-color: rgba(0, 0, 0, 0);
 }
 
 .linked.vertical > entry.error + entry,
@@ -1242,7 +1242,7 @@ spinbutton:not(.vertical) > button:hover + button {
 
 spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover),
 spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled {
-  box-shadow: inset 1px 0 transparent;
+  box-shadow: inset 1px 0 rgba(0, 0, 0, 0);
 }
 
 spinbutton:not(.vertical) > button:first-child:hover:not(:active),
@@ -4376,7 +4376,7 @@ messagedialog.csd .dialog-action-area button:only-child {
 }
 
 filechooser #pathbarbox {
-  border-bottom: 1px solid transparent;
+  border-bottom: 1px solid rgba(0, 0, 0, 0);
 }
 
 filechooser stack.view {
@@ -7024,7 +7024,6 @@ window > box.vertical > box.horizontal > widget {
   box-shadow: none;
 }
 
-menubar .panel,
 .panel menubar {
   box-shadow: none;
   border: none;
@@ -7153,17 +7152,13 @@ menubar .panel,
   -gtk-icon-shadow: none;
 }
 
-.composited-indicator > revealer label:hover,
-.composited-indicator > revealer image:hover,
-.composited-indicator > revealer spinner:hover {
-  background-color: #0046DB;
-  color: #ffffff;
+.composited-indicator > revealer image,
+.composited-indicator > revealer spinner {
+  padding: 3px 0;
 }
 
-.composited-indicator > revealer label:disabled,
-.composited-indicator > revealer image:disabled,
-.composited-indicator > revealer spinner:disabled {
-  color: rgba(54, 54, 54, 0.4);
+.composited-indicator > revealer label {
+  padding: 3px 6px;
 }
 
 .composited-indicator .keyboard {
diff --git a/src/gtk-3.0/gtk-light-solid.css b/src/gtk-3.0/gtk-light-solid.css
index ac46639..f976e96 100644
--- a/src/gtk-3.0/gtk-light-solid.css
+++ b/src/gtk-3.0/gtk-light-solid.css
@@ -864,7 +864,7 @@ button.font separator, button.file separator {
 }
 
 .linked:not(.vertical):not(.path-bar) > entry + entry {
-  border-left-color: transparent;
+  border-left-color: rgba(0, 0, 0, 0);
 }
 
 .linked:not(.vertical):not(.path-bar) > entry.error + entry,
@@ -949,7 +949,7 @@ button.font separator, button.file separator {
 }
 
 .linked.vertical > entry + entry {
-  border-top-color: transparent;
+  border-top-color: rgba(0, 0, 0, 0);
 }
 
 .linked.vertical > entry.error + entry,
@@ -1242,7 +1242,7 @@ spinbutton:not(.vertical) > button:hover + button {
 
 spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover),
 spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled {
-  box-shadow: inset 1px 0 transparent;
+  box-shadow: inset 1px 0 rgba(0, 0, 0, 0);
 }
 
 spinbutton:not(.vertical) > button:first-child:hover:not(:active),
@@ -4376,7 +4376,7 @@ messagedialog.csd .dialog-action-area button:only-child {
 }
 
 filechooser #pathbarbox {
-  border-bottom: 1px solid transparent;
+  border-bottom: 1px solid rgba(0, 0, 0, 0);
 }
 
 filechooser stack.view {
@@ -7024,7 +7024,6 @@ window > box.vertical > box.horizontal > widget {
   box-shadow: none;
 }
 
-menubar .panel,
 .panel menubar {
   box-shadow: none;
   border: none;
@@ -7153,17 +7152,13 @@ menubar .panel,
   -gtk-icon-shadow: none;
 }
 
-.composited-indicator > revealer label:hover,
-.composited-indicator > revealer image:hover,
-.composited-indicator > revealer spinner:hover {
-  background-color: #0046DB;
-  color: #ffffff;
+.composited-indicator > revealer image,
+.composited-indicator > revealer spinner {
+  padding: 3px 0;
 }
 
-.composited-indicator > revealer label:disabled,
-.composited-indicator > revealer image:disabled,
-.composited-indicator > revealer spinner:disabled {
-  color: rgba(54, 54, 54, 0.4);
+.composited-indicator > revealer label {
+  padding: 3px 6px;
 }
 
 .composited-indicator .keyboard {
diff --git a/src/gtk-3.0/gtk-light.css b/src/gtk-3.0/gtk-light.css
index 75aeb90..4628b42 100644
--- a/src/gtk-3.0/gtk-light.css
+++ b/src/gtk-3.0/gtk-light.css
@@ -864,7 +864,7 @@ button.font separator, button.file separator {
 }
 
 .linked:not(.vertical):not(.path-bar) > entry + entry {
-  border-left-color: transparent;
+  border-left-color: rgba(0, 0, 0, 0);
 }
 
 .linked:not(.vertical):not(.path-bar) > entry.error + entry,
@@ -949,7 +949,7 @@ button.font separator, button.file separator {
 }
 
 .linked.vertical > entry + entry {
-  border-top-color: transparent;
+  border-top-color: rgba(0, 0, 0, 0);
 }
 
 .linked.vertical > entry.error + entry,
@@ -1242,7 +1242,7 @@ spinbutton:not(.vertical) > button:hover + button {
 
 spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover),
 spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled {
-  box-shadow: inset 1px 0 transparent;
+  box-shadow: inset 1px 0 rgba(0, 0, 0, 0);
 }
 
 spinbutton:not(.vertical) > button:first-child:hover:not(:active),
@@ -4376,7 +4376,7 @@ messagedialog.csd .dialog-action-area button:only-child {
 }
 
 filechooser #pathbarbox {
-  border-bottom: 1px solid transparent;
+  border-bottom: 1px solid rgba(0, 0, 0, 0);
 }
 
 filechooser stack.view {
@@ -7024,7 +7024,6 @@ window > box.vertical > box.horizontal > widget {
   box-shadow: none;
 }
 
-menubar .panel,
 .panel menubar {
   box-shadow: none;
   border: none;
@@ -7153,17 +7152,13 @@ menubar .panel,
   -gtk-icon-shadow: none;
 }
 
-.composited-indicator > revealer label:hover,
-.composited-indicator > revealer image:hover,
-.composited-indicator > revealer spinner:hover {
-  background-color: #0046DB;
-  color: #ffffff;
+.composited-indicator > revealer image,
+.composited-indicator > revealer spinner {
+  padding: 3px 0;
 }
 
-.composited-indicator > revealer label:disabled,
-.composited-indicator > revealer image:disabled,
-.composited-indicator > revealer spinner:disabled {
-  color: rgba(54, 54, 54, 0.4);
+.composited-indicator > revealer label {
+  padding: 3px 6px;
 }
 
 .composited-indicator .keyboard {
diff --git a/src/gtk-3.0/sass/_applications.scss b/src/gtk-3.0/sass/_applications.scss
index f7b27f1..1d129db 100644
--- a/src/gtk-3.0/sass/_applications.scss
+++ b/src/gtk-3.0/sass/_applications.scss
@@ -1939,7 +1939,7 @@ window > box.vertical > box.horizontal {
     box-shadow: none;
   }
 
-  menubar &,
+  // menubar &,
   & menubar {
     box-shadow: none;
     border: none;
@@ -2018,13 +2018,15 @@ window > box.vertical > box.horizontal {
     transition: all 200ms ease-in-out;
     text-shadow: none;
     -gtk-icon-shadow: none;
+  }
 
-    &:hover {
-      background-color: $selected_bg_color;
-      color: $selected_fg_color
-    }
+  > revealer image,
+  > revealer spinner {
+    padding: 3px 0;
+  }
 
-    &:disabled { color: transparentize($panel_fg, 0.6); }
+  > revealer label {
+    padding: 3px 6px;
   }
 
   .keyboard {

From 472c6ee72baf08d4f2ab7122ff8d2ee351789b01 Mon Sep 17 00:00:00 2001
From: vinceliuice <vinceliuice@hotmail.com>
Date: Wed, 5 Dec 2018 17:59:35 +0800
Subject: [PATCH 2/2] Fixed gnome-system-monitor issues

---
 src/gtk-3.0/gtk-compact-dark-alt.css        | 8 ++++----
 src/gtk-3.0/gtk-compact-dark-solid-alt.css  | 8 ++++----
 src/gtk-3.0/gtk-compact-dark-solid.css      | 8 ++++----
 src/gtk-3.0/gtk-compact-dark.css            | 8 ++++----
 src/gtk-3.0/gtk-compact-light-alt.css       | 8 ++++----
 src/gtk-3.0/gtk-compact-light-solid-alt.css | 8 ++++----
 src/gtk-3.0/gtk-compact-light-solid.css     | 8 ++++----
 src/gtk-3.0/gtk-compact-light.css           | 8 ++++----
 src/gtk-3.0/gtk-dark-alt.css                | 8 ++++----
 src/gtk-3.0/gtk-dark-solid-alt.css          | 8 ++++----
 src/gtk-3.0/gtk-dark-solid.css              | 8 ++++----
 src/gtk-3.0/gtk-dark.css                    | 8 ++++----
 src/gtk-3.0/gtk-light-alt.css               | 8 ++++----
 src/gtk-3.0/gtk-light-solid-alt.css         | 8 ++++----
 src/gtk-3.0/gtk-light-solid.css             | 8 ++++----
 src/gtk-3.0/gtk-light.css                   | 8 ++++----
 src/gtk-3.0/sass/_applications.scss         | 8 ++++++++
 src/gtk-3.0/sass/_common.scss               | 1 +
 18 files changed, 73 insertions(+), 64 deletions(-)

diff --git a/src/gtk-3.0/gtk-compact-dark-alt.css b/src/gtk-3.0/gtk-compact-dark-alt.css
index 57e3c6d..ed082ca 100644
--- a/src/gtk-3.0/gtk-compact-dark-alt.css
+++ b/src/gtk-3.0/gtk-compact-dark-alt.css
@@ -2318,26 +2318,26 @@ treeview.view.expander:checked {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
 
-treeview.view.progressbar, treeview.view.progressbar:focus {
+treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus, treeview.view.progressbar:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus {
   color: #ffffff;
   border-radius: 5px;
   background-color: #498dff;
 }
 
-treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus {
+treeview.view.progressbar:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected:focus {
   color: #498dff;
   box-shadow: none;
   background-color: #ffffff;
 }
 
-treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
+treeview.view.trough, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
   color: #dedede;
   background-color: rgba(255, 255, 255, 0.12);
   border-radius: 5px;
   border-width: 0;
 }
 
-treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
+treeview.view.trough:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
   color: #ffffff;
   background-color: rgba(0, 0, 0, 0.2);
   border-radius: 5px;
diff --git a/src/gtk-3.0/gtk-compact-dark-solid-alt.css b/src/gtk-3.0/gtk-compact-dark-solid-alt.css
index 4d3d8f7..a34d462 100644
--- a/src/gtk-3.0/gtk-compact-dark-solid-alt.css
+++ b/src/gtk-3.0/gtk-compact-dark-solid-alt.css
@@ -2318,26 +2318,26 @@ treeview.view.expander:checked {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
 
-treeview.view.progressbar, treeview.view.progressbar:focus {
+treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus, treeview.view.progressbar:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus {
   color: #ffffff;
   border-radius: 5px;
   background-color: #498dff;
 }
 
-treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus {
+treeview.view.progressbar:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected:focus {
   color: #498dff;
   box-shadow: none;
   background-color: #ffffff;
 }
 
-treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
+treeview.view.trough, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
   color: #dedede;
   background-color: rgba(255, 255, 255, 0.12);
   border-radius: 5px;
   border-width: 0;
 }
 
-treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
+treeview.view.trough:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
   color: #ffffff;
   background-color: rgba(0, 0, 0, 0.2);
   border-radius: 5px;
diff --git a/src/gtk-3.0/gtk-compact-dark-solid.css b/src/gtk-3.0/gtk-compact-dark-solid.css
index b0cd5a7..9b6984d 100644
--- a/src/gtk-3.0/gtk-compact-dark-solid.css
+++ b/src/gtk-3.0/gtk-compact-dark-solid.css
@@ -2318,26 +2318,26 @@ treeview.view.expander:checked {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
 
-treeview.view.progressbar, treeview.view.progressbar:focus {
+treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus, treeview.view.progressbar:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus {
   color: #ffffff;
   border-radius: 5px;
   background-color: #498dff;
 }
 
-treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus {
+treeview.view.progressbar:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected:focus {
   color: #498dff;
   box-shadow: none;
   background-color: #ffffff;
 }
 
-treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
+treeview.view.trough, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
   color: #dedede;
   background-color: rgba(255, 255, 255, 0.12);
   border-radius: 5px;
   border-width: 0;
 }
 
-treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
+treeview.view.trough:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
   color: #ffffff;
   background-color: rgba(0, 0, 0, 0.2);
   border-radius: 5px;
diff --git a/src/gtk-3.0/gtk-compact-dark.css b/src/gtk-3.0/gtk-compact-dark.css
index 50d21ad..3e3b5b1 100644
--- a/src/gtk-3.0/gtk-compact-dark.css
+++ b/src/gtk-3.0/gtk-compact-dark.css
@@ -2318,26 +2318,26 @@ treeview.view.expander:checked {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
 
-treeview.view.progressbar, treeview.view.progressbar:focus {
+treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus, treeview.view.progressbar:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus {
   color: #ffffff;
   border-radius: 5px;
   background-color: #498dff;
 }
 
-treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus {
+treeview.view.progressbar:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected:focus {
   color: #498dff;
   box-shadow: none;
   background-color: #ffffff;
 }
 
-treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
+treeview.view.trough, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
   color: #dedede;
   background-color: rgba(255, 255, 255, 0.12);
   border-radius: 5px;
   border-width: 0;
 }
 
-treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
+treeview.view.trough:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
   color: #ffffff;
   background-color: rgba(0, 0, 0, 0.2);
   border-radius: 5px;
diff --git a/src/gtk-3.0/gtk-compact-light-alt.css b/src/gtk-3.0/gtk-compact-light-alt.css
index 4b36052..0222d23 100644
--- a/src/gtk-3.0/gtk-compact-light-alt.css
+++ b/src/gtk-3.0/gtk-compact-light-alt.css
@@ -2322,26 +2322,26 @@ treeview.view.expander:checked {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
 
-treeview.view.progressbar, treeview.view.progressbar:focus {
+treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus, treeview.view.progressbar:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus {
   color: #ffffff;
   border-radius: 5px;
   background-color: #0046DB;
 }
 
-treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus {
+treeview.view.progressbar:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected:focus {
   color: #0046DB;
   box-shadow: none;
   background-color: #ffffff;
 }
 
-treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
+treeview.view.trough, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
   color: #242424;
   background-color: rgba(0, 0, 0, 0.12);
   border-radius: 5px;
   border-width: 0;
 }
 
-treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
+treeview.view.trough:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
   color: #ffffff;
   background-color: rgba(0, 0, 0, 0.2);
   border-radius: 5px;
diff --git a/src/gtk-3.0/gtk-compact-light-solid-alt.css b/src/gtk-3.0/gtk-compact-light-solid-alt.css
index add4d4f..9b7d5e7 100644
--- a/src/gtk-3.0/gtk-compact-light-solid-alt.css
+++ b/src/gtk-3.0/gtk-compact-light-solid-alt.css
@@ -2322,26 +2322,26 @@ treeview.view.expander:checked {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
 
-treeview.view.progressbar, treeview.view.progressbar:focus {
+treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus, treeview.view.progressbar:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus {
   color: #ffffff;
   border-radius: 5px;
   background-color: #0046DB;
 }
 
-treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus {
+treeview.view.progressbar:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected:focus {
   color: #0046DB;
   box-shadow: none;
   background-color: #ffffff;
 }
 
-treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
+treeview.view.trough, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
   color: #242424;
   background-color: rgba(0, 0, 0, 0.12);
   border-radius: 5px;
   border-width: 0;
 }
 
-treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
+treeview.view.trough:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
   color: #ffffff;
   background-color: rgba(0, 0, 0, 0.2);
   border-radius: 5px;
diff --git a/src/gtk-3.0/gtk-compact-light-solid.css b/src/gtk-3.0/gtk-compact-light-solid.css
index 470d01f..d81a135 100644
--- a/src/gtk-3.0/gtk-compact-light-solid.css
+++ b/src/gtk-3.0/gtk-compact-light-solid.css
@@ -2322,26 +2322,26 @@ treeview.view.expander:checked {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
 
-treeview.view.progressbar, treeview.view.progressbar:focus {
+treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus, treeview.view.progressbar:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus {
   color: #ffffff;
   border-radius: 5px;
   background-color: #0046DB;
 }
 
-treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus {
+treeview.view.progressbar:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected:focus {
   color: #0046DB;
   box-shadow: none;
   background-color: #ffffff;
 }
 
-treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
+treeview.view.trough, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
   color: #242424;
   background-color: rgba(0, 0, 0, 0.12);
   border-radius: 5px;
   border-width: 0;
 }
 
-treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
+treeview.view.trough:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
   color: #ffffff;
   background-color: rgba(0, 0, 0, 0.2);
   border-radius: 5px;
diff --git a/src/gtk-3.0/gtk-compact-light.css b/src/gtk-3.0/gtk-compact-light.css
index 1103c4a..40edf96 100644
--- a/src/gtk-3.0/gtk-compact-light.css
+++ b/src/gtk-3.0/gtk-compact-light.css
@@ -2322,26 +2322,26 @@ treeview.view.expander:checked {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
 
-treeview.view.progressbar, treeview.view.progressbar:focus {
+treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus, treeview.view.progressbar:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus {
   color: #ffffff;
   border-radius: 5px;
   background-color: #0046DB;
 }
 
-treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus {
+treeview.view.progressbar:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected:focus {
   color: #0046DB;
   box-shadow: none;
   background-color: #ffffff;
 }
 
-treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
+treeview.view.trough, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
   color: #242424;
   background-color: rgba(0, 0, 0, 0.12);
   border-radius: 5px;
   border-width: 0;
 }
 
-treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
+treeview.view.trough:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
   color: #ffffff;
   background-color: rgba(0, 0, 0, 0.2);
   border-radius: 5px;
diff --git a/src/gtk-3.0/gtk-dark-alt.css b/src/gtk-3.0/gtk-dark-alt.css
index d1554bd..5386c36 100644
--- a/src/gtk-3.0/gtk-dark-alt.css
+++ b/src/gtk-3.0/gtk-dark-alt.css
@@ -2316,26 +2316,26 @@ treeview.view.expander:checked {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
 
-treeview.view.progressbar, treeview.view.progressbar:focus {
+treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus, treeview.view.progressbar:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus {
   color: #ffffff;
   border-radius: 5px;
   background-color: #498dff;
 }
 
-treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus {
+treeview.view.progressbar:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected:focus {
   color: #498dff;
   box-shadow: none;
   background-color: #ffffff;
 }
 
-treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
+treeview.view.trough, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
   color: #dedede;
   background-color: rgba(255, 255, 255, 0.12);
   border-radius: 5px;
   border-width: 0;
 }
 
-treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
+treeview.view.trough:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
   color: #ffffff;
   background-color: rgba(0, 0, 0, 0.2);
   border-radius: 5px;
diff --git a/src/gtk-3.0/gtk-dark-solid-alt.css b/src/gtk-3.0/gtk-dark-solid-alt.css
index d29f441..148454d 100644
--- a/src/gtk-3.0/gtk-dark-solid-alt.css
+++ b/src/gtk-3.0/gtk-dark-solid-alt.css
@@ -2316,26 +2316,26 @@ treeview.view.expander:checked {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
 
-treeview.view.progressbar, treeview.view.progressbar:focus {
+treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus, treeview.view.progressbar:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus {
   color: #ffffff;
   border-radius: 5px;
   background-color: #498dff;
 }
 
-treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus {
+treeview.view.progressbar:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected:focus {
   color: #498dff;
   box-shadow: none;
   background-color: #ffffff;
 }
 
-treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
+treeview.view.trough, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
   color: #dedede;
   background-color: rgba(255, 255, 255, 0.12);
   border-radius: 5px;
   border-width: 0;
 }
 
-treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
+treeview.view.trough:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
   color: #ffffff;
   background-color: rgba(0, 0, 0, 0.2);
   border-radius: 5px;
diff --git a/src/gtk-3.0/gtk-dark-solid.css b/src/gtk-3.0/gtk-dark-solid.css
index 8298bcf..b60fa95 100644
--- a/src/gtk-3.0/gtk-dark-solid.css
+++ b/src/gtk-3.0/gtk-dark-solid.css
@@ -2316,26 +2316,26 @@ treeview.view.expander:checked {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
 
-treeview.view.progressbar, treeview.view.progressbar:focus {
+treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus, treeview.view.progressbar:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus {
   color: #ffffff;
   border-radius: 5px;
   background-color: #498dff;
 }
 
-treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus {
+treeview.view.progressbar:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected:focus {
   color: #498dff;
   box-shadow: none;
   background-color: #ffffff;
 }
 
-treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
+treeview.view.trough, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
   color: #dedede;
   background-color: rgba(255, 255, 255, 0.12);
   border-radius: 5px;
   border-width: 0;
 }
 
-treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
+treeview.view.trough:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
   color: #ffffff;
   background-color: rgba(0, 0, 0, 0.2);
   border-radius: 5px;
diff --git a/src/gtk-3.0/gtk-dark.css b/src/gtk-3.0/gtk-dark.css
index 51ce620..d752086 100644
--- a/src/gtk-3.0/gtk-dark.css
+++ b/src/gtk-3.0/gtk-dark.css
@@ -2316,26 +2316,26 @@ treeview.view.expander:checked {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
 
-treeview.view.progressbar, treeview.view.progressbar:focus {
+treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus, treeview.view.progressbar:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus {
   color: #ffffff;
   border-radius: 5px;
   background-color: #498dff;
 }
 
-treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus {
+treeview.view.progressbar:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected:focus {
   color: #498dff;
   box-shadow: none;
   background-color: #ffffff;
 }
 
-treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
+treeview.view.trough, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
   color: #dedede;
   background-color: rgba(255, 255, 255, 0.12);
   border-radius: 5px;
   border-width: 0;
 }
 
-treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
+treeview.view.trough:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
   color: #ffffff;
   background-color: rgba(0, 0, 0, 0.2);
   border-radius: 5px;
diff --git a/src/gtk-3.0/gtk-light-alt.css b/src/gtk-3.0/gtk-light-alt.css
index a8f6f43..c4ba255 100644
--- a/src/gtk-3.0/gtk-light-alt.css
+++ b/src/gtk-3.0/gtk-light-alt.css
@@ -2338,26 +2338,26 @@ treeview.view.expander:checked {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
 
-treeview.view.progressbar, treeview.view.progressbar:focus {
+treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus, treeview.view.progressbar:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus {
   color: #ffffff;
   border-radius: 5px;
   background-color: #0046DB;
 }
 
-treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus {
+treeview.view.progressbar:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected:focus {
   color: #0046DB;
   box-shadow: none;
   background-color: #ffffff;
 }
 
-treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
+treeview.view.trough, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
   color: #242424;
   background-color: rgba(0, 0, 0, 0.12);
   border-radius: 5px;
   border-width: 0;
 }
 
-treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
+treeview.view.trough:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
   color: #ffffff;
   background-color: rgba(0, 0, 0, 0.2);
   border-radius: 5px;
diff --git a/src/gtk-3.0/gtk-light-solid-alt.css b/src/gtk-3.0/gtk-light-solid-alt.css
index 31cd443..7548966 100644
--- a/src/gtk-3.0/gtk-light-solid-alt.css
+++ b/src/gtk-3.0/gtk-light-solid-alt.css
@@ -2338,26 +2338,26 @@ treeview.view.expander:checked {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
 
-treeview.view.progressbar, treeview.view.progressbar:focus {
+treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus, treeview.view.progressbar:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus {
   color: #ffffff;
   border-radius: 5px;
   background-color: #0046DB;
 }
 
-treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus {
+treeview.view.progressbar:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected:focus {
   color: #0046DB;
   box-shadow: none;
   background-color: #ffffff;
 }
 
-treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
+treeview.view.trough, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
   color: #242424;
   background-color: rgba(0, 0, 0, 0.12);
   border-radius: 5px;
   border-width: 0;
 }
 
-treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
+treeview.view.trough:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
   color: #ffffff;
   background-color: rgba(0, 0, 0, 0.2);
   border-radius: 5px;
diff --git a/src/gtk-3.0/gtk-light-solid.css b/src/gtk-3.0/gtk-light-solid.css
index 6006807..a7c514d 100644
--- a/src/gtk-3.0/gtk-light-solid.css
+++ b/src/gtk-3.0/gtk-light-solid.css
@@ -2338,26 +2338,26 @@ treeview.view.expander:checked {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
 
-treeview.view.progressbar, treeview.view.progressbar:focus {
+treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus, treeview.view.progressbar:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus {
   color: #ffffff;
   border-radius: 5px;
   background-color: #0046DB;
 }
 
-treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus {
+treeview.view.progressbar:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected:focus {
   color: #0046DB;
   box-shadow: none;
   background-color: #ffffff;
 }
 
-treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
+treeview.view.trough, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
   color: #242424;
   background-color: rgba(0, 0, 0, 0.12);
   border-radius: 5px;
   border-width: 0;
 }
 
-treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
+treeview.view.trough:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
   color: #ffffff;
   background-color: rgba(0, 0, 0, 0.2);
   border-radius: 5px;
diff --git a/src/gtk-3.0/gtk-light.css b/src/gtk-3.0/gtk-light.css
index 485d46c..6e61a92 100644
--- a/src/gtk-3.0/gtk-light.css
+++ b/src/gtk-3.0/gtk-light.css
@@ -2338,26 +2338,26 @@ treeview.view.expander:checked {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
 
-treeview.view.progressbar, treeview.view.progressbar:focus {
+treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus, treeview.view.progressbar:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus {
   color: #ffffff;
   border-radius: 5px;
   background-color: #0046DB;
 }
 
-treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus {
+treeview.view.progressbar:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.progressbar:focus:selected:focus {
   color: #0046DB;
   box-shadow: none;
   background-color: #ffffff;
 }
 
-treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
+treeview.view.trough, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough {
   color: #242424;
   background-color: rgba(0, 0, 0, 0.12);
   border-radius: 5px;
   border-width: 0;
 }
 
-treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
+treeview.view.trough:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, treeview.view.trough:selected:focus, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view.trough:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus {
   color: #ffffff;
   background-color: rgba(0, 0, 0, 0.2);
   border-radius: 5px;
diff --git a/src/gtk-3.0/sass/_applications.scss b/src/gtk-3.0/sass/_applications.scss
index 1d129db..c6f2c36 100644
--- a/src/gtk-3.0/sass/_applications.scss
+++ b/src/gtk-3.0/sass/_applications.scss
@@ -869,6 +869,14 @@ window#gnome-system-monitor.background.csd {
       treeview.view {
         background: none;
         @extend %view;
+
+        &.progressbar, &.progressbar:focus { // progress bar in treeviews
+          @extend treeview.view.progressbar;
+        }
+
+        &.trough { // progress bar trough in treeviews
+          @extend treeview.view.trough;
+        }
       }
     }
   }
diff --git a/src/gtk-3.0/sass/_common.scss b/src/gtk-3.0/sass/_common.scss
index 0dc93a8..be0fafd 100644
--- a/src/gtk-3.0/sass/_common.scss
+++ b/src/gtk-3.0/sass/_common.scss
@@ -1821,6 +1821,7 @@ treeview.view {
       background-color: $selected_fg_color;
     }
   }
+
   &.trough { // progress bar trough in treeviews
     color: $fg_color;
     background-color: $button_border;