summaryrefslogtreecommitdiff
path: root/desktop-themes
diff options
context:
space:
mode:
authorraveit65 <[email protected]>2017-03-24 21:31:34 +0100
committerraveit65 <[email protected]>2017-03-24 21:35:38 +0100
commit0164bba8acfcb4774638468857a65c3d15011f00 (patch)
tree1ad8d491f7b1920ec3e1e46492da4bc1c6b032d3 /desktop-themes
parent1987315b0b334b5f632f4c08009ba854c35b8cbd (diff)
downloadmate-themes-0164bba8acfcb4774638468857a65c3d15011f00.tar.bz2
mate-themes-0164bba8acfcb4774638468857a65c3d15011f00.tar.xz
Gtk+-3.20 submarine themes: improve headerbars and popover menus
Diffstat (limited to 'desktop-themes')
-rw-r--r--desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css82
-rw-r--r--desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css84
2 files changed, 128 insertions, 38 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 db3b1f64..00334828 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
@@ -5651,6 +5651,18 @@ popover button.image-button:disabled {
inset 0px -1px @insensitive_border_color;
}
+popover > box > button.text-button,
+popover > box > button.text-button:hover,
+popover > box > button.text-button:focus { /* ie. gedit menu button popover */
+ padding: 6px;
+}
+
+popover > box > button.text-button { /* ie. gedit menu button popover */
+ background-image: none;
+ color: @theme_fg_dark_color;
+ border-radius: 6px;
+}
+
modelbutton.flat,
.linked button.image-button.model {
min-height: 24px;
@@ -5671,7 +5683,7 @@ modelbutton.flat:last-child,
modelbutton.flat:only-child {
background-image: none;
color: @theme_fg_dark_color;
- border-radius: 4px;
+ border-radius: 6px;
padding: 6px 0px 6px 6px;
}
@@ -5699,14 +5711,15 @@ modelbutton.flat:checked:disabled:only-child,
modelbutton.flat:only-child,
modelbutton.flat:focus:only-child,
modelbutton.flat:checked:focus:only-child,
-.linked button.image-button.model {
+.linked button.image-button.model,
+popover > box > button.text-button { /* ie. gedit menu button popover */
background-color: shade (@theme_bg_dark_color, 1.0);
background-image: none;
border-color: transparent;
border-image: none;
border-style: none;
box-shadow: none;
- border-radius: 3px;
+ border-radius: 6px;
}
modelbutton.flat:checked:hover:only-child,
@@ -5732,7 +5745,12 @@ modelbutton.flat:checked:hover:active,
modelbutton.flat:focus:hover:active,
modelbutton.flat:hover:active,
modelbutton.flat:hover,
-modelbutton.flat:selected {
+modelbutton.flat:selected,
+popover > box > button.text-button:hover,
+popover > box > button.text-button:checked,
+popover > box > button.text-button:hover:active,
+popover > box > button.text-button:checked:hover,
+popover > box > button.text-button:checked:hover:active {
background-image: -gtk-gradient (linear,
left top, left bottom,
from (shade(@menu_bg_dark_color, 2.03)),
@@ -5808,6 +5826,10 @@ modelbutton.flat:selected {
border-radius: 0 6px 6px 0;
}
+popover > box > button.text-button:disabled {
+ color: mix (@menu_fg_dark_color, @menu_bg_dark_color, 0.4);
+}
+
popover button.default.text-button.suggested-action {
background-image: none;
color: @theme_fg_dark_color;
@@ -5866,26 +5888,46 @@ entry.cursor-handle.bottom,
***************/
headerbar,
-.titlebar {
- border-width: 0 0 1px;
- border-style: solid;
- border-color: shade(@borders, 0.90);
- border-radius: 7px 7px 0px 0px;
- box-shadow: inset 0 -1px shade(@wm_bg_b, 0.95);
+.background.ssd > paned.horizontal.titlebar,
+.background.csd > paned.horizontal.titlebar,
+.background.solid-csd > paned.horizontal.titlebar {
background-color: @theme_bg_dark_color;
- padding: 6px 6px 5px 6px;
background-image: linear-gradient(to bottom,
@wm_bg_a,
@wm_bg_b);
+ box-shadow: inset 0 -1px shade(@wm_bg_b, 0.95);
}
-/* fix for gedit, .titlebar does not match headerbar selector */
+headerbar.titlebar,
+.background.ssd > paned.horizontal.titlebar,
.background.csd > paned.horizontal.titlebar,
.background.solid-csd > paned.horizontal.titlebar {
- background-color: transparent;
- padding: 0px;
- margin: -2px -2px -2px -2px;
- border-width: 0px;
+ border-width: 0px 0px 1px 0px;
+ border-style: solid;
+ border-color: shade(@borders, 0.90);
+ border-radius: 7px 7px 0px 0px;
+ padding: 6px 6px 5px 6px;
+}
+
+/* fix for gedit, .titlebar does not match headerbar selector */
+.background.ssd > paned.horizontal.titlebar > headerbar,
+.background.csd > paned.horizontal.titlebar > headerbar,
+.background.solid-csd > paned.horizontal.titlebar > headerbar {
+ box-shadow: none;
+}
+
+.background.ssd > paned.horizontal.titlebar > separator, /* gedit */
+.background.csd > paned.horizontal.titlebar > separator,
+.background.solid-csd > paned.horizontal.titlebar > separator {
+ min-width: 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;
+ border-style: solid;
}
/* ie. meld */
@@ -5895,8 +5937,7 @@ dialog.background.solid-csd > headerbar.titlebar {
padding: 4px 6px 5px 6px;
}
-headerbar:backdrop,
-.titlebar:backdrop {
+headerbar.titlebar:backdrop {
border-image: linear-gradient(to top,
@unfocused_borders,
@unfocused_borders 1px,
@@ -6004,7 +6045,10 @@ headerbar .linked button:checked:hover:active:only-child {
headerbar button:disabled,
headerbar button:disabled:last-child,
-headerbar button:disabled:first-child {
+headerbar button:disabled:first-child,
+headerbar .linked button:disabled,
+headerbar .linked button:disabled:last-child,
+headerbar .linked button:disabled:first-child {
color: @theme_text_dark_color;
background-image: none;
background-color: @theme_bg_dark_color;
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 dcf40608..99fb76ae 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
@@ -5649,6 +5649,18 @@ popover button.image-button:disabled {
inset 0px -1px @insensitive_border_color;
}
+popover > box > button.text-button,
+popover > box > button.text-button:hover,
+popover > box > button.text-button:focus { /* ie. gedit menu button popover */
+ padding: 6px;
+}
+
+popover > box > button.text-button { /* ie. gedit menu button popover */
+ background-image: none;
+ color: @theme_fg_dark_color;
+ border-radius: 6px;
+}
+
modelbutton.flat,
.linked button.image-button.model {
min-height: 24px;
@@ -5669,7 +5681,7 @@ modelbutton.flat:last-child,
modelbutton.flat:only-child {
background-image: none;
color: @theme_fg_dark_color;
- border-radius: 4px;
+ border-radius: 6px;
padding: 6px 0px 6px 6px;
}
@@ -5697,14 +5709,16 @@ modelbutton.flat:checked:disabled:only-child,
modelbutton.flat:only-child,
modelbutton.flat:focus:only-child,
modelbutton.flat:checked:focus:only-child,
-.linked button.image-button.model {
+.linked button.image-button.model,
+popover > box > button.text-button { /* ie. gedit menu button popover */
+
background-color: shade (@theme_bg_dark_color, 1.0);
background-image: none;
border-color: transparent;
border-image: none;
border-style: none;
box-shadow: none;
- border-radius: 3px;
+ border-radius: 6px;
}
modelbutton.flat:checked:hover:only-child,
@@ -5730,7 +5744,12 @@ modelbutton.flat:checked:hover:active,
modelbutton.flat:focus:hover:active,
modelbutton.flat:hover:active,
modelbutton.flat:hover,
-modelbutton.flat:selected {
+modelbutton.flat:selected,
+popover > box > button.text-button:hover,
+popover > box > button.text-button:checked,
+popover > box > button.text-button:hover:active,
+popover > box > button.text-button:checked:hover,
+popover > box > button.text-button:checked:hover:active {
background-image: -gtk-gradient (linear,
left top, left bottom,
from (shade(@menu_bg_dark_color, 2.03)),
@@ -5806,6 +5825,10 @@ modelbutton.flat:selected {
border-radius: 0 6px 6px 0;
}
+popover > box > button.text-button:disabled {
+ color: mix (@menu_fg_dark_color, @menu_bg_dark_color, 0.4);
+}
+
popover button.default.text-button.suggested-action {
background-image: none;
color: @theme_fg_dark_color;
@@ -5864,26 +5887,46 @@ entry.cursor-handle.bottom,
***************/
headerbar,
-.titlebar {
- border-width: 0 0 1px;
- border-style: solid;
- border-color: shade(@borders, 0.90);
- border-radius: 7px 7px 0px 0px;
- box-shadow: inset 0 -1px shade(@wm_bg_b, 0.95);
+.background.ssd > paned.horizontal.titlebar,
+.background.csd > paned.horizontal.titlebar,
+.background.solid-csd > paned.horizontal.titlebar {
background-color: @theme_bg_dark_color;
- padding: 6px 6px 5px 6px;
background-image: linear-gradient(to bottom,
@wm_bg_a,
@wm_bg_b);
+ box-shadow: inset 0 -1px shade(@wm_bg_b, 0.95);
}
-/* fix for gedit, .titlebar does not match headerbar selector */
++headerbar.titlebar,
++.background.ssd > paned.horizontal.titlebar,
.background.csd > paned.horizontal.titlebar,
.background.solid-csd > paned.horizontal.titlebar {
- background-color: transparent;
- padding: 0px;
- margin: -2px -2px -2px -2px;
- border-width: 0px;
+ border-width: 0px 0px 1px 0px;
+ border-style: solid;
+ border-color: shade(@borders, 0.90);
+ border-radius: 7px 7px 0px 0px;
+ padding: 6px 6px 5px 6px;
+}
+
+/* fix for gedit, .titlebar does not match headerbar selector */
+.background.ssd > paned.horizontal.titlebar > headerbar,
+.background.csd > paned.horizontal.titlebar > headerbar,
+.background.solid-csd > paned.horizontal.titlebar > headerbar {
+ box-shadow: none;
+}
+
+.background.ssd > paned.horizontal.titlebar > separator, /* gedit */
+.background.csd > paned.horizontal.titlebar > separator,
+.background.solid-csd > paned.horizontal.titlebar > separator {
+ min-width: 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;
+ border-style: solid;
}
/* ie. meld */
@@ -5893,8 +5936,8 @@ dialog.background.solid-csd > headerbar.titlebar {
padding: 4px 6px 5px 6px;
}
-headerbar:backdrop,
-.titlebar:backdrop {
+headerbar.titlebar:backdrop {
+
border-image: linear-gradient(to top,
@unfocused_borders,
@unfocused_borders 1px,
@@ -6002,7 +6045,10 @@ headerbar .linked button:checked:hover:active:only-child {
headerbar button:disabled,
headerbar button:disabled:last-child,
-headerbar button:disabled:first-child {
+headerbar button:disabled:first-child,
+headerbar .linked button:disabled,
+headerbar .linked button:disabled:last-child,
+headerbar .linked button:disabled:first-child {
color: @theme_text_dark_color;
background-image: none;
background-color: @theme_bg_dark_color;