[gnome-panel/wip-tasklist: 4/4] Yaru: add dark theme support

[Sebastian Geiger <segeiger src gnome org>]

commit 6e9449865aab114b0c9144a1fcae8393170a1826
Author: Sebastian Geiger <sbastig gmx net>
Date:   Sat Feb 29 17:28:02 2020 +0100

    Yaru: add dark theme support

 data/theme/Yaru/Makefile.am          |   1 +
 data/theme/Yaru/gnome-panel-dark.css | 111 +++++++++++++++++++++++++++++++++++
 gnome-panel/gp-application.c         |   2 +-
 gnome-panel/panel.gresource.xml      |   1 +
 4 files changed, 114 insertions(+), 1 deletion(-)
---
diff --git a/data/theme/Yaru/Makefile.am b/data/theme/Yaru/Makefile.am
index 2adc114c4..2fc77bed1 100644
--- a/data/theme/Yaru/Makefile.am
+++ b/data/theme/Yaru/Makefile.am
@@ -2,6 +2,7 @@ NULL =
 
 EXTRA_DIST = \
        gnome-panel.css \
+       gnome-panel-dark.css \
        $(NULL)
 
 -include $(top_srcdir)/git.mk
diff --git a/data/theme/Yaru/gnome-panel-dark.css b/data/theme/Yaru/gnome-panel-dark.css
new file mode 100644
index 000000000..209dbe957
--- /dev/null
+++ b/data/theme/Yaru/gnome-panel-dark.css
@@ -0,0 +1,111 @@
+@import url("resource:///org/gnome/gnome-panel/theme/common.css");
+
+panel-toplevel {
+  background-color: #393f3f;
+}
+
+.gp-text-color {
+  color: #ffffff;
+}
+
+.gnome-panel-menu-bar,
+panel-applet > menubar,
+gp-applet > menubar {
+  background: transparent;
+  box-shadow: none;
+}
+
+.gnome-panel-menu-bar menuitem:hover,
+panel-applet > menubar menuitem:hover,
+gp-applet > menubar menuitem:hover {
+  background-color: #215d9c;
+}
+
+.gnome-panel-menu-bar > menuitem > label,
+panel-applet > menubar > menuitem > label,
+gp-applet > menubar > menuitem > label,
+gp-applet > menubar > menuitem > box > label,
+gp-calendar-window label,
+#clock-applet-button label,
+#showdesktop-button label {
+  font-weight: normal;
+  color: #ffffff;
+}
+
+.gnome-panel-menu-bar > menuitem:hover > label,
+panel-applet > menubar > menuitem:hover > label,
+gp-applet > menubar > menuitem:hover > .gp-text-color,
+gp-applet > menubar > menuitem:hover > box > .gp-text-color {
+  font-weight: normal;
+  color: #ffffff;
+}
+
+wnck-pager:selected {
+  background-color: #215d9c;
+}
+
+gp-arrow-button {
+  border: 1px solid #1c1f1f;
+  background-image: linear-gradient(to bottom, #343a3a, #2f3434 60%, #2a2f2f);
+}
+
+gp-arrow-button:hover {
+  background-image: linear-gradient(to bottom, #3b4242, #343a3a 60%, #2f3434);
+}
+
+gp-arrow-button:active {
+  background-image: linear-gradient(to bottom, #232727, #2d3232);
+}
+
+#tasklist-button,
+#tasklist-button:hover,
+#tasklist-button:active,
+#tasklist-button:checked {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  background-image: none;
+}
+
+#tasklist-button > box {
+  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, rgba(46, 52, 54, .8), rgba(42, 46, 48, .8) 60%, rgba(37, 41, 
43, .8));
+  text-shadow: 0 -1px rgba(0, 0, 0, 0.82745);
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+}
+
+#tasklist-button:hover > box {
+  background-image: linear-gradient(to bottom, rgba(53, 60, 62, .8), rgba(46, 52, 54, .8) 60%, rgba(42, 46, 
48, .8));
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+  -gtk-icon-effect: highlight;
+}
+
+#tasklist-button:active > box,
+#tasklist-button:checked > box {
+  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/gnome-panel/gp-application.c b/gnome-panel/gp-application.c
index 457a27aca..b496036c5 100644
--- a/gnome-panel/gp-application.c
+++ b/gnome-panel/gp-application.c
@@ -52,7 +52,7 @@ static GpSupportedTheme supported_themes[] =
   { "HighContrastInverse", "HighContrast", "inverse", FALSE },
   { "Yaru", "Yaru", NULL, FALSE },
   { "Yaru-light", "Yaru", NULL, FALSE },
-  { "Yaru-dark", "Yaru", NULL, FALSE },
+  { "Yaru-dark", "Yaru", "dark", FALSE },
   { NULL, NULL, FALSE, FALSE }
 };
 
diff --git a/gnome-panel/panel.gresource.xml b/gnome-panel/panel.gresource.xml
index 9f02f6598..f1e906a0b 100644
--- a/gnome-panel/panel.gresource.xml
+++ b/gnome-panel/panel.gresource.xml
@@ -6,6 +6,7 @@
     <file alias="HighContrast/gnome-panel.css">../data/theme/HighContrast/gnome-panel.css</file>
     <file 
alias="HighContrast/gnome-panel-inverse.css">../data/theme/HighContrast/gnome-panel-inverse.css</file>
     <file alias="Yaru/gnome-panel.css">../data/theme/Yaru/gnome-panel.css</file>
+    <file alias="Yaru/gnome-panel-dark.css">../data/theme/Yaru/gnome-panel-dark.css</file>
     <file alias="common.css">../data/theme/common.css</file>
     <file alias="fallback.css">../data/theme/fallback.css</file>
   </gresource>