[gtk/wip/jimmac/icon-dropshadows] Adwaita: help fullcolor app icons

[Jakub Steiner <jimmac src gnome org>]

commit 4d88877bb60fa268573c5c98dcb9a55538fd81e2
Author: Jakub Steiner <jimmac gmail com>
Date:   Wed Oct 31 18:31:11 2018 +0100

    Adwaita: help fullcolor app icons
    
    - draw a large dropshadow for aboutboxes
    - draw an outline for low res
    
    See issues #1434 and #1445.

 gtk/theme/Adwaita/_common.scss           | 18 +++++++++++++++++-
 gtk/theme/Adwaita/gtk-contained-dark.css |  9 ++++++++-
 gtk/theme/Adwaita/gtk-contained.css      |  7 +++++++
 3 files changed, 32 insertions(+), 2 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 5bf0e958d0..4c4254cc86 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -4567,6 +4567,22 @@ stackswitcher button.text-button.circular { // FIXME aggregate with buttons
   padding: 0;
 }
 
+/*************
+ * App Icons *
+ *************/
+/* Outline for low res icons */
+.lowres-icon {
+-gtk-icon-shadow: 1px 1px rgba(0,0,0,0.3),
+             -1px -1px rgba(0,0,0,0.3),
+             -1px 1px rgba(0,0,0,0.3),
+             1px -1px rgba(0,0,0,0.3);
+}
+
+/* Drapshadow for large icons */ 
+.icon-dropshadow {
+  -gtk-icon-shadow: 0 2px 12px rgba(0,0,0,0.2),
+               0 1px 2px rgba(0,0,0,0.7);
+}
 
 /*********
  * Emoji *
@@ -4627,4 +4643,4 @@ popover.emoji-completion contents row box {
 
 popover.emoji-completion .emoji:hover {
   background: $popover_hover_color;
-}
+}
\ No newline at end of file
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 58ca68c8ff..0ba9c2aa23 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -1931,6 +1931,13 @@ stackswitcher button.text-button { min-width: 100px; }
 
 stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 
32px; padding: 0; }
 
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 1px 1px rgba(0, 0, 0, 0.3), -1px -1px rgba(0, 0, 0, 0.3), -1px 1px rgba(0, 
0, 0, 0.3), 1px -1px rgba(0, 0, 0, 0.3); }
+
+/* Drapshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 2px 12px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.7); }
+
 /********* Emoji * */
 popover.emoji-picker { padding-left: 0; padding-right: 0; }
 
@@ -2023,7 +2030,7 @@ these colors are exported for the window manager and shouldn't be used in applic
 read if you used those and something break with a version upgrade you're on your own... */
 @define-color wm_title shade(#eeeeec, 1.8);
 @define-color wm_unfocused_title #919494;
-@define-color wm_highlight transparent;
+@define-color wm_highlight rgba(0, 0, 0, 0);
 @define-color wm_borders_edge rgba(238, 238, 236, 0.07);
 @define-color wm_bg_a shade(#33393b, 1.2);
 @define-color wm_bg_b #33393b;
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 912018d595..45596ebb61 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -1951,6 +1951,13 @@ stackswitcher button.text-button { min-width: 100px; }
 
 stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 
32px; padding: 0; }
 
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 1px 1px rgba(0, 0, 0, 0.3), -1px -1px rgba(0, 0, 0, 0.3), -1px 1px rgba(0, 
0, 0, 0.3), 1px -1px rgba(0, 0, 0, 0.3); }
+
+/* Drapshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 2px 12px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.7); }
+
 /********* Emoji * */
 popover.emoji-picker { padding-left: 0; padding-right: 0; }