Archives/horst3180_arc-theme
1
0
Fork 0
mirror of https://github.com/horst3180/arc-theme.git synced 2025-06-13 12:53:52 +00:00
Code Issues Projects Releases Wiki Activity

osd style app-notifications

Browse Source
This commit is contained in:
Horst3180 2015-07-02 16:59:22 +02:00
parent 924cfb9206
commit 997c88ebcc
11 changed files with 380 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
common/gtk-3.0/3.14/_common.scss
View File

@ -2153,14 +2153,27 @@ GtkScrolledWindow {
.app-notification, .app-notification,
.app-notification.frame { .app-notification.frame {
@extend %osd;
padding: 10px; padding: 10px;
border-radius: 0 0 2.5px 2.5px; background-color: $osd_bg_color;
border-width: 0 1px 1px; background-clip: border-box;
border-radius: 0 0 2px 2px;
border-width: 0 1px 1px 1px;
border-style: solid; border-style: solid;
border-color: rgba(0,0,0,0.2); border-color: darken($osd_bg_color, 10%);
background-color: $base_color;
background-clip: padding-box; .button {
@include button(osd);
&.flat {
@extend %undecorated_button;
border-color: transparentize($selected_bg_color, 1);
&:insensitive { @extend %undecorated_button; }
}
&:hover { @include button(osd-hover); }
&:active, &:checked { @include button(osd-active); }
&:insensitive { @include button(osd-insensitive);
}
}
} }
/************* /*************

45
common/gtk-3.0/3.14/gtk-contained-dark.css
View File

@ -105,7 +105,8 @@ GtkFlowBox .grid-child {
GtkFlowBox .grid-child:selected { GtkFlowBox .grid-child:selected {
outline-offset: -2px; } outline-offset: -2px; }
.popover.osd, .osd { .popover.osd, .app-notification,
.app-notification.frame, .osd {
color: #A8ADB5; color: #A8ADB5;
border: none; border: none;
background-color: rgba(60, 64, 73, 0.95); background-color: rgba(60, 64, 73, 0.95);
@ -579,7 +580,9 @@ GtkFlowBox .grid-child {
.linked.vertical > GtkComboBox:only-child > .button:hover { .linked.vertical > GtkComboBox:only-child > .button:hover {
box-shadow: none; } box-shadow: none; }
.menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .popup.button, .notebook tab .button, .list-row.button { .menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .popup.button, .notebook tab .button, .list-row.button, .app-notification .button.flat,
.app-notification.frame .button.flat, .app-notification .button.flat:insensitive,
.app-notification.frame .button.flat:insensitive {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
@ -1779,12 +1782,40 @@ GtkScrolledWindow GtkViewport.frame {
.app-notification, .app-notification,
.app-notification.frame { .app-notification.frame {
padding: 10px; padding: 10px;
border-radius: 0 0 2.5px 2.5px; background-color: rgba(60, 64, 73, 0.95);
border-width: 0 1px 1px; background-clip: border-box;
border-radius: 0 0 2px 2px;
border-width: 0 1px 1px 1px;
border-style: solid; border-style: solid;
border-color: rgba(0, 0, 0, 0.2); border-color: rgba(37, 39, 45, 0.95); }
background-color: #292D33; .app-notification .button,
background-clip: padding-box; } .app-notification.frame .button {
color: #A8ADB5;
outline-color: rgba(168, 173, 181, 0.3);
border-color: rgba(168, 173, 181, 0.3);
background-color: transparent;
background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
.app-notification .button.flat,
.app-notification.frame .button.flat {
border-color: rgba(82, 148, 226, 0); }
.app-notification .button:hover,
.app-notification.frame .button:hover {
color: #5294E2;
outline-color: rgba(168, 173, 181, 0.3);
border-color: #5294E2;
background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
.app-notification .button:active, .app-notification .button:checked,
.app-notification.frame .button:active,
.app-notification.frame .button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-image: linear-gradient(to bottom, #5294E2); }
.app-notification .button:insensitive,
.app-notification.frame .button:insensitive {
color: #5c6069;
border-color: rgba(168, 173, 181, 0.2);
background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); }
/************* /*************
* Expanders * * Expanders *

45
common/gtk-3.0/3.14/gtk-contained-solid-dark.css
View File

@ -105,7 +105,8 @@ GtkFlowBox .grid-child {
GtkFlowBox .grid-child:selected { GtkFlowBox .grid-child:selected {
outline-offset: -2px; } outline-offset: -2px; }
.popover.osd, .osd { .popover.osd, .app-notification,
.app-notification.frame, .osd {
color: #A8ADB5; color: #A8ADB5;
border: none; border: none;
background-color: rgba(60, 64, 73, 0.95); background-color: rgba(60, 64, 73, 0.95);
@ -579,7 +580,9 @@ GtkFlowBox .grid-child {
.linked.vertical > GtkComboBox:only-child > .button:hover { .linked.vertical > GtkComboBox:only-child > .button:hover {
box-shadow: none; } box-shadow: none; }
.menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .popup.button, .notebook tab .button, .list-row.button { .menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .popup.button, .notebook tab .button, .list-row.button, .app-notification .button.flat,
.app-notification.frame .button.flat, .app-notification .button.flat:insensitive,
.app-notification.frame .button.flat:insensitive {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
@ -1779,12 +1782,40 @@ GtkScrolledWindow GtkViewport.frame {
.app-notification, .app-notification,
.app-notification.frame { .app-notification.frame {
padding: 10px; padding: 10px;
border-radius: 0 0 2.5px 2.5px; background-color: rgba(60, 64, 73, 0.95);
border-width: 0 1px 1px; background-clip: border-box;
border-radius: 0 0 2px 2px;
border-width: 0 1px 1px 1px;
border-style: solid; border-style: solid;
border-color: rgba(0, 0, 0, 0.2); border-color: rgba(37, 39, 45, 0.95); }
background-color: #292D33; .app-notification .button,
background-clip: padding-box; } .app-notification.frame .button {
color: #A8ADB5;
outline-color: rgba(168, 173, 181, 0.3);
border-color: rgba(168, 173, 181, 0.3);
background-color: transparent;
background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
.app-notification .button.flat,
.app-notification.frame .button.flat {
border-color: rgba(82, 148, 226, 0); }
.app-notification .button:hover,
.app-notification.frame .button:hover {
color: #5294E2;
outline-color: rgba(168, 173, 181, 0.3);
border-color: #5294E2;
background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
.app-notification .button:active, .app-notification .button:checked,
.app-notification.frame .button:active,
.app-notification.frame .button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-image: linear-gradient(to bottom, #5294E2); }
.app-notification .button:insensitive,
.app-notification.frame .button:insensitive {
color: #5c6069;
border-color: rgba(168, 173, 181, 0.2);
background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); }
/************* /*************
* Expanders * * Expanders *

45
common/gtk-3.0/3.14/gtk-contained-solid.css
View File

@ -105,7 +105,8 @@ GtkFlowBox .grid-child {
GtkFlowBox .grid-child:selected { GtkFlowBox .grid-child:selected {
outline-offset: -2px; } outline-offset: -2px; }
.popover.osd, .osd { .popover.osd, .app-notification,
.app-notification.frame, .osd {
color: #A8ADB5; color: #A8ADB5;
border: none; border: none;
background-color: rgba(60, 64, 73, 0.95); background-color: rgba(60, 64, 73, 0.95);
@ -579,7 +580,9 @@ GtkFlowBox .grid-child {
.linked.vertical > GtkComboBox:only-child > .button:hover { .linked.vertical > GtkComboBox:only-child > .button:hover {
box-shadow: none; } box-shadow: none; }
.menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .popup.button, .notebook tab .button, .list-row.button { .menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .popup.button, .notebook tab .button, .list-row.button, .app-notification .button.flat,
.app-notification.frame .button.flat, .app-notification .button.flat:insensitive,
.app-notification.frame .button.flat:insensitive {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
@ -1779,12 +1782,40 @@ GtkScrolledWindow GtkViewport.frame {
.app-notification, .app-notification,
.app-notification.frame { .app-notification.frame {
padding: 10px; padding: 10px;
border-radius: 0 0 2.5px 2.5px; background-color: rgba(60, 64, 73, 0.95);
border-width: 0 1px 1px; background-clip: border-box;
border-radius: 0 0 2px 2px;
border-width: 0 1px 1px 1px;
border-style: solid; border-style: solid;
border-color: rgba(0, 0, 0, 0.2); border-color: rgba(37, 39, 45, 0.95); }
background-color: #ffffff; .app-notification .button,
background-clip: padding-box; } .app-notification.frame .button {
color: #A8ADB5;
outline-color: rgba(168, 173, 181, 0.3);
border-color: rgba(168, 173, 181, 0.3);
background-color: transparent;
background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
.app-notification .button.flat,
.app-notification.frame .button.flat {
border-color: rgba(82, 148, 226, 0); }
.app-notification .button:hover,
.app-notification.frame .button:hover {
color: #5294E2;
outline-color: rgba(168, 173, 181, 0.3);
border-color: #5294E2;
background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
.app-notification .button:active, .app-notification .button:checked,
.app-notification.frame .button:active,
.app-notification.frame .button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-image: linear-gradient(to bottom, #5294E2); }
.app-notification .button:insensitive,
.app-notification.frame .button:insensitive {
color: #5c6069;
border-color: rgba(168, 173, 181, 0.2);
background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); }
/************* /*************
* Expanders * * Expanders *

45
common/gtk-3.0/3.14/gtk-contained.css
View File

@ -105,7 +105,8 @@ GtkFlowBox .grid-child {
GtkFlowBox .grid-child:selected { GtkFlowBox .grid-child:selected {
outline-offset: -2px; } outline-offset: -2px; }
.popover.osd, .osd { .popover.osd, .app-notification,
.app-notification.frame, .osd {
color: #A8ADB5; color: #A8ADB5;
border: none; border: none;
background-color: rgba(60, 64, 73, 0.95); background-color: rgba(60, 64, 73, 0.95);
@ -579,7 +580,9 @@ GtkFlowBox .grid-child {
.linked.vertical > GtkComboBox:only-child > .button:hover { .linked.vertical > GtkComboBox:only-child > .button:hover {
box-shadow: none; } box-shadow: none; }
.menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .popup.button, .notebook tab .button, .list-row.button { .menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .popup.button, .notebook tab .button, .list-row.button, .app-notification .button.flat,
.app-notification.frame .button.flat, .app-notification .button.flat:insensitive,
.app-notification.frame .button.flat:insensitive {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
@ -1779,12 +1782,40 @@ GtkScrolledWindow GtkViewport.frame {
.app-notification, .app-notification,
.app-notification.frame { .app-notification.frame {
padding: 10px; padding: 10px;
border-radius: 0 0 2.5px 2.5px; background-color: rgba(60, 64, 73, 0.95);
border-width: 0 1px 1px; background-clip: border-box;
border-radius: 0 0 2px 2px;
border-width: 0 1px 1px 1px;
border-style: solid; border-style: solid;
border-color: rgba(0, 0, 0, 0.2); border-color: rgba(37, 39, 45, 0.95); }
background-color: #ffffff; .app-notification .button,
background-clip: padding-box; } .app-notification.frame .button {
color: #A8ADB5;
outline-color: rgba(168, 173, 181, 0.3);
border-color: rgba(168, 173, 181, 0.3);
background-color: transparent;
background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
.app-notification .button.flat,
.app-notification.frame .button.flat {
border-color: rgba(82, 148, 226, 0); }
.app-notification .button:hover,
.app-notification.frame .button:hover {
color: #5294E2;
outline-color: rgba(168, 173, 181, 0.3);
border-color: #5294E2;
background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
.app-notification .button:active, .app-notification .button:checked,
.app-notification.frame .button:active,
.app-notification.frame .button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-image: linear-gradient(to bottom, #5294E2); }
.app-notification .button:insensitive,
.app-notification.frame .button:insensitive {
color: #5c6069;
border-color: rgba(168, 173, 181, 0.2);
background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); }
/************* /*************
* Expanders * * Expanders *

23
common/gtk-3.0/3.16/_common.scss
View File

@ -2276,14 +2276,27 @@ GtkScrolledWindow {
.app-notification, .app-notification,
.app-notification.frame { .app-notification.frame {
@extend %osd;
padding: 10px; padding: 10px;
border-radius: 0 0 2.5px 2.5px; background-color: $osd_bg_color;
border-width: 0 1px 1px; background-clip: border-box;
border-radius: 0 0 2px 2px;
border-width: 0 1px 1px 1px;
border-style: solid; border-style: solid;
border-color: rgba(0,0,0,0.2); border-color: darken($osd_bg_color, 10%);
background-color: $base_color;
background-clip: padding-box; .button {
@include button(osd);
&.flat {
@extend %undecorated_button;
border-color: transparentize($selected_bg_color, 1);
&:insensitive { @extend %undecorated_button; }
}
&:hover { @include button(osd-hover); }
&:active, &:checked { @include button(osd-active); }
&:insensitive { @include button(osd-insensitive);
}
}
} }
/************* /*************

45
common/gtk-3.0/3.16/gtk-contained-dark.css
View File

@ -105,7 +105,8 @@ GtkTextView {
.grid-child:selected { .grid-child:selected {
outline-offset: -2px; } outline-offset: -2px; }
.popover.osd, .osd { .popover.osd, .app-notification,
.app-notification.frame, .osd {
color: #A8ADB5; color: #A8ADB5;
border: none; border: none;
background-color: rgba(60, 64, 73, 0.95); background-color: rgba(60, 64, 73, 0.95);
@ -579,7 +580,9 @@ GtkTextView {
.linked.vertical > GtkComboBox:only-child > .button:hover { .linked.vertical > GtkComboBox:only-child > .button:hover {
box-shadow: none; } box-shadow: none; }
.menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .popup.button, .notebook tab .button, .list-row.button { .menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .popup.button, .notebook tab .button, .list-row.button, .app-notification .button.flat,
.app-notification.frame .button.flat, .app-notification .button.flat:insensitive,
.app-notification.frame .button.flat:insensitive {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
@ -1880,12 +1883,40 @@ GtkScrolledWindow GtkViewport.frame {
.app-notification, .app-notification,
.app-notification.frame { .app-notification.frame {
padding: 10px; padding: 10px;
border-radius: 0 0 2.5px 2.5px; background-color: rgba(60, 64, 73, 0.95);
border-width: 0 1px 1px; background-clip: border-box;
border-radius: 0 0 2px 2px;
border-width: 0 1px 1px 1px;
border-style: solid; border-style: solid;
border-color: rgba(0, 0, 0, 0.2); border-color: rgba(37, 39, 45, 0.95); }
background-color: #292D33; .app-notification .button,
background-clip: padding-box; } .app-notification.frame .button {
color: #A8ADB5;
outline-color: rgba(168, 173, 181, 0.3);
border-color: rgba(168, 173, 181, 0.3);
background-color: transparent;
background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
.app-notification .button.flat,
.app-notification.frame .button.flat {
border-color: rgba(82, 148, 226, 0); }
.app-notification .button:hover,
.app-notification.frame .button:hover {
color: #5294E2;
outline-color: rgba(168, 173, 181, 0.3);
border-color: #5294E2;
background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
.app-notification .button:active, .app-notification .button:checked,
.app-notification.frame .button:active,
.app-notification.frame .button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-image: linear-gradient(to bottom, #5294E2); }
.app-notification .button:insensitive,
.app-notification.frame .button:insensitive {
color: #5c6069;
border-color: rgba(168, 173, 181, 0.2);
background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); }
/************* /*************
* Expanders * * Expanders *

45
common/gtk-3.0/3.16/gtk-contained-darker.css
View File

@ -105,7 +105,8 @@ GtkTextView {
.grid-child:selected { .grid-child:selected {
outline-offset: -2px; } outline-offset: -2px; }
.popover.osd, .osd { .popover.osd, .app-notification,
.app-notification.frame, .osd {
color: #A8ADB5; color: #A8ADB5;
border: none; border: none;
background-color: rgba(60, 64, 73, 0.95); background-color: rgba(60, 64, 73, 0.95);
@ -579,7 +580,9 @@ GtkTextView {
.linked.vertical > GtkComboBox:only-child > .button:hover { .linked.vertical > GtkComboBox:only-child > .button:hover {
box-shadow: none; } box-shadow: none; }
.menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .popup.button, .notebook tab .button, .list-row.button { .menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .popup.button, .notebook tab .button, .list-row.button, .app-notification .button.flat,
.app-notification.frame .button.flat, .app-notification .button.flat:insensitive,
.app-notification.frame .button.flat:insensitive {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
@ -1881,12 +1884,40 @@ GtkScrolledWindow GtkViewport.frame {
.app-notification, .app-notification,
.app-notification.frame { .app-notification.frame {
padding: 10px; padding: 10px;
border-radius: 0 0 2.5px 2.5px; background-color: rgba(60, 64, 73, 0.95);
border-width: 0 1px 1px; background-clip: border-box;
border-radius: 0 0 2px 2px;
border-width: 0 1px 1px 1px;
border-style: solid; border-style: solid;
border-color: rgba(0, 0, 0, 0.2); border-color: rgba(37, 39, 45, 0.95); }
background-color: #ffffff; .app-notification .button,
background-clip: padding-box; } .app-notification.frame .button {
color: #A8ADB5;
outline-color: rgba(168, 173, 181, 0.3);
border-color: rgba(168, 173, 181, 0.3);
background-color: transparent;
background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
.app-notification .button.flat,
.app-notification.frame .button.flat {
border-color: rgba(82, 148, 226, 0); }
.app-notification .button:hover,
.app-notification.frame .button:hover {
color: #5294E2;
outline-color: rgba(168, 173, 181, 0.3);
border-color: #5294E2;
background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
.app-notification .button:active, .app-notification .button:checked,
.app-notification.frame .button:active,
.app-notification.frame .button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-image: linear-gradient(to bottom, #5294E2); }
.app-notification .button:insensitive,
.app-notification.frame .button:insensitive {
color: #5c6069;
border-color: rgba(168, 173, 181, 0.2);
background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); }
/************* /*************
* Expanders * * Expanders *

45
common/gtk-3.0/3.16/gtk-contained-solid-dark.css
View File

@ -105,7 +105,8 @@ GtkTextView {
.grid-child:selected { .grid-child:selected {
outline-offset: -2px; } outline-offset: -2px; }
.popover.osd, .osd { .popover.osd, .app-notification,
.app-notification.frame, .osd {
color: #A8ADB5; color: #A8ADB5;
border: none; border: none;
background-color: rgba(60, 64, 73, 0.95); background-color: rgba(60, 64, 73, 0.95);
@ -579,7 +580,9 @@ GtkTextView {
.linked.vertical > GtkComboBox:only-child > .button:hover { .linked.vertical > GtkComboBox:only-child > .button:hover {
box-shadow: none; } box-shadow: none; }
.menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .popup.button, .notebook tab .button, .list-row.button { .menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .popup.button, .notebook tab .button, .list-row.button, .app-notification .button.flat,
.app-notification.frame .button.flat, .app-notification .button.flat:insensitive,
.app-notification.frame .button.flat:insensitive {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
@ -1880,12 +1883,40 @@ GtkScrolledWindow GtkViewport.frame {
.app-notification, .app-notification,
.app-notification.frame { .app-notification.frame {
padding: 10px; padding: 10px;
border-radius: 0 0 2.5px 2.5px; background-color: rgba(60, 64, 73, 0.95);
border-width: 0 1px 1px; background-clip: border-box;
border-radius: 0 0 2px 2px;
border-width: 0 1px 1px 1px;
border-style: solid; border-style: solid;
border-color: rgba(0, 0, 0, 0.2); border-color: rgba(37, 39, 45, 0.95); }
background-color: #292D33; .app-notification .button,
background-clip: padding-box; } .app-notification.frame .button {
color: #A8ADB5;
outline-color: rgba(168, 173, 181, 0.3);
border-color: rgba(168, 173, 181, 0.3);
background-color: transparent;
background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
.app-notification .button.flat,
.app-notification.frame .button.flat {
border-color: rgba(82, 148, 226, 0); }
.app-notification .button:hover,
.app-notification.frame .button:hover {
color: #5294E2;
outline-color: rgba(168, 173, 181, 0.3);
border-color: #5294E2;
background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
.app-notification .button:active, .app-notification .button:checked,
.app-notification.frame .button:active,
.app-notification.frame .button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-image: linear-gradient(to bottom, #5294E2); }
.app-notification .button:insensitive,
.app-notification.frame .button:insensitive {
color: #5c6069;
border-color: rgba(168, 173, 181, 0.2);
background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); }
/************* /*************
* Expanders * * Expanders *

45
common/gtk-3.0/3.16/gtk-contained-solid.css
View File

@ -105,7 +105,8 @@ GtkTextView {
.grid-child:selected { .grid-child:selected {
outline-offset: -2px; } outline-offset: -2px; }
.popover.osd, .osd { .popover.osd, .app-notification,
.app-notification.frame, .osd {
color: #A8ADB5; color: #A8ADB5;
border: none; border: none;
background-color: rgba(60, 64, 73, 0.95); background-color: rgba(60, 64, 73, 0.95);
@ -579,7 +580,9 @@ GtkTextView {
.linked.vertical > GtkComboBox:only-child > .button:hover { .linked.vertical > GtkComboBox:only-child > .button:hover {
box-shadow: none; } box-shadow: none; }
.menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .popup.button, .notebook tab .button, .list-row.button { .menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .popup.button, .notebook tab .button, .list-row.button, .app-notification .button.flat,
.app-notification.frame .button.flat, .app-notification .button.flat:insensitive,
.app-notification.frame .button.flat:insensitive {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
@ -1880,12 +1883,40 @@ GtkScrolledWindow GtkViewport.frame {
.app-notification, .app-notification,
.app-notification.frame { .app-notification.frame {
padding: 10px; padding: 10px;
border-radius: 0 0 2.5px 2.5px; background-color: rgba(60, 64, 73, 0.95);
border-width: 0 1px 1px; background-clip: border-box;
border-radius: 0 0 2px 2px;
border-width: 0 1px 1px 1px;
border-style: solid; border-style: solid;
border-color: rgba(0, 0, 0, 0.2); border-color: rgba(37, 39, 45, 0.95); }
background-color: #ffffff; .app-notification .button,
background-clip: padding-box; } .app-notification.frame .button {
color: #A8ADB5;
outline-color: rgba(168, 173, 181, 0.3);
border-color: rgba(168, 173, 181, 0.3);
background-color: transparent;
background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
.app-notification .button.flat,
.app-notification.frame .button.flat {
border-color: rgba(82, 148, 226, 0); }
.app-notification .button:hover,
.app-notification.frame .button:hover {
color: #5294E2;
outline-color: rgba(168, 173, 181, 0.3);
border-color: #5294E2;
background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
.app-notification .button:active, .app-notification .button:checked,
.app-notification.frame .button:active,
.app-notification.frame .button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-image: linear-gradient(to bottom, #5294E2); }
.app-notification .button:insensitive,
.app-notification.frame .button:insensitive {
color: #5c6069;
border-color: rgba(168, 173, 181, 0.2);
background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); }
/************* /*************
* Expanders * * Expanders *

45
common/gtk-3.0/3.16/gtk-contained.css
View File

@ -105,7 +105,8 @@ GtkTextView {
.grid-child:selected { .grid-child:selected {
outline-offset: -2px; } outline-offset: -2px; }
.popover.osd, .osd { .popover.osd, .app-notification,
.app-notification.frame, .osd {
color: #A8ADB5; color: #A8ADB5;
border: none; border: none;
background-color: rgba(60, 64, 73, 0.95); background-color: rgba(60, 64, 73, 0.95);
@ -579,7 +580,9 @@ GtkTextView {
.linked.vertical > GtkComboBox:only-child > .button:hover { .linked.vertical > GtkComboBox:only-child > .button:hover {
box-shadow: none; } box-shadow: none; }
.menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .popup.button, .notebook tab .button, .list-row.button { .menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .popup.button, .notebook tab .button, .list-row.button, .app-notification .button.flat,
.app-notification.frame .button.flat, .app-notification .button.flat:insensitive,
.app-notification.frame .button.flat:insensitive {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
@ -1880,12 +1883,40 @@ GtkScrolledWindow GtkViewport.frame {
.app-notification, .app-notification,
.app-notification.frame { .app-notification.frame {
padding: 10px; padding: 10px;
border-radius: 0 0 2.5px 2.5px; background-color: rgba(60, 64, 73, 0.95);
border-width: 0 1px 1px; background-clip: border-box;
border-radius: 0 0 2px 2px;
border-width: 0 1px 1px 1px;
border-style: solid; border-style: solid;
border-color: rgba(0, 0, 0, 0.2); border-color: rgba(37, 39, 45, 0.95); }
background-color: #ffffff; .app-notification .button,
background-clip: padding-box; } .app-notification.frame .button {
color: #A8ADB5;
outline-color: rgba(168, 173, 181, 0.3);
border-color: rgba(168, 173, 181, 0.3);
background-color: transparent;
background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
.app-notification .button.flat,
.app-notification.frame .button.flat {
border-color: rgba(82, 148, 226, 0); }
.app-notification .button:hover,
.app-notification.frame .button:hover {
color: #5294E2;
outline-color: rgba(168, 173, 181, 0.3);
border-color: #5294E2;
background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
.app-notification .button:active, .app-notification .button:checked,
.app-notification.frame .button:active,
.app-notification.frame .button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-image: linear-gradient(to bottom, #5294E2); }
.app-notification .button:insensitive,
.app-notification.frame .button:insensitive {
color: #5c6069;
border-color: rgba(168, 173, 181, 0.2);
background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); }
/************* /*************
* Expanders * * Expanders *