GTK+-3.20 GreenLaguna: fine tuning part-4

- adjust selected items in iconview
- don't use a border-radius for inline-toolbar
- adjust OSD settings
- adust popover menus
- increase size of check and radio images
- adjust expanders

2 files changed, 85 insertions, 24 deletions

diff --git a/desktop-themes/GreenLaguna/gtk-3.0/gtk-main.css b/desktop-themes/GreenLaguna/gtk-3.0/gtk-main.css
index 2a1e0b43..ae78d402 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/gtk-main.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/gtk-main.css
@@ -111,7 +111,7 @@
  *******/
 @define-color osd_highlight #ffffff;
 @define-color osd_lowlight #515251;
-@define-color osd_base #252621;
+@define-color osd_base @selected_bg_color;
 
 @define-color osd_fg #EBEDEB;
 @define-color osd_bg alpha(@osd_base, 0.80);
diff --git a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
index dc9c384c..a2789e63 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
@@ -395,6 +395,19 @@ dialog view  {
 	color: @theme_text_color;
 }
 
+iconview.view:selected,
+iconview.view:selected:hover {
+	background-color: shade(@theme_selected_bg_color, 1.0);
+	color: @theme_selected_fg_color;
+    border-radius: 4px;
+}
+
+iconview.view:hover {
+	background-color: shade(@theme_selected_bg_color, 1.8);
+	color: @theme_text_color;
+    border-radius: 4px;
+}
+
 textview text selection, textview text selection:focus {
     background-color: @theme_selected_bg_color;
     color: @theme_selected_fg_color;
@@ -2337,9 +2350,10 @@ toolbar entry progressbar {
 /*******************
  * Inline toolbars *
  *******************/
+
 toolbar.inline-toolbar {
 	border-width: 1px;
-	border-radius: 3px;
+	border-radius: 0px;
 	border-style: solid;
 	border-color: darker (@theme_bg_color);
 	background-image: linear-gradient(to bottom,
@@ -2444,6 +2458,7 @@ button.osd:checked,
 
 button.osd,
 .osd button {
+    margin: 0px 1px;
 	padding: 4px;
 	background-image: linear-gradient(to bottom,
 	                                  @osd_button_bg_a,
@@ -2542,14 +2557,6 @@ toolbar.osd {
     -GtkToolbar-button-relief: normal;
 }
 
-/* left/right button box */
-toolbar.osd .horizontal.linked {
-    background-image: linear-gradient(to left,
-	                                  shade(@theme_selected_bg_color, 1.1),
-	                                  shade(@theme_selected_bg_color, 0.95));
-    border-radius: 5px;
-}
-
 toolbar.osd button,
 toolbar.osd .linked button {
     background-color: transparent;
@@ -2709,9 +2716,9 @@ popover.background {
 	border-width: 1px;
 	border-style: solid;
 	border-radius: 6px;
-	background-color: shade(@theme_selected_bg_color, 0.8);
-	background-image: linear-gradient(to bottom,
-	                                  shade(@theme_selected_bg_color, 1.1),
+	background-color: transparent;
+	background-image: linear-gradient(to right,
+	                                  shade(@theme_selected_bg_color, 1.0),
 	                                  shade(@theme_selected_bg_color, 0.65));
 	box-shadow: 0 1px 5px @wm_shadow;
 	text-shadow: none;
@@ -2871,6 +2878,45 @@ modelbutton.flat:selected {
 	border-radius: 3px;
 }
 
+modelbutton.flat {
+  min-height: 22px;
+}
+
+modelbutton arrow {
+	background-color: transparent;
+    padding: 0px 4px 0px 0px;
+    min-height: 20px;
+    min-width: 20px;
+}
+
+modelbutton.flat arrow.left {
+    -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+modelbutton.flat arrow.right {
+    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+modelbutton check,
+modelbutton radio {
+    min-height: 16px;
+    min-width: 16px;
+	background-color: transparent;
+}
+
+modelbutton arrow:hover,
+modelbutton check:hover,
+modelbutton radio:hover,
+modelbutton arrow:disabled,
+modelbutton check:disabled,
+modelbutton radio:disabled {
+	background-color: transparent;
+}
+
+modelbutton label {
+    padding: 0px 0px 0px 4px
+}
+
 popover separator {
 	font-size: 80%;
 	font-weight: bold;
@@ -2885,6 +2931,12 @@ popover .horizontal label {
     color: @theme_selected_fg_color;
 }
 
+.linked button.image-button.model {
+    min-height: 28px;
+    margin: 0px 1px;
+}
+
+.linked button.image-button.model,
 popover button.default.suggested-action.text-button {
     background-color: transparent;
     background-image: none;
@@ -2894,6 +2946,7 @@ popover button.default.suggested-action.text-button {
     border-radius: 2px;
 }
 
+.linked button.image-button.model:hover,
 popover button.default.suggested-action.text-button:hover {
 	color: @theme_selected_fg_color;
 	background-image:  linear-gradient(to bottom,
@@ -3318,8 +3371,8 @@ window.background.popup menu menuitem radio {
 	padding: 0px 6px 0px 0px;
     background-repeat: no-repeat;
     background-position: center;
-	min-height: 12px;
-	min-width: 12px;
+	min-height: 16px;
+	min-width: 16px;
     background-color: transparent;
 }
 
@@ -3376,43 +3429,51 @@ treeview.view.expander:checked {
     -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
 
+/*************
+ * Expanders *
+ *************/
+
 expander arrow {
-    -gtk-icon-style: regular;
+	min-height: 16px;
+    min-width: 16px;
     -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
 }
 
 expander arrow:dir(rtl) {
+	min-height: 16px;
+    min-width: 16px;
     -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
 }
 
 expander arrow:hover {
-    color: @internal_element_color;
+	color: @theme_fg_color;
 }
 
 expander arrow:checked {
+	min-height: 16px;
+    min-width: 16px;
     -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
 
-expander {
+expander title {
 	border-style: solid;
 	border-width: 1px;
 	border-radius: 2px;
 	border-color: @internal_element_color;
-	color: @internal_element_color;
-
+	color: @theme_fg_color;
 	background-image: none;
 	background-color: transparent;
 }
 
-expander:active {
+expander title:active {
 	border-color: @internal_element_color;
-	color: @internal_element_color;
+	color: @theme_fg_color;
 	background-color: transparent;
 }
 
-expander:hover {
+expander title:hover {
 	border-color: @internal_element_color;
-	color: @internal_element_color;
+	color: @theme_fg_color;
 }
 
 expander row {