Lerking/gtk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adwaita: help fullcolor app icons

Browse Source 
- draw a large dropshadow for aboutboxes
- draw an outline for low res

See issues #1434 and #1445.
This commit is contained in:
Jakub Steiner
2018-11-26 17:33:28 +01:00
parent 6e28d004ae
commit 97d8676b40
3 changed files with 31 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
gtk/theme/Adwaita/_common.scss
View File

@@ -4574,6 +4574,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 *
@@ -4635,4 +4651,4 @@ popover.emoji-completion contents row box {
popover.emoji-completion .emoji:hover {
background-color: $popover_hover_color;
}
}

7
gtk/theme/Adwaita/gtk-contained-dark.css
View File

@@ -1974,6 +1974,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; }

7
gtk/theme/Adwaita/gtk-contained.css
View File

@@ -1994,6 +1994,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; }