Fix panel background issues on pantheon desktop

EliverLara · Jul 27, 2019 · 018525a · 018525a
1 parent 5ca943b
commit 018525a
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 9 deletions.
diff --git a/gtk-3.0/apps/_pantheon.scss b/gtk-3.0/apps/_pantheon.scss
@@ -125,11 +125,14 @@
   transition: all 100ms ease-in-out;
 
   &.maximized {
-    background-color: #000;
+    background-color: $panel_bg_color;
   }
 
   &.translucent {
-    background-color:  transparentize(black, 0.5);;
+    background-color:  transparentize($panel_bg_color, 0.5);
+  }
+  &.color-light.translucent {
+    background-color: transparentize($panel_fg_color, 0.15);
   }
 }
 
@@ -145,7 +148,7 @@ menubar.panel,
   > revealer image,
   > revealer label,
   > revealer spinner {
-    color: #fff;
+    color: $panel_fg_color;
     font-weight: bold;
     text-shadow: 0 1px 2px transparentize(black, 0.7), 0 1px 2px transparentize(black, 0.5);
     transition: all 200ms ease-in-out;

diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css
@@ -5747,9 +5747,11 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled
   background-color: transparent;
   transition: all 100ms ease-in-out; }
   .panel.maximized {
-    background-color: #000; }
+    background-color: #2e3440; }
   .panel.translucent {
-    background-color: rgba(0, 0, 0, 0.5); }
+    background-color: rgba(46, 52, 64, 0.5); }
+  .panel.color-light.translucent {
+    background-color: rgba(216, 222, 233, 0.85); }
 
 menubar.panel,
 .panel menubar {
@@ -5760,7 +5762,7 @@ menubar.panel,
 .composited-indicator > revealer image,
 .composited-indicator > revealer label,
 .composited-indicator > revealer spinner {
-  color: #fff;
+  color: #d8dee9;
   font-weight: bold;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5);
   transition: all 200ms ease-in-out;

diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css
@@ -5747,9 +5747,11 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled
   background-color: transparent;
   transition: all 100ms ease-in-out; }
   .panel.maximized {
-    background-color: #000; }
+    background-color: #2e3440; }
   .panel.translucent {
-    background-color: rgba(0, 0, 0, 0.5); }
+    background-color: rgba(46, 52, 64, 0.5); }
+  .panel.color-light.translucent {
+    background-color: rgba(216, 222, 233, 0.85); }
 
 menubar.panel,
 .panel menubar {
@@ -5760,7 +5762,7 @@ menubar.panel,
 .composited-indicator > revealer image,
 .composited-indicator > revealer label,
 .composited-indicator > revealer spinner {
-  color: #fff;
+  color: #d8dee9;
   font-weight: bold;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5);
   transition: all 200ms ease-in-out;