[gnome-panel] theme: improve the tasklist style

[Alberts Muktupāvels <muktupavels src gnome org>]

commit 655e4aae1855e9136ad543b62408c7ae9fe51d73
Author: Antonio Ospite <ao2 ao2 it>
Date:   Fri Nov 11 13:16:40 2016 +0100

    theme: improve the tasklist style
    
    https://bugzilla.gnome.org/show_bug.cgi?id=769012

 data/theme/Adwaita/gnome-panel-dark.css |   44 +++++++++++++++++++++++++++++-
 data/theme/Adwaita/gnome-panel.css      |   44 +++++++++++++++++++++++++++++-
 2 files changed, 84 insertions(+), 4 deletions(-)
---
diff --git a/data/theme/Adwaita/gnome-panel-dark.css b/data/theme/Adwaita/gnome-panel-dark.css
index d7cc8e0..7306277 100644
--- a/data/theme/Adwaita/gnome-panel-dark.css
+++ b/data/theme/Adwaita/gnome-panel-dark.css
@@ -20,14 +20,12 @@ panel-applet > menubar menuitem:hover {
 .gnome-panel-menu-bar > menuitem > label,
 panel-applet > menubar > menuitem > label,
 gp-calendar-window label,
-#tasklist-button label,
 #clock-applet-button label,
 #showdesktop-button label {
   font-weight: normal;
   color: #ffffff;
 }
 
-#tasklist-button,
 #clock-applet-button,
 #showdesktop-button {
   padding: 0px 4px;
@@ -74,3 +72,45 @@ gp-arrow-button:active {
 .vertical sn-item {
   padding: 3px 0px;
 }
+
+#tasklist-button {
+  padding: 2px 4px;
+  margin: 1px;
+  border: 1px solid;
+  border-radius: 3px;
+  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  outline-color: rgba(238, 238, 236, 0.3);
+  border-color: #1b1f20;
+  border-bottom-color: #0b0c0c;
+  background-image: linear-gradient(to bottom, #2e3436, #2a2e30 60%, #25292b);
+  text-shadow: 0 -1px rgba(0, 0, 0, 0.82745);
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+}
+
+#tasklist-button:hover {
+  background-image: linear-gradient(to bottom, #353c3e, #2e3436 60%, #2a2e30);
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+  -gtk-icon-effect: highlight;
+}
+
+#tasklist-button:active,
+#tasklist-button:checked {
+  outline-color: rgba(238, 238, 236, 0.3);
+  border-color: #1b1f20;
+  background-image: none;
+  background-color: #25292b;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0);
+  text-shadow: none;
+  transition-duration: 50ms;
+  -gtk-icon-effect: highlight;
+}
+
+#tasklist-button label {
+  color: #919494;
+}
+
+#tasklist-button:hover label,
+#tasklist-button:active label,
+#tasklist-button:checked label {
+  color: #eeeeec;
+}
diff --git a/data/theme/Adwaita/gnome-panel.css b/data/theme/Adwaita/gnome-panel.css
index 5db2895..2a078e3 100644
--- a/data/theme/Adwaita/gnome-panel.css
+++ b/data/theme/Adwaita/gnome-panel.css
@@ -20,7 +20,6 @@ panel-applet > menubar menuitem:hover {
 .gnome-panel-menu-bar > menuitem > label,
 panel-applet > menubar > menuitem > label,
 gp-calendar-window label,
-#tasklist-button label,
 #clock-applet-button label,
 #showdesktop-button label {
   font-weight: normal;
@@ -32,7 +31,6 @@ panel-applet > menubar > menuitem:hover > label {
   color: #ffffff;
 }
 
-#tasklist-button,
 #clock-applet-button,
 #showdesktop-button {
   padding: 0px 4px;
@@ -79,3 +77,45 @@ gp-arrow-button:active {
 .vertical sn-item {
   padding: 3px 0px;
 }
+
+#tasklist-button {
+  padding: 2px 4px;
+  margin: 1px;
+  border: 1px solid;
+  border-radius: 3px;
+  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  outline-color: rgba(46, 52, 54, 0.3);
+  border-color: #b6b6b3;
+  border-bottom-color: #91918c;
+  background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd);
+  text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.8);
+}
+
+#tasklist-button:hover {
+  background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd);
+  box-shadow: inset 0 1px white;
+  -gtk-icon-effect: highlight;
+}
+
+#tasklist-button:active,
+#tasklist-button:checked {
+  outline-color: rgba(46, 52, 54, 0.3);
+  border-color: #b6b6b3;
+  background-image: none;
+  background-color: #ccccca; /* was #d9d9d7 in Adwaita */
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0);
+  text-shadow: none;
+  transition-duration: 50ms;
+  -gtk-icon-effect: highlight;
+}
+
+#tasklist-button label {
+  color: #5d6163;
+}
+
+#tasklist-button:hover label,
+#tasklist-button:active label,
+#tasklist-button:checked label {
+  color: #2e3436;
+}