From d4bab5f0a2e89e6a39e8c26de3c8503f04893373 Mon Sep 17 00:00:00 2001
From: EliverLara <eliverlara@gmail.com>
Date: Mon, 29 Apr 2019 13:31:19 -0500
Subject: [PATCH] Improve xfce-panel appearance

---
 gtk-3.0/_colors.scss    |  4 ++--
 gtk-3.0/apps/_xfce.scss | 49 ++++++++++++++++++++++++++++++++++++++---
 gtk-3.0/gtk-dark.css    | 47 +++++++++++++++++++++++++++++++--------
 gtk-3.0/gtk.css         | 47 +++++++++++++++++++++++++++++++--------
 4 files changed, 124 insertions(+), 23 deletions(-)

diff --git a/gtk-3.0/_colors.scss b/gtk-3.0/_colors.scss
index 5069913..45241b7 100755
--- a/gtk-3.0/_colors.scss
+++ b/gtk-3.0/_colors.scss
@@ -76,9 +76,9 @@ $info_color: $lime;
 $question_color: $cyan;
 
 // Panel colors
-$panel_bg_color: transparentize(black, 0.3);
+$panel_bg_color: transparentize($base_color, 0.3);
 $panel_fg_color: white;
-$panel_borders_color: transparentize(black, 0.8);
+$panel_borders_color: transparentize($base_color, 0.8);
 
 // Disabled state colors
 $insensitive_fg_color: mix($fg_color, $bg_color, 50%);
diff --git a/gtk-3.0/apps/_xfce.scss b/gtk-3.0/apps/_xfce.scss
index 61f4312..bf3892e 100644
--- a/gtk-3.0/apps/_xfce.scss
+++ b/gtk-3.0/apps/_xfce.scss
@@ -1,7 +1,50 @@
+// Xfce Panel
 .xfce4-panel.panel {
-    background-color: $base_color;
-    color: $fg_color;
-}
+    background-color: $panel_bg_color;
+  
+    text-shadow: none;
+    -gtk-icon-shadow: none;
+  
+    button.flat { @extend %panelbutton; }
+  }
+  
+  #tasklist-button {
+    color: transparentize($panel_fg_color, 0.2);
+    border-radius: 0;
+    border: none;
+    background-color: transparentize($panel_bg_color, 1);
+  
+    &:hover {
+      color: lighten($panel_fg_color, 10%);
+      background-color: transparentize(black, 0.83);
+    }
+  
+    &:checked {
+      color: white;
+      background-color: transparentize(black, 0.75);
+      box-shadow: inset 0 -2px $selected_bg_color;
+    }
+  }
+  
+  %panelbutton {
+    color: $panel_fg_color;
+    border-radius: 0;
+    border: none;
+    background-color: transparentize($panel_bg_color, 1);
+  
+    &:hover {
+      border: none;
+      background-color: lighten($panel_bg_color, 10%);
+    }
+    &:active, &:checked {
+      color: $selected_fg_color;
+      border: none;
+      background-color: $selected_bg_color;
+  
+      label, image { color: inherit; }
+    }
+  }
+
 
 
 #whiskermenu-window button {
diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css
index 6263545..d51e850 100755
--- a/gtk-3.0/gtk-dark.css
+++ b/gtk-3.0/gtk-dark.css
@@ -4570,10 +4570,10 @@ decoration {
   border-radius: 4px 4px 0 0;
   border-width: 0px;
   border-width: 0px;
-  box-shadow: 0 4px 10px 2px rgba(116, 172, 12, 0.4);
-  margin: 4px; }
+  box-shadow: 0 4px 10px 2px rgba(12, 14, 21, 0.6);
+  margin: 10px; }
   decoration:backdrop {
-    box-shadow: 0 4px 10px 2px rgba(33, 26, 30, 0.2);
+    box-shadow: 0 4px 10px 2px rgba(12, 14, 21, 0.4);
     transition: 200ms ease-out; }
   .maximized decoration,
   .fullscreen decoration,
