make unity panel backdrop color readable

9 years ago · 0396308d9d
parent bfb5522a14
commit 0396308d9d
14 changed files with 40 additions and 0 deletions
--- a/common/gtk-3.0/3.14/gtk-contained-dark.css
+++ b/common/gtk-3.0/3.14/gtk-contained-dark.css
@ -3319,6 +3319,9 @@ UnityPanelWidget,
  background-image: linear-gradient(to bottom, #2b2e37);
  color: #f6f7f9;
  box-shadow: none; }
+  UnityPanelWidget:backdrop,
+  .unity-panel:backdrop {
+    color: #bdc6d1; }

 .unity-panel.menubar.menuitem:hover,
 .unity-panel.menubar .menuitem *:hover {
--- a/common/gtk-3.0/3.14/gtk-contained-darker.css
+++ b/common/gtk-3.0/3.14/gtk-contained-darker.css
@ -3319,6 +3319,9 @@ UnityPanelWidget,
  background-image: linear-gradient(to bottom, #2b2e37);
  color: #f6f7f9;
  box-shadow: none; }
+  UnityPanelWidget:backdrop,
+  .unity-panel:backdrop {
+    color: #bdc6d1; }

 .unity-panel.menubar.menuitem:hover,
 .unity-panel.menubar .menuitem *:hover {
--- a/common/gtk-3.0/3.14/gtk-contained-solid-dark.css
+++ b/common/gtk-3.0/3.14/gtk-contained-solid-dark.css
@ -3319,6 +3319,9 @@ UnityPanelWidget,
  background-image: linear-gradient(to bottom, #2b2e37);
  color: #f6f7f9;
  box-shadow: none; }
+  UnityPanelWidget:backdrop,
+  .unity-panel:backdrop {
+    color: #bdc6d1; }

 .unity-panel.menubar.menuitem:hover,
 .unity-panel.menubar .menuitem *:hover {
--- a/common/gtk-3.0/3.14/gtk-contained-solid-darker.css
+++ b/common/gtk-3.0/3.14/gtk-contained-solid-darker.css
@ -3319,6 +3319,9 @@ UnityPanelWidget,
  background-image: linear-gradient(to bottom, #2b2e37);
  color: #f6f7f9;
  box-shadow: none; }
+  UnityPanelWidget:backdrop,
+  .unity-panel:backdrop {
+    color: #bdc6d1; }

 .unity-panel.menubar.menuitem:hover,
 .unity-panel.menubar .menuitem *:hover {
--- a/common/gtk-3.0/3.14/gtk-contained-solid.css
+++ b/common/gtk-3.0/3.14/gtk-contained-solid.css
@ -3319,6 +3319,9 @@ UnityPanelWidget,
  background-image: linear-gradient(to bottom, #2b2e37);
  color: #f6f7f9;
  box-shadow: none; }
+  UnityPanelWidget:backdrop,
+  .unity-panel:backdrop {
+    color: #bdc6d1; }

 .unity-panel.menubar.menuitem:hover,
 .unity-panel.menubar .menuitem *:hover {
--- a/common/gtk-3.0/3.14/gtk-contained.css
+++ b/common/gtk-3.0/3.14/gtk-contained.css
@ -3319,6 +3319,9 @@ UnityPanelWidget,
  background-image: linear-gradient(to bottom, #2b2e37);
  color: #f6f7f9;
  box-shadow: none; }
+  UnityPanelWidget:backdrop,
+  .unity-panel:backdrop {
+    color: #bdc6d1; }

 .unity-panel.menubar.menuitem:hover,
 .unity-panel.menubar .menuitem *:hover {
--- a/common/gtk-3.0/3.14/sass/_unity.scss
+++ b/common/gtk-3.0/3.14/sass/_unity.scss
@ -46,6 +46,8 @@ UnityPanelWidget,
  background-image: linear-gradient(to bottom, opacify($panel_bg, 1));
  color: lighten($panel_fg, 20%);
  box-shadow: none;
+
+  &:backdrop { color: lighten($panel_fg, 1%); }
 }

 .unity-panel.menubar.menuitem:hover,
--- a/common/gtk-3.0/3.16/gtk-contained-dark.css
+++ b/common/gtk-3.0/3.16/gtk-contained-dark.css
@ -3275,6 +3275,9 @@ UnityPanelWidget,
  background-image: linear-gradient(to bottom, #2b2e37);
  color: #f6f7f9;
  box-shadow: none; }
+  UnityPanelWidget:backdrop,
+  .unity-panel:backdrop {
+    color: #abb6c5; }

 .unity-panel.menubar.menuitem:hover,
 .unity-panel.menubar .menuitem *:hover {
--- a/common/gtk-3.0/3.16/gtk-contained-darker.css
+++ b/common/gtk-3.0/3.16/gtk-contained-darker.css
@ -3275,6 +3275,9 @@ UnityPanelWidget,
  background-image: linear-gradient(to bottom, #2b2e37);
  color: #f6f7f9;
  box-shadow: none; }
+  UnityPanelWidget:backdrop,
+  .unity-panel:backdrop {
+    color: #abb6c5; }

 .unity-panel.menubar.menuitem:hover,
 .unity-panel.menubar .menuitem *:hover {
--- a/common/gtk-3.0/3.16/gtk-contained-solid-dark.css
+++ b/common/gtk-3.0/3.16/gtk-contained-solid-dark.css
@ -3275,6 +3275,9 @@ UnityPanelWidget,
  background-image: linear-gradient(to bottom, #2b2e37);
  color: #f6f7f9;
  box-shadow: none; }
+  UnityPanelWidget:backdrop,
+  .unity-panel:backdrop {
+    color: #abb6c5; }

 .unity-panel.menubar.menuitem:hover,
 .unity-panel.menubar .menuitem *:hover {
--- a/common/gtk-3.0/3.16/gtk-contained-solid-darker.css
+++ b/common/gtk-3.0/3.16/gtk-contained-solid-darker.css
@ -3275,6 +3275,9 @@ UnityPanelWidget,
  background-image: linear-gradient(to bottom, #2b2e37);
  color: #f6f7f9;
  box-shadow: none; }
+  UnityPanelWidget:backdrop,
+  .unity-panel:backdrop {
+    color: #abb6c5; }

 .unity-panel.menubar.menuitem:hover,
 .unity-panel.menubar .menuitem *:hover {
--- a/common/gtk-3.0/3.16/gtk-contained-solid.css
+++ b/common/gtk-3.0/3.16/gtk-contained-solid.css
@ -3275,6 +3275,9 @@ UnityPanelWidget,
  background-image: linear-gradient(to bottom, #2b2e37);
  color: #f6f7f9;
  box-shadow: none; }
+  UnityPanelWidget:backdrop,
+  .unity-panel:backdrop {
+    color: #abb6c5; }

 .unity-panel.menubar.menuitem:hover,
 .unity-panel.menubar .menuitem *:hover {
--- a/common/gtk-3.0/3.16/gtk-contained.css
+++ b/common/gtk-3.0/3.16/gtk-contained.css
@ -3275,6 +3275,9 @@ UnityPanelWidget,
  background-image: linear-gradient(to bottom, #2b2e37);
  color: #f6f7f9;
  box-shadow: none; }
+  UnityPanelWidget:backdrop,
+  .unity-panel:backdrop {
+    color: #abb6c5; }

 .unity-panel.menubar.menuitem:hover,
 .unity-panel.menubar .menuitem *:hover {
--- a/common/gtk-3.0/3.16/sass/_unity.scss
+++ b/common/gtk-3.0/3.16/sass/_unity.scss
@ -46,6 +46,8 @@ UnityPanelWidget,
  background-image: linear-gradient(to bottom, opacify($panel_bg, 1));
  color: lighten($panel_fg, 20%);
  box-shadow: none;
+
+  &:backdrop { color: darken($panel_fg, 5%); }
 }

 .unity-panel.menubar.menuitem:hover,