[gtk/gtk-3-24] Adwaita: help fullcolor app icons
- From: Jakub Steiner <jimmac src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gtk/gtk-3-24] Adwaita: help fullcolor app icons
- Date: Mon, 26 Nov 2018 16:30:18 +0000 (UTC)
commit ffde7d780d6f966c6112a34e1079bc84549f9499
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 | 16 ++++++++++++++++
gtk/theme/Adwaita/gtk-contained-dark.css | 7 +++++++
gtk/theme/Adwaita/gtk-contained.css | 7 +++++++
3 files changed, 30 insertions(+)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 41cdab4e76..2700a7c84e 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -4573,6 +4573,22 @@ stackswitcher button.text-button.circular { // FIXME aggregate with buttons
padding: 0;
}
+/*************
+ * App Icons *
+ *************/
+/* Outline for low res icons */
+.lowres_icon {
+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 {
+ icon-shadow: 0 2px 12px rgba(0,0,0,0.2),
+ 0 1px 2px rgba(0,0,0,0.7);
+}
/*********
* Emoji *
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index f49470424f..6448b1821d 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -1935,6 +1935,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 { 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 { 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; }
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index f2ae98b55c..3f9991be02 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -1955,6 +1955,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 { 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 { 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; }
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]