summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorraveit65 <[email protected]>2016-08-13 18:23:01 +0200
committerraveit65 <[email protected]>2016-08-13 18:23:38 +0200
commit3efaccbf991876a898d96d5f32d1e2c2645bde6a (patch)
tree55fb85df468079145e07e3847fb91228e4ec1904
parent6ff1e71160cd643fb9e734ee0501eb54ba9a25c3 (diff)
downloadmate-themes-3efaccbf991876a898d96d5f32d1e2c2645bde6a.tar.bz2
mate-themes-3efaccbf991876a898d96d5f32d1e2c2645bde6a.tar.xz
GTK+-3.20 Submarine themes: GtkNotebook improvements and more
- fix volume-slider transparency - improve notebook styling
-rw-r--r--desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css19
-rw-r--r--desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css152
-rw-r--r--desktop-themes/Blue-Submarine/gtk-3.0/other-applications.css1
-rw-r--r--desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css21
-rw-r--r--desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css149
-rw-r--r--desktop-themes/Green-Submarine/gtk-3.0/other-applications.css1
6 files changed, 322 insertions, 21 deletions
diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
index 73b2fb0e..f98eb249 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
@@ -36,7 +36,7 @@ window {
color: @theme_fg_color;
}
-.background {
+.background:not(widget) {
color: @theme_fg_color;
background-color: @theme_bg_color;
}
@@ -130,6 +130,9 @@ rubberband,
.view.rubberband,
.rubberband {
background-color: alpha (@theme_selected_bg_color, 0.35);
+ background-image: linear-gradient(to bottom,
+ alpha (@theme_selected_bg_color, 0.35),
+ alpha (@theme_selected_bg_color, 0.35));
border-color: @theme_selected_bg_color;
border-style: solid;
border-width: 1px;
@@ -3359,13 +3362,17 @@ notebook.frame {
border-radius: 4px 4px 0px 0px;
}
-window.background > box.vertical > notebook, /* pavu-control */
-window.background.csd > box.vertical > notebook,
-window.background.ssd > box.vertical > notebook,
-window.background.solid-csd > box.vertical > notebook {
- background-color: shade (@theme_bg_color, 1.1);
+notebook.frame frame {
border-style: none;
border-width: 0px;
+}
+
+/* pavu-control */
+window.background > box.vertical > notebook:not(.frame),
+window.background.csd > box.vertical > notebook:not(.frame),
+window.background.ssd > box.vertical > notebook:not(.frame),
+window.background.solid-csd > box.vertical > notebook:not(.frame) {
+ background-color: shade (@theme_bg_color, 1.1);
border-radius: 4px 4px 0px 0px;
}
diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css b/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
index 7a1194c5..3cd15ef5 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
@@ -676,7 +676,8 @@ na-tray-applet > widget > box {
}
/* volume applet */
-.mate-panel-applet-slider {
+.mate-panel-applet-slider,
+.mate-panel-applet-slider.background {
background: transparent;
}
@@ -721,6 +722,151 @@ na-tray-applet > widget > box {
to (alpha(shade(@menu_bg_dark_color, 0.57) ,0.6)));
}
+/* mate-menu */
+#mate-menu.background {
+ background-color: @menu_bg_dark_color;
+ background-image: -gtk-gradient (linear,
+ left top, left bottom,
+ from (shade(@menu_bg_dark_color, 1.03)),
+ to (shade(@menu_bg_dark_color, 0.97)));
+ border-color: shade(@menu_fg_dark_color, 0.3);
+ border-width: 1px;
+ border-style: solid;
+ border-radius:2px;
+}
+
+#mate-menu.background viewport,
+#mate-menu.background > widget > box > widget > box {
+ background-color: @menu_bg_dark_color;
+ background-image: -gtk-gradient (linear,
+ left top, left bottom,
+ from (shade(@menu_bg_dark_color, 1.03)),
+ to (shade(@menu_bg_dark_color, 0.97)));
+}
+
+#mate-menu.background viewport,
+#mate-menu.background notebook {
+ color: @menu_fg_dark_color;
+ border-radius: 0px;
+ border-width: 0px;
+ border-style: none;
+}
+
+#mate-menu.background scrolledwindow {
+ border-color: shade(@menu_fg_dark_color, 0.3);
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 0px;
+}
+
+#mate-menu.background label,
+#mate-menu.background button,
+#mate-menu.background button.flat {
+ color: @menu_fg_dark_color;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: none;
+}
+
+#mate-menu.background button:hover label,
+#mate-menu.background button:hover,
+#mate-menu.background button.flat:hover {
+ color: shade (@theme_selected_bg_color, 2.0);
+}
+
+#mate-menu.background button:hover,
+#mate-menu.background button.flat:hover {
+ background-image: -gtk-gradient (linear,
+ left top, left bottom,
+ from (alpha(shade(@menu_bg_dark_color, 2.03), 0.6)),
+ to (alpha(shade(@menu_bg_dark_color, 1.17), 0.6)));
+ box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3),
+ inset 1px 0px shade (@theme_selected_bg_color, 1.3),
+ inset -1px 0px shade (@theme_selected_bg_color, 1.3),
+ inset 0px -1px shade (@theme_selected_bg_color, 1.3);
+}
+
+#mate-menu.background widget notebook viewport grid widget separator {
+ border-width: 1px 0px 0px 0px;
+ min-height: 1px;
+ background-color: shade(@menu_fg_dark_color, 0.3);
+ border-image: -gtk-gradient (linear,
+ left top, right top,
+ from (alpha (#000, 0.00)),
+ color-stop (0.25, alpha (#000, 0.03)),
+ color-stop (0.85, alpha (#000, 0.03)),
+ to (alpha (#000, 0.00))) 1;
+}
+
+#mate-menu.background scrollbar {
+ background-image: none;
+ border-style: solid;
+ border-color: shade(@menu_fg_dark_color, 0.3);
+}
+
+#mate-menu.background scrollbar.vertical trough {
+ background-image: none;
+}
+
+#mate-menu.background scrollbar.vertical slider {
+ background-image: -gtk-gradient (linear, left top, left bottom,
+ from (shade (@menu_bg_dark_color, 1.75)),
+ to (shade (@menu_bg_dark_color, 1.3)));
+ border-color: shade(@menu_fg_dark_color, 0.3);
+}
+
+#mate-menu.background scrollbar.vertical slider:hover,
+#mate-menu.background scrollbar.vertical slider:hover:active {
+ background-image: -gtk-gradient (linear, left top, left bottom,
+ from (shade (@menu_bg_dark_color, 1.3)),
+ to (shade (@menu_bg_dark_color, 1.75)));
+ border-color: shade(@menu_fg_dark_color, 0.3);
+}
+
+#mate-menu.background scrollbar.vertical.fine-tune slider:hover:active,
+#mate-menu.background scrollbar.vertical.fine-tune .slider:hover:active {
+ background-image: url("assets/slider_fine_vertical.svg"),
+ linear-gradient(to left,
+ shade(@menu_bg_dark_color, 1.75),
+ shade(@menu_bg_dark_color, 1.525) 55%,
+ shade(@menu_bg_dark_color, 1.3));
+ background-repeat: no-repeat;
+ background-position: center;
+ border-color: shade(@menu_fg_dark_color, 0.3);
+}
+
+#mate-menu.background scrollbar.vertical button:disabled {
+ background-color: transparent;
+ color: shade (@insensitive_fg_color, 0.6);
+}
+
+#mate-menu.background entry {
+ background-color: transparent;
+ background-image: -gtk-gradient(linear,
+ left top, left bottom,
+ from (shade(@menu_bg_dark_color, 1.16)),
+ color-stop (0.15, shade(@menu_bg_dark_color, 1.26)),
+ color-stop (0.50, shade(@menu_bg_dark_color, 1.28)),
+ to (shade(@menu_bg_dark_color, 1.30)));
+ color: shade (@menu_fg_dark_color, 1.0);
+}
+
+#mate-menu.background entry,
+#mate-menu.background entry:focus {
+ box-shadow: inset 0px 1px shade(@menu_fg_dark_color, 0.3),
+ inset 1px 0px shade(@menu_fg_dark_color, 0.3),
+ inset -1px 0px shade(@menu_fg_dark_color, 0.3),
+ inset 0px -1px shade(@menu_fg_dark_color, 0.3);
+ /* color of the cursor */
+ caret-color: shade (@menu_fg_dark_color, 1.0);
+}
+
+#mate-menu.background entry selection,
+#mate-menu.background entry selection:focus {
+ background-color: shade(@menu_fg_dark_color, 0.4);
+ color: shade (@menu_fg_dark_color, 1.2);
+}
+
/****************
* Mate-terminal *
****************/
@@ -956,10 +1102,6 @@ GvcMixerDialog notebook.frame:nth-child(even) {
border-radius: 3px 3px 0px 0px;
}
-GvcMixerDialog notebook.frame frame {
- border-style: none;
-}
-
/* fix weird borders in application page */
GvcMixerDialog notebook.frame scrolledwindow.frame {
border-style: none;
diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/other-applications.css b/desktop-themes/Blue-Submarine/gtk-3.0/other-applications.css
index 3678a359..804caf0c 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/other-applications.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/other-applications.css
@@ -629,7 +629,6 @@ window.background.solid-csd > box.vertical > notebook scrolledwindow viewport {
* virt-manager *
****************/
-window.background > box.vertical > notebook,
window.background > box.vertical > notebook overlay > scrolledwindow,
window.background > box.vertical > notebook overlay > scrolledwindow viewport {
border-style: none;
diff --git a/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css b/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
index 2c9afec1..20a438fd 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
@@ -36,7 +36,7 @@ window {
color: @theme_fg_color;
}
-.background {
+.background:not(widget) {
color: @theme_fg_color;
background-color: @theme_bg_color;
}
@@ -132,6 +132,9 @@ rubberband,
.view.rubberband,
.rubberband {
background-color: alpha (@theme_selected_bg_color, 0.35);
+ background-image: linear-gradient(to bottom,
+ alpha (@theme_selected_bg_color, 0.35),
+ alpha (@theme_selected_bg_color, 0.35));
border-color: @theme_selected_bg_color;
border-style: solid;
border-width: 1px;
@@ -3362,13 +3365,17 @@ notebook.frame {
border-radius: 4px 4px 0px 0px;
}
-window.background > box.vertical > notebook, /* pavu-control */
-window.background.csd > box.vertical > notebook,
-window.background.ssd > box.vertical > notebook,
-window.background.solid-csd > box.vertical > notebook {
+notebook.frame frame {
+ border-style: none;
+ border-width: 0px;
+}
+
+/* pavu-control */
+window.background > box.vertical > notebook:not(.frame),
+window.background.csd > box.vertical > notebook:not(.frame),
+window.background.ssd > box.vertical > notebook:not(.frame),
+window.background.solid-csd > box.vertical > notebook:not(.frame) {
background-color: shade (@theme_bg_color, 1.1);
- border-style: none;
- border-width: 0px;
border-radius: 4px 4px 0px 0px;
}
diff --git a/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css b/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
index 111895f2..81e033d2 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
@@ -691,7 +691,8 @@ na-tray-applet > widget > box {
}
/* volume applet */
-.mate-panel-applet-slider {
+.mate-panel-applet-slider,
+.mate-panel-applet-slider.background {
background: transparent;
}
@@ -736,6 +737,152 @@ na-tray-applet > widget > box {
to (alpha(shade(@menu_bg_dark_color, 0.57) ,0.6)));
}
+/* mate-menu */
+#mate-menu.background {
+ background-color: @menu_bg_dark_color;
+ background-image: -gtk-gradient (linear,
+ left top, left bottom,
+ from (shade(@menu_bg_dark_color, 1.03)),
+ to (shade(@menu_bg_dark_color, 0.97)));
+ border-color: shade(@menu_fg_dark_color, 0.3);
+ border-width: 1px;
+ border-style: solid;
+ border-radius:2px;
+}
+
+#mate-menu.background viewport,
+#mate-menu.background > widget > box > widget > box {
+ background-color: @menu_bg_dark_color;
+ background-image: -gtk-gradient (linear,
+ left top, left bottom,
+ from (shade(@menu_bg_dark_color, 1.03)),
+ to (shade(@menu_bg_dark_color, 0.97)));
+}
+
+#mate-menu.background viewport,
+#mate-menu.background notebook {
+ color: @menu_fg_dark_color;
+ border-radius: 0px;
+ border-width: 0px;
+ border-style: none;
+}
+
+#mate-menu.background scrolledwindow {
+ border-color: shade(@menu_fg_dark_color, 0.3);
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 0px;
+}
+
+#mate-menu.background label,
+#mate-menu.background button,
+#mate-menu.background button.flat {
+ color: @menu_fg_dark_color;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: none;
+}
+
+#mate-menu.background button:hover label,
+#mate-menu.background button:hover,
+#mate-menu.background button.flat:hover {
+ color: shade (@theme_selected_bg_color, 2.0);
+}
+
+#mate-menu.background button:hover,
+#mate-menu.background button.flat:hover {
+ background-image: -gtk-gradient (linear,
+ left top, left bottom,
+ from (alpha(shade(@menu_bg_dark_color, 2.03), 0.6)),
+ to (alpha(shade(@menu_bg_dark_color, 1.17), 0.6)));
+ box-shadow: inset 0px 1px shade(@selected_bg_color, 1.05),
+ inset 1px 0px shade(@selected_bg_color, 0.97),
+ inset -1px 0px shade(@selected_bg_color, 0.93),
+ inset 0px -1px shade(@selected_bg_color, 0.93);
+}
+
+#mate-menu.background widget notebook viewport grid widget separator {
+ border-width: 1px 0px 0px 0px;
+ min-height: 1px;
+ background-color: shade(@menu_fg_dark_color, 0.3);
+ border-image: -gtk-gradient (linear,
+ left top, right top,
+ from (alpha (#000, 0.00)),
+ color-stop (0.25, alpha (#000, 0.03)),
+ color-stop (0.85, alpha (#000, 0.03)),
+ to (alpha (#000, 0.00))) 1;
+}
+
+#mate-menu.background scrollbar {
+ background-image: none;
+ border-style: solid;
+ border-color: shade(@menu_fg_dark_color, 0.3);
+}
+
+#mate-menu.background scrollbar.vertical trough {
+ background-image: none;
+}
+
+#mate-menu.background scrollbar.vertical slider {
+ background-image: -gtk-gradient (linear, left top, left bottom,
+ from (shade (@menu_bg_dark_color, 1.75)),
+ to (shade (@menu_bg_dark_color, 1.3)));
+ border-color: shade(@menu_fg_dark_color, 0.3);
+}
+
+#mate-menu.background scrollbar.vertical slider:hover,
+#mate-menu.background scrollbar.vertical slider:hover:active {
+ background-image: -gtk-gradient (linear, left top, left bottom,
+ from (shade (@menu_bg_dark_color, 1.3)),
+ to (shade (@menu_bg_dark_color, 1.75)));
+ border-color: shade(@menu_fg_dark_color, 0.3);
+}
+
+#mate-menu.background scrollbar.vertical.fine-tune slider:hover:active,
+#mate-menu.background scrollbar.vertical.fine-tune .slider:hover:active {
+ background-image: url("assets/slider_fine_vertical.svg"),
+ linear-gradient(to left,
+ shade(@menu_bg_dark_color, 1.75),
+ shade(@menu_bg_dark_color, 1.525) 55%,
+ shade(@menu_bg_dark_color, 1.3));
+ background-repeat: no-repeat;
+ background-position: center;
+ border-color: shade(@menu_fg_dark_color, 0.3);
+}
+
+#mate-menu.background scrollbar.vertical button:disabled {
+ background-color: transparent;
+ color: shade (@insensitive_fg_color, 0.6);
+}
+
+#mate-menu.background entry {
+ background-color: transparent;
+ background-image: -gtk-gradient(linear,
+ left top, left bottom,
+ from (shade(@menu_bg_dark_color, 1.16)),
+ color-stop (0.15, shade(@menu_bg_dark_color, 1.26)),
+ color-stop (0.50, shade(@menu_bg_dark_color, 1.28)),
+ to (shade(@menu_bg_dark_color, 1.30)));
+ color: shade (@menu_fg_dark_color, 1.0);
+}
+
+#mate-menu.background entry,
+#mate-menu.background entry:focus {
+ box-shadow: inset 0px 1px shade(@menu_fg_dark_color, 0.3),
+ inset 1px 0px shade(@menu_fg_dark_color, 0.3),
+ inset -1px 0px shade(@menu_fg_dark_color, 0.3),
+ inset 0px -1px shade(@menu_fg_dark_color, 0.3);
+ /* color of the cursor */
+ caret-color: shade (@menu_fg_dark_color, 1.0);
+}
+
+#mate-menu.background entry selection,
+#mate-menu.background entry selection:focus {
+ background-color: shade(@menu_fg_dark_color, 0.4);
+ color: shade (@menu_fg_dark_color, 1.2);
+}
+
+
/****************
* Mate-terminal *
****************/
diff --git a/desktop-themes/Green-Submarine/gtk-3.0/other-applications.css b/desktop-themes/Green-Submarine/gtk-3.0/other-applications.css
index 689c5a7f..ac9741fc 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/other-applications.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/other-applications.css
@@ -622,7 +622,6 @@ window.background.solid-csd > box.vertical > notebook scrolledwindow viewport {
* virt-manager *
****************/
-window.background > box.vertical > notebook,
window.background > box.vertical > notebook overlay > scrolledwindow,
window.background > box.vertical > notebook overlay > scrolledwindow viewport {
border-style: none;