summaryrefslogtreecommitdiff
path: root/desktop-themes
diff options
context:
space:
mode:
authorraveit65 <[email protected]>2015-07-26 15:27:56 +0200
committerraveit65 <[email protected]>2015-07-26 15:27:56 +0200
commit944fcbc4ce1eda1f7c3a36609a51f52be2de042a (patch)
tree3eae29e74df5554a109297fa9e3067af7abef4b4 /desktop-themes
parent707de9df5a6df6e5db177a2d69f895066694cd1f (diff)
downloadmate-themes-944fcbc4ce1eda1f7c3a36609a51f52be2de042a.tar.bz2
mate-themes-944fcbc4ce1eda1f7c3a36609a51f52be2de042a.tar.xz
Traditional themes GTK: add support for App Notifications
Diffstat (limited to 'desktop-themes')
-rw-r--r--desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css125
-rw-r--r--desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css125
-rw-r--r--desktop-themes/TraditionalOkTest/gtk-3.0/gtk-widgets.css125
3 files changed, 375 insertions, 0 deletions
diff --git a/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css
index 1c4a0de4..4474b371 100644
--- a/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css
@@ -2421,3 +2421,128 @@ GtkStack .linked.vertical .entry {
padding: 4px;
}
+/*********************
+ * App Notifications *
+ *********************/
+
+.app-notification,
+.app-notification.frame {
+ color: @theme_fg_color;
+ padding: 10px;
+ border: none;
+ border-radius: 0 0 4px 4px;
+ background-color: rgba(180, 187, 163, 0.7);
+ background-image: linear-gradient(to bottom,
+ rgba(0, 0, 0, 0.2),
+ transparent 2px);
+ background-clip: padding-box;
+}
+
+.app-notification:backdrop,
+.app-notification.frame:backdrop {
+ background-image: none;
+}
+
+.app-notification .button,
+.app-notification .header-bar .button.titlebutton,
+.header-bar .app-notification .button.titlebutton,
+.app-notification .titlebar .button.titlebutton,
+.titlebar .app-notification .button.titlebutton,
+.app-notification GtkCalendar.header .button.titlebutton,
+GtkCalendar.header .app-notification .button.titlebutton,
+.app-notification.frame .button {
+ color: @theme_fg_color;
+ border-color: rgba(89, 112, 75, 0.7);
+ background-image: linear-gradient(to bottom,
+ rgba(180, 187, 163, 0.7));
+ background-clip: padding-box;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ text-shadow: none;
+ icon-shadow: 0 1px black;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-radius: 3px;
+ padding: 0 0px 2px 0px;
+}
+
+.app-notification .button.flat,
+.app-notification .header-bar .titlebutton.button,
+.header-bar .app-notification .titlebutton.button,
+.app-notification .titlebar .titlebutton.button,
+.titlebar .app-notification .titlebutton.button,
+.app-notification GtkCalendar.header .titlebutton.button,
+GtkCalendar.header .app-notification .titlebutton.button,
+.app-notification.frame .button.flat,
+.app-notification.frame .header-bar .titlebutton.button,
+.header-bar .app-notification.frame .titlebutton.button,
+.app-notification.frame .titlebar .titlebutton.button,
+.titlebar .app-notification.frame .titlebutton.button,
+.app-notification.frame GtkCalendar.header .titlebutton.button,
+GtkCalendar.header .app-notification.frame .titlebutton.button {
+ icon-shadow: 0 1px black;
+ text-shadow: 0 1px black;
+}
+
+.app-notification .button:hover,
+.app-notification.frame .button:hover {
+ color: white;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom,
+ rgba(119, 158, 79, 0.7));
+ background-clip: padding-box;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ text-shadow: none;
+ icon-shadow: 0 1px black;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-radius: 3px;
+}
+
+.app-notification .button:active,
+.app-notification .button:checked,
+.app-notification .button:backdrop:active,
+.app-notification .button:backdrop:checked,
+.app-notification.frame .button:active,
+.app-notification.frame .button:checked,
+.app-notification.frame .button:backdrop:active,
+.app-notification.frame .button:backdrop:checked {
+ color: white;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom,
+ rgba(105, 175, 65, 0.7));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ icon-shadow: none;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-radius: 3px;
+}
+
+.app-notification .button:insensitive,
+.app-notification .button:backdrop:insensitive,
+.app-notification.frame .button:insensitive,
+.app-notification.frame .button:backdrop:insensitive {
+ color: #878989;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom,
+ rgba(52, 57, 57, 0.5));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ icon-shadow: none;
+ border-radius: 3px;
+ padding: 0px;
+}
+
+.app-notification .button:backdrop,
+.app-notification.frame .button:backdrop {
+ color: #eeeeec;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom,
+ rgba(180, 187, 163, 0.7));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ icon-shadow: none;
+ border-radius: 3px;
+ padding: 0px;
+}
+
diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css
index 44842952..57f57e24 100644
--- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css
@@ -2426,3 +2426,128 @@ GtkStack .linked.vertical .entry {
padding: 4px;
}
+/*********************
+ * App Notifications *
+ *********************/
+
+.app-notification,
+.app-notification.frame {
+ color: @theme_fg_color;
+ padding: 10px;
+ border: none;
+ border-radius: 0 0 4px 4px;
+ background-color: rgba(102, 153, 204, 0.7);
+ background-image: linear-gradient(to bottom,
+ rgba(0, 0, 0, 0.2),
+ transparent 2px);
+ background-clip: padding-box;
+}
+
+.app-notification:backdrop,
+.app-notification.frame:backdrop {
+ background-image: none;
+}
+
+.app-notification .button,
+.app-notification .header-bar .button.titlebutton,
+.header-bar .app-notification .button.titlebutton,
+.app-notification .titlebar .button.titlebutton,
+.titlebar .app-notification .button.titlebutton,
+.app-notification GtkCalendar.header .button.titlebutton,
+GtkCalendar.header .app-notification .button.titlebutton,
+.app-notification.frame .button {
+ color: @theme_fg_color;
+ border-color: rgba(75, 89, 112, 0.7);
+ background-image: linear-gradient(to bottom,
+ rgba(102, 153, 204, 0.7));
+ background-clip: padding-box;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ text-shadow: none;
+ icon-shadow: 0 1px black;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-radius: 3px;
+ padding: 0 0px 2px 0px;
+}
+
+.app-notification .button.flat,
+.app-notification .header-bar .titlebutton.button,
+.header-bar .app-notification .titlebutton.button,
+.app-notification .titlebar .titlebutton.button,
+.titlebar .app-notification .titlebutton.button,
+.app-notification GtkCalendar.header .titlebutton.button,
+GtkCalendar.header .app-notification .titlebutton.button,
+.app-notification.frame .button.flat,
+.app-notification.frame .header-bar .titlebutton.button,
+.header-bar .app-notification.frame .titlebutton.button,
+.app-notification.frame .titlebar .titlebutton.button,
+.titlebar .app-notification.frame .titlebutton.button,
+.app-notification.frame GtkCalendar.header .titlebutton.button,
+GtkCalendar.header .app-notification.frame .titlebutton.button {
+ icon-shadow: 0 1px black;
+ text-shadow: 0 1px black;
+}
+
+.app-notification .button:hover,
+.app-notification.frame .button:hover {
+ color: white;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom,
+ rgba(79, 119, 158, 0.7));
+ background-clip: padding-box;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ text-shadow: none;
+ icon-shadow: 0 1px black;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-radius: 3px;
+}
+
+.app-notification .button:active,
+.app-notification .button:checked,
+.app-notification .button:backdrop:active,
+.app-notification .button:backdrop:checked,
+.app-notification.frame .button:active,
+.app-notification.frame .button:checked,
+.app-notification.frame .button:backdrop:active,
+.app-notification.frame .button:backdrop:checked {
+ color: white;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom,
+ rgba(65, 106, 175, 0.7));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ icon-shadow: none;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-radius: 3px;
+}
+
+.app-notification .button:insensitive,
+.app-notification .button:backdrop:insensitive,
+.app-notification.frame .button:insensitive,
+.app-notification.frame .button:backdrop:insensitive {
+ color: #878989;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom,
+ rgba(52, 57, 57, 0.5));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ icon-shadow: none;
+ border-radius: 3px;
+ padding: 0px;
+}
+
+.app-notification .button:backdrop,
+.app-notification.frame .button:backdrop {
+ color: #eeeeec;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom,
+ rgba(102, 153, 204, 0.7));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ icon-shadow: none;
+ border-radius: 3px;
+ padding: 0px;
+}
+
diff --git a/desktop-themes/TraditionalOkTest/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOkTest/gtk-3.0/gtk-widgets.css
index 3438de92..53701b7d 100644
--- a/desktop-themes/TraditionalOkTest/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/TraditionalOkTest/gtk-3.0/gtk-widgets.css
@@ -2420,3 +2420,128 @@ GtkStack .linked.vertical .entry {
padding: 4px;
}
+/*********************
+ * App Notifications *
+ *********************/
+
+.app-notification,
+.app-notification.frame {
+ color: @theme_fg_color;
+ padding: 10px;
+ border: none;
+ border-radius: 0 0 4px 4px;
+ background-color: rgba(245, 121, 0, 0.7);
+ background-image: linear-gradient(to bottom,
+ rgba(0, 0, 0, 0.2),
+ transparent 2px);
+ background-clip: padding-box;
+}
+
+.app-notification:backdrop,
+.app-notification.frame:backdrop {
+ background-image: none;
+}
+
+.app-notification .button,
+.app-notification .header-bar .button.titlebutton,
+.header-bar .app-notification .button.titlebutton,
+.app-notification .titlebar .button.titlebutton,
+.titlebar .app-notification .button.titlebutton,
+.app-notification GtkCalendar.header .button.titlebutton,
+GtkCalendar.header .app-notification .button.titlebutton,
+.app-notification.frame .button {
+ color: @theme_fg_color;
+ border-color: rgba(75, 89, 112, 0.7);
+ background-image: linear-gradient(to bottom,
+ rgba(245, 121, 0, 0.7));
+ background-clip: padding-box;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ text-shadow: none;
+ icon-shadow: 0 1px black;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-radius: 3px;
+ padding: 0 0px 2px 0px;
+}
+
+.app-notification .button.flat,
+.app-notification .header-bar .titlebutton.button,
+.header-bar .app-notification .titlebutton.button,
+.app-notification .titlebar .titlebutton.button,
+.titlebar .app-notification .titlebutton.button,
+.app-notification GtkCalendar.header .titlebutton.button,
+GtkCalendar.header .app-notification .titlebutton.button,
+.app-notification.frame .button.flat,
+.app-notification.frame .header-bar .titlebutton.button,
+.header-bar .app-notification.frame .titlebutton.button,
+.app-notification.frame .titlebar .titlebutton.button,
+.titlebar .app-notification.frame .titlebutton.button,
+.app-notification.frame GtkCalendar.header .titlebutton.button,
+GtkCalendar.header .app-notification.frame .titlebutton.button {
+ icon-shadow: 0 1px black;
+ text-shadow: 0 1px black;
+}
+
+.app-notification .button:hover,
+.app-notification.frame .button:hover {
+ color: white;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom,
+ rgba(62, 46, 30, 0.7));
+ background-clip: padding-box;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ text-shadow: none;
+ icon-shadow: 0 1px black;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-radius: 3px;
+}
+
+.app-notification .button:active,
+.app-notification .button:checked,
+.app-notification .button:backdrop:active,
+.app-notification .button:backdrop:checked,
+.app-notification.frame .button:active,
+.app-notification.frame .button:checked,
+.app-notification.frame .button:backdrop:active,
+.app-notification.frame .button:backdrop:checked {
+ color: white;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom,
+ rgba(175, 120, 65, 0.7));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ icon-shadow: none;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-radius: 3px;
+}
+
+.app-notification .button:insensitive,
+.app-notification .button:backdrop:insensitive,
+.app-notification.frame .button:insensitive,
+.app-notification.frame .button:backdrop:insensitive {
+ color: #878989;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom,
+ rgba(52, 57, 57, 0.5));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ icon-shadow: none;
+ border-radius: 3px;
+ padding: 0px;
+}
+
+.app-notification .button:backdrop,
+.app-notification.frame .button:backdrop {
+ color: #eeeeec;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom,
+ rgba(245, 121, 0, 0.7));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ icon-shadow: none;
+ border-radius: 3px;
+ padding: 0px;
+}
+