@@ -4594,10 +4594,10 @@ decoration {
     border-radius: 7px;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(12, 14, 21, 0.6); }
   .solid-csd decoration {
-    border-radius: 4px 4px 0 0;
-    margin: 1px;
-    background-color: #ed254e;
-    border: solid 1px #161925;
+    border-radius: 0;
+    margin: 4px;
+    background-color: #161925;
+    border: solid 1px rgba(13, 16, 23, 0.82);
     box-shadow: none; }
 
 button.titlebutton {
@@ -5608,8 +5608,37 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled
   background-color: #161925; }
 
 .xfce4-panel.panel {
-  background-color: #181b28;
-  color: #C3C7D1; }
+  background-color: rgba(24, 27, 40, 0.7);
+  text-shadow: none;
+  -gtk-icon-shadow: none; }
+
+#tasklist-button {
+  color: rgba(255, 255, 255, 0.8);
+  border-radius: 0;
+  border: none;
+  background-color: rgba(24, 27, 40, 0); }
+  #tasklist-button:hover {
+    color: white;
+    background-color: rgba(0, 0, 0, 0.17); }
+  #tasklist-button:checked {
+    color: white;
+    background-color: rgba(0, 0, 0, 0.25);
+    box-shadow: inset 0 -2px #c50ed2; }
+
+.xfce4-panel.panel button.flat {
+  color: white;
+  border-radius: 0;
+  border: none;
+  background-color: rgba(24, 27, 40, 0); }
+  .xfce4-panel.panel button.flat:hover {
+    border: none;
+    background-color: rgba(43, 49, 72, 0.7); }
+  .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.flat:checked {
+    color: #fefefe;
+    border: none;
+    background-color: #c50ed2; }
+    .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.flat:active image, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.flat:checked image {
+      color: inherit; }
 
 #whiskermenu-window button {
   background-color: transparent;
diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css
index 6263545..d51e850 100755
--- a/gtk-3.0/gtk.css
+++ b/gtk-3.0/gtk.css
@@ -4570,10 +4570,10 @@ decoration {
   border-radius: 4px 4px 0 0;
   border-width: 0px;
   border-width: 0px;
-  box-shadow: 0 4px 10px 2px rgba(116, 172, 12, 0.4);
-  margin: 4px; }
+  box-shadow: 0 4px 10px 2px rgba(12, 14, 21, 0.6);
+  margin: 10px; }
   decoration:backdrop {
-    box-shadow: 0 4px 10px 2px rgba(33, 26, 30, 0.2);
+    box-shadow: 0 4px 10px 2px rgba(12, 14, 21, 0.4);
     transition: 200ms ease-out; }
   .maximized decoration,
   .fullscreen decoration,
@@ -4594,10 +4594,10 @@ decoration {
     border-radius: 7px;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(12, 14, 21, 0.6); }
   .solid-csd decoration {
-    border-radius: 4px 4px 0 0;
-    margin: 1px;
-    background-color: #ed254e;
-    border: solid 1px #161925;
+    border-radius: 0;
+    margin: 4px;
+    background-color: #161925;
+    border: solid 1px rgba(13, 16, 23, 0.82);
     box-shadow: none; }
 
 button.titlebutton {
@@ -5608,8 +5608,37 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled
   background-color: #161925; }
 
 .xfce4-panel.panel {
-  background-color: #181b28;
-  color: #C3C7D1; }
+  background-color: rgba(24, 27, 40, 0.7);
+  text-shadow: none;
+  -gtk-icon-shadow: none; }
+
+#tasklist-button {
+  color: rgba(255, 255, 255, 0.8);
+  border-radius: 0;
+  border: none;
+  background-color: rgba(24, 27, 40, 0); }
+  #tasklist-button:hover {
+    color: white;
+    background-color: rgba(0, 0, 0, 0.17); }
+  #tasklist-button:checked {
+    color: white;
+    background-color: rgba(0, 0, 0, 0.25);
+    box-shadow: inset 0 -2px #c50ed2; }
+
+.xfce4-panel.panel button.flat {
+  color: white;
+  border-radius: 0;
+  border: none;
+  background-color: rgba(24, 27, 40, 0); }
+  .xfce4-panel.panel button.flat:hover {
+    border: none;
+    background-color: rgba(43, 49, 72, 0.7); }
+  .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.flat:checked {
+    color: #fefefe;
+    border: none;
+    background-color: #c50ed2; }
+    .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.flat:active image, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.flat:checked image {
+      color: inherit; }
 
 #whiskermenu-window button {
   background-color: transparent;