aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--common/gtk-3.0/3.14/_common.scss25
-rw-r--r--common/gtk-3.0/3.14/gtk-contained-dark.css45
-rw-r--r--common/gtk-3.0/3.14/gtk-contained-solid-dark.css45
-rw-r--r--common/gtk-3.0/3.14/gtk-contained-solid.css45
-rw-r--r--common/gtk-3.0/3.14/gtk-contained.css45
-rw-r--r--common/gtk-3.0/3.16/_common.scss25
-rw-r--r--common/gtk-3.0/3.16/gtk-contained-dark.css45
-rw-r--r--common/gtk-3.0/3.16/gtk-contained-darker.css45
-rw-r--r--common/gtk-3.0/3.16/gtk-contained-solid-dark.css45
-rw-r--r--common/gtk-3.0/3.16/gtk-contained-solid.css45
-rw-r--r--common/gtk-3.0/3.16/gtk-contained.css45
11 files changed, 380 insertions, 75 deletions
diff --git a/common/gtk-3.0/3.14/_common.scss b/common/gtk-3.0/3.14/_common.scss
index b78f78d..c0a6713 100644
--- a/common/gtk-3.0/3.14/_common.scss
+++ b/common/gtk-3.0/3.14/_common.scss
@@ -2153,14 +2153,27 @@ GtkScrolledWindow {
.app-notification,
.app-notification.frame {
+ @extend %osd;
padding: 10px;
- border-radius: 0 0 2.5px 2.5px;
- border-width: 0 1px 1px;
+ background-color: $osd_bg_color;
+ background-clip: border-box;
+ border-radius: 0 0 2px 2px;
+ border-width: 0 1px 1px 1px;
border-style: solid;
- border-color: rgba(0,0,0,0.2);
- background-color: $base_color;
-
- background-clip: padding-box;
+ border-color: darken($osd_bg_color, 10%);
+
+ .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);
+ }
+ }
}
/*************
diff --git a/common/gtk-3.0/3.14/gtk-contained-dark.css b/common/gtk-3.0/3.14/gtk-contained-dark.css
index 240fb0f..b09cac7 100644
--- a/common/gtk-3.0/3.14/gtk-contained-dark.css
+++ b/common/gtk-3.0/3.14/gtk-contained-dark.css
@@ -105,7 +105,8 @@ GtkFlowBox .grid-child {
GtkFlowBox .grid-child:selected {
outline-offset: -2px; }
-.popover.osd, .osd {
+.popover.osd, .app-notification,
+.app-notification.frame, .osd {
color: #A8ADB5;
border: none;
background-color: rgba(60, 64, 73, 0.95);
@@ -579,7 +580,9 @@ GtkFlowBox .grid-child {
.linked.vertical > GtkComboBox:only-child > .button:hover {
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;
background-color: transparent;
background-image: none;
@@ -1779,12 +1782,40 @@ GtkScrolledWindow GtkViewport.frame {
.app-notification,
.app-notification.frame {
padding: 10px;
- border-radius: 0 0 2.5px 2.5px;
- border-width: 0 1px 1px;
+ background-color: rgba(60, 64, 73, 0.95);
+ background-clip: border-box;
+ border-radius: 0 0 2px 2px;
+ border-width: 0 1px 1px 1px;
border-style: solid;
- border-color: rgba(0, 0, 0, 0.2);
- background-color: #292D33;
- background-clip: padding-box; }
+ border-color: rgba(37, 39, 45, 0.95); }
+ .app-notification .button,
+ .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 *
diff --git a/common/gtk-3.0/3.14/gtk-contained-solid-dark.css b/common/gtk-3.0/3.14/gtk-contained-solid-dark.css
index 44352d6..174345a 100644
--- a/common/gtk-3.0/3.14/gtk-contained-solid-dark.css
+++ b/common/gtk-3.0/3.14/gtk-contained-solid-dark.css
@@ -105,7 +105,8 @@ GtkFlowBox .grid-child {
GtkFlowBox .grid-child:selected {
outline-offset: -2px; }
-.popover.osd, .osd {
+.popover.osd, .app-notification,
+.app-notification.frame, .osd {
color: #A8ADB5;
border: none;
background-color: rgba(60, 64, 73, 0.95);
@@ -579,7 +580,9 @@ GtkFlowBox .grid-child {
.linked.vertical > GtkComboBox:only-child > .button:hover {
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;
background-color: transparent;
background-image: none;
@@ -1779,12 +1782,40 @@ GtkScrolledWindow GtkViewport.frame {
.app-notification,
.app-notification.frame {
padding: 10px;
- border-radius: 0 0 2.5px 2.5px;
- border-width: 0 1px 1px;
+ background-color: rgba(60, 64, 73, 0.95);
+ background-clip: border-box;
+ border-radius: 0 0 2px 2px;
+ border-width: 0 1px 1px 1px;
border-style: solid;
- border-color: rgba(0, 0, 0, 0.2);
- background-color: #292D33;
- background-clip: padding-box; }
+ border-color: rgba(37, 39, 45, 0.95); }
+ .app-notification .button,
+ .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 *
diff --git a/common/gtk-3.0/3.14/gtk-contained-solid.css b/common/gtk-3.0/3.14/gtk-contained-solid.css
index a8c9ece..66a2eaf 100644
--- a/common/gtk-3.0/3.14/gtk-contained-solid.css
+++ b/common/gtk-3.0/3.14/gtk-contained-solid.css
@@ -105,7 +105,8 @@ GtkFlowBox .grid-child {
GtkFlowBox .grid-child:selected {
outline-offset: -2px; }
-.popover.osd, .osd {
+.popover.osd, .app-notification,
+.app-notification.frame, .osd {
color: #A8ADB5;
border: none;
background-color: rgba(60, 64, 73, 0.95);
@@ -579,7 +580,9 @@ GtkFlowBox .grid-child {
.linked.vertical > GtkComboBox:only-child > .button:hover {
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;
background-color: transparent;
background-image: none;
@@ -1779,12 +1782,40 @@ GtkScrolledWindow GtkViewport.frame {
.app-notification,
.app-notification.frame {
padding: 10px;
- border-radius: 0 0 2.5px 2.5px;
- border-width: 0 1px 1px;
+ background-color: rgba(60, 64, 73, 0.95);
+ background-clip: border-box;
+ border-radius: 0 0 2px 2px;
+ border-width: 0 1px 1px 1px;
border-style: solid;
- border-color: rgba(0, 0, 0, 0.2);
- background-color: #ffffff;
- background-clip: padding-box; }
+ border-color: rgba(37, 39, 45, 0.95); }
+ .app-notification .button,
+ .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 *
diff --git a/common/gtk-3.0/3.14/gtk-contained.css b/common/gtk-3.0/3.14/gtk-contained.css
index aa26bb4..7efbc62 100644
--- a/common/gtk-3.0/3.14/gtk-contained.css
+++ b/common/gtk-3.0/3.14/gtk-contained.css
@@ -105,7 +105,8 @@ GtkFlowBox .grid-child {
GtkFlowBox .grid-child:selected {
outline-offset: -2px; }
-.popover.osd, .osd {
+.popover.osd, .app-notification,
+.app-notification.frame, .osd {
color: #A8ADB5;
border: none;
background-color: rgba(60, 64, 73, 0.95);
@@ -579,7 +580,9 @@ GtkFlowBox .grid-child {
.linked.vertical > GtkComboBox:only-child > .button:hover {
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;
background-color: transparent;
background-image: none;
@@ -1779,12 +1782,40 @@ GtkScrolledWindow GtkViewport.frame {
.app-notification,
.app-notification.frame {
padding: 10px;
- border-radius: 0 0 2.5px 2.5px;
- border-width: 0 1px 1px;
+ background-color: rgba(60, 64, 73, 0.95);
+ background-clip: border-box;
+ border-radius: 0 0 2px 2px;
+ border-width: 0 1px 1px 1px;
border-style: solid;
- border-color: rgba(0, 0, 0, 0.2);
- background-color: #ffffff;
- background-clip: padding-box; }
+ border-color: rgba(37, 39, 45, 0.95); }
+ .app-notification .button,
+ .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 *
diff --git a/common/gtk-3.0/3.16/_common.scss b/common/gtk-3.0/3.16/_common.scss
index d6a187e..6b950f7 100644
--- a/common/gtk-3.0/3.16/_common.scss
+++ b/common/gtk-3.0/3.16/_common.scss
@@ -2276,14 +2276,27 @@ GtkScrolledWindow {
.app-notification,
.app-notification.frame {
+ @extend %osd;
padding: 10px;
- border-radius: 0 0 2.5px 2.5px;
- border-width: 0 1px 1px;
+ background-color: $osd_bg_color;
+ background-clip: border-box;
+ border-radius: 0 0 2px 2px;
+ border-width: 0 1px 1px 1px;
border-style: solid;
- border-color: rgba(0,0,0,0.2);
- background-color: $base_color;
-
- background-clip: padding-box;
+ border-color: darken($osd_bg_color, 10%);
+
+ .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);
+ }
+ }
}
/*************
diff --git a/common/gtk-3.0/3.16/gtk-contained-dark.css b/common/gtk-3.0/3.16/gtk-contained-dark.css
index 267a45d..06021cf 100644
--- a/common/gtk-3.0/3.16/gtk-contained-dark.css
+++ b/common/gtk-3.0/3.16/gtk-contained-dark.css
@@ -105,7 +105,8 @@ GtkTextView {
.grid-child:selected {
outline-offset: -2px; }
-.popover.osd, .osd {
+.popover.osd, .app-notification,
+.app-notification.frame, .osd {
color: #A8ADB5;
border: none;
background-color: rgba(60, 64, 73, 0.95);
@@ -579,7 +580,9 @@ GtkTextView {
.linked.vertical > GtkComboBox:only-child > .button:hover {
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;
background-color: transparent;
background-image: none;
@@ -1880,12 +1883,40 @@ GtkScrolledWindow GtkViewport.frame {
.app-notification,
.app-notification.frame {
padding: 10px;
- border-radius: 0 0 2.5px 2.5px;
- border-width: 0 1px 1px;
+ background-color: rgba(60, 64, 73, 0.95);
+ background-clip: border-box;
+ border-radius: 0 0 2px 2px;
+ border-width: 0 1px 1px 1px;
border-style: solid;
- border-color: rgba(0, 0, 0, 0.2);
- background-color: #292D33;
- background-clip: padding-box; }
+ border-color: rgba(37, 39, 45, 0.95); }
+ .app-notification .button,
+ .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 *
diff --git a/common/gtk-3.0/3.16/gtk-contained-darker.css b/common/gtk-3.0/3.16/gtk-contained-darker.css
index 96f00a1..364307c 100644
--- a/common/gtk-3.0/3.16/gtk-contained-darker.css
+++ b/common/gtk-3.0/3.16/gtk-contained-darker.css
@@ -105,7 +105,8 @@ GtkTextView {
.grid-child:selected {
outline-offset: -2px; }
-.popover.osd, .osd {
+.popover.osd, .app-notification,
+.app-notification.frame, .osd {
color: #A8ADB5;
border: none;
background-color: rgba(60, 64, 73, 0.95);
@@ -579,7 +580,9 @@ GtkTextView {
.linked.vertical > GtkComboBox:only-child > .button:hover {
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;
background-color: transparent;
background-image: none;
@@ -1881,12 +1884,40 @@ GtkScrolledWindow GtkViewport.frame {
.app-notification,
.app-notification.frame {
padding: 10px;
- border-radius: 0 0 2.5px 2.5px;
- border-width: 0 1px 1px;
+ background-color: rgba(60, 64, 73, 0.95);
+ background-clip: border-box;
+ border-radius: 0 0 2px 2px;
+ border-width: 0 1px 1px 1px;
border-style: solid;
- border-color: rgba(0, 0, 0, 0.2);
- background-color: #ffffff;
- background-clip: padding-box; }
+ border-color: rgba(37, 39, 45, 0.95); }
+ .app-notification .button,
+ .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 *
diff --git a/common/gtk-3.0/3.16/gtk-contained-solid-dark.css b/common/gtk-3.0/3.16/gtk-contained-solid-dark.css
index 16fb883..ac4a391 100644
--- a/common/gtk-3.0/3.16/gtk-contained-solid-dark.css
+++ b/common/gtk-3.0/3.16/gtk-contained-solid-dark.css
@@ -105,7 +105,8 @@ GtkTextView {
.grid-child:selected {
outline-offset: -2px; }
-.popover.osd, .osd {
+.popover.osd, .app-notification,
+.app-notification.frame, .osd {
color: #A8ADB5;
border: none;
background-color: rgba(60, 64, 73, 0.95);
@@ -579,7 +580,9 @@ GtkTextView {
.linked.vertical > GtkComboBox:only-child > .button:hover {
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;
background-color: transparent;
background-image: none;
@@ -1880,12 +1883,40 @@ GtkScrolledWindow GtkViewport.frame {
.app-notification,
.app-notification.frame {
padding: 10px;
- border-radius: 0 0 2.5px 2.5px;
- border-width: 0 1px 1px;
+ background-color: rgba(60, 64, 73, 0.95);
+ background-clip: border-box;
+ border-radius: 0 0 2px 2px;
+ border-width: 0 1px 1px 1px;
border-style: solid;
- border-color: rgba(0, 0, 0, 0.2);
- background-color: #292D33;
- background-clip: padding-box; }
+ border-color: rgba(37, 39, 45, 0.95); }
+ .app-notification .button,
+ .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 *
diff --git a/common/gtk-3.0/3.16/gtk-contained-solid.css b/common/gtk-3.0/3.16/gtk-contained-solid.css
index a87515b..e674005 100644
--- a/common/gtk-3.0/3.16/gtk-contained-solid.css
+++ b/common/gtk-3.0/3.16/gtk-contained-solid.css
@@ -105,7 +105,8 @@ GtkTextView {
.grid-child:selected {
outline-offset: -2px; }
-.popover.osd, .osd {
+.popover.osd, .app-notification,
+.app-notification.frame, .osd {
color: #A8ADB5;
border: none;
background-color: rgba(60, 64, 73, 0.95);
@@ -579,7 +580,9 @@ GtkTextView {
.linked.vertical > GtkComboBox:only-child > .button:hover {
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;
background-color: transparent;
background-image: none;
@@ -1880,12 +1883,40 @@ GtkScrolledWindow GtkViewport.frame {
.app-notification,
.app-notification.frame {
padding: 10px;
- border-radius: 0 0 2.5px 2.5px;
- border-width: 0 1px 1px;
+ background-color: rgba(60, 64, 73, 0.95);
+ background-clip: border-box;
+ border-radius: 0 0 2px 2px;
+ border-width: 0 1px 1px 1px;
border-style: solid;
- border-color: rgba(0, 0, 0, 0.2);
- background-color: #ffffff;
- background-clip: padding-box; }
+ border-color: rgba(37, 39, 45, 0.95); }
+ .app-notification .button,
+ .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 *
diff --git a/common/gtk-3.0/3.16/gtk-contained.css b/common/gtk-3.0/3.16/gtk-contained.css
index e34264c..216152f 100644
--- a/common/gtk-3.0/3.16/gtk-contained.css
+++ b/common/gtk-3.0/3.16/gtk-contained.css
@@ -105,7 +105,8 @@ GtkTextView {
.grid-child:selected {
outline-offset: -2px; }
-.popover.osd, .osd {
+.popover.osd, .app-notification,
+.app-notification.frame, .osd {
color: #A8ADB5;
border: none;
background-color: rgba(60, 64, 73, 0.95);
@@ -579,7 +580,9 @@ GtkTextView {
.linked.vertical > GtkComboBox:only-child > .button:hover {
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;
background-color: transparent;
background-image: none;
@@ -1880,12 +1883,40 @@ GtkScrolledWindow GtkViewport.frame {
.app-notification,
.app-notification.frame {
padding: 10px;
- border-radius: 0 0 2.5px 2.5px;
- border-width: 0 1px 1px;
+ background-color: rgba(60, 64, 73, 0.95);
+ background-clip: border-box;
+ border-radius: 0 0 2px 2px;
+ border-width: 0 1px 1px 1px;
border-style: solid;
- border-color: rgba(0, 0, 0, 0.2);
- background-color: #ffffff;
- background-clip: padding-box; }
+ border-color: rgba(37, 39, 45, 0.95); }
+ .app-notification .button,
+ .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 *