update wingpanel styling

7 files changed, 54 insertions, 0 deletions

diff --git a/common/gtk-3.0/3.18/gtk-dark.css b/common/gtk-3.0/3.18/gtk-dark.css
index ee5dfa4..c4fd17e 100644
--- a/common/gtk-3.0/3.18/gtk-dark.css
+++ b/common/gtk-3.0/3.18/gtk-dark.css
@@ -3203,6 +3203,9 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView {
   font-weight: bold;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
   icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
+  .panel .maximized {
+    background-color: rgba(43, 46, 55, 0.95);
+    box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); }
   .panel-shadow {
     background-image: none;
     background-color: transparent; }
@@ -3237,6 +3240,10 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView {
   .composited-indicator > .popup > .menu {
     padding-top: 8px;
     padding-bottom: 8px; }
+  .color-light .composited-indicator {
+    color: rgba(0, 0, 0, 0.65);
+    text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25);
+    icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); }
 
 .panel-app-button > GtkWidget > GtkWidget:first-child {
   padding: 0 2px 0 4px; }
diff --git a/common/gtk-3.0/3.18/gtk-darker.css b/common/gtk-3.0/3.18/gtk-darker.css
index 029abc9..95c513c 100644
--- a/common/gtk-3.0/3.18/gtk-darker.css
+++ b/common/gtk-3.0/3.18/gtk-darker.css
@@ -3209,6 +3209,9 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView {
   font-weight: bold;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
   icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
+  .panel .maximized {
+    background-color: rgba(43, 46, 55, 0.95);
+    box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); }
   .panel-shadow {
     background-image: none;
     background-color: transparent; }
@@ -3243,6 +3246,10 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView {
   .composited-indicator > .popup > .menu {
     padding-top: 8px;
     padding-bottom: 8px; }
+  .color-light .composited-indicator {
+    color: rgba(0, 0, 0, 0.65);
+    text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25);
+    icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); }
 
 .panel-app-button > GtkWidget > GtkWidget:first-child {
   padding: 0 2px 0 4px; }
diff --git a/common/gtk-3.0/3.18/gtk-solid-dark.css b/common/gtk-3.0/3.18/gtk-solid-dark.css
index dc16dbd..84cb62b 100644
--- a/common/gtk-3.0/3.18/gtk-solid-dark.css
+++ b/common/gtk-3.0/3.18/gtk-solid-dark.css
@@ -3203,6 +3203,9 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView {
   font-weight: bold;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
   icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
+  .panel .maximized {
+    background-color: #2b2e37;
+    box-shadow: inset 0 -1px #1b1d23; }
   .panel-shadow {
     background-image: none;
     background-color: transparent; }
@@ -3237,6 +3240,10 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView {
   .composited-indicator > .popup > .menu {
     padding-top: 8px;
     padding-bottom: 8px; }
+  .color-light .composited-indicator {
+    color: rgba(0, 0, 0, 0.65);
+    text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25);
+    icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); }
 
 .panel-app-button > GtkWidget > GtkWidget:first-child {
   padding: 0 2px 0 4px; }
diff --git a/common/gtk-3.0/3.18/gtk-solid-darker.css b/common/gtk-3.0/3.18/gtk-solid-darker.css
index 380a19f..ee9c7a4 100644
--- a/common/gtk-3.0/3.18/gtk-solid-darker.css
+++ b/common/gtk-3.0/3.18/gtk-solid-darker.css
@@ -3209,6 +3209,9 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView {
   font-weight: bold;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
   icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
+  .panel .maximized {
+    background-color: #2b2e37;
+    box-shadow: inset 0 -1px #1b1d23; }
   .panel-shadow {
     background-image: none;
     background-color: transparent; }
@@ -3243,6 +3246,10 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView {
   .composited-indicator > .popup > .menu {
     padding-top: 8px;
     padding-bottom: 8px; }
+  .color-light .composited-indicator {
+    color: rgba(0, 0, 0, 0.65);
+    text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25);
+    icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); }
 
 .panel-app-button > GtkWidget > GtkWidget:first-child {
   padding: 0 2px 0 4px; }
diff --git a/common/gtk-3.0/3.18/gtk-solid.css b/common/gtk-3.0/3.18/gtk-solid.css
index 3130f7b..c16607f 100644
--- a/common/gtk-3.0/3.18/gtk-solid.css
+++ b/common/gtk-3.0/3.18/gtk-solid.css
@@ -3213,6 +3213,9 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView {
   font-weight: bold;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
   icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
+  .panel .maximized {
+    background-color: #2b2e37;
+    box-shadow: inset 0 -1px #1b1d23; }
   .panel-shadow {
     background-image: none;
     background-color: transparent; }
@@ -3247,6 +3250,10 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView {
   .composited-indicator > .popup > .menu {
     padding-top: 8px;
     padding-bottom: 8px; }
+  .color-light .composited-indicator {
+    color: rgba(0, 0, 0, 0.65);
+    text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25);
+    icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); }
 
 .panel-app-button > GtkWidget > GtkWidget:first-child {
   padding: 0 2px 0 4px; }
diff --git a/common/gtk-3.0/3.18/gtk.css b/common/gtk-3.0/3.18/gtk.css
index 10108d5..a053d34 100644
--- a/common/gtk-3.0/3.18/gtk.css
+++ b/common/gtk-3.0/3.18/gtk.css
@@ -3213,6 +3213,9 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView {
   font-weight: bold;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
   icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
+  .panel .maximized {
+    background-color: rgba(43, 46, 55, 0.95);
+    box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); }
   .panel-shadow {
     background-image: none;
     background-color: transparent; }
@@ -3247,6 +3250,10 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView {
   .composited-indicator > .popup > .menu {
     padding-top: 8px;
     padding-bottom: 8px; }
+  .color-light .composited-indicator {
+    color: rgba(0, 0, 0, 0.65);
+    text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25);
+    icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); }
 
 .panel-app-button > GtkWidget > GtkWidget:first-child {
   padding: 0 2px 0 4px; }
diff --git a/common/gtk-3.0/3.18/sass/_applications.scss b/common/gtk-3.0/3.18/sass/_applications.scss
index ee28adc..1cf5936 100644
--- a/common/gtk-3.0/3.18/sass/_applications.scss
+++ b/common/gtk-3.0/3.18/sass/_applications.scss
@@ -697,6 +697,11 @@ MarlinViewWindow {
   text-shadow: 0 1px 2px transparentize(black, 0.4);
   icon-shadow: 0 1px 2px transparentize(black, 0.4);
 
+  .maximized {
+    background-color: $panel_bg;
+    box-shadow: inset 0 -1px darken($panel_bg, 7%);
+  }
+
   &-shadow {
     background-image: none;
     background-color: transparent;
@@ -742,6 +747,13 @@ MarlinViewWindow {
     padding-top: 8px;
     padding-bottom: 8px;
   }
+
+  .color-light & {
+    color: transparentize(black, 0.35);
+
+    text-shadow: 0 0 2px transparentize(white, 0.7), 0 1px 0 transparentize(white, 0.75);
+    icon-shadow: 0 0 2px transparentize(white, 0.7), 0 1px 0 transparentize(white, 0.75);
+  }
 }
 
 .panel-app-button > GtkWidget > GtkWidget:first-child {