Gtk-3.18 traditional themes: adjust GtkFileChooser

3 files changed, 159 insertions, 3 deletions

diff --git a/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css
index 3e8e0105..c85aa8fe 100644
--- a/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css
@@ -951,7 +951,7 @@ GtkListBoxRow.button.list-row {
 	color: @theme_text_color;
 	background-color: @theme_base_color;
 	border-radius: 0px;
-	border: none;
+	border-style: none;
     padding: 2px;
 }
 
@@ -1763,6 +1763,58 @@ GtkCheckButton:selected:focus {
 	background-color: @sidebar_bg_color;
 }
 
+.sidebar .frame {
+    border-style: none;
+}
+
+/* dialog open */
+.sidebar.list,
+.sidebar.list .button {
+    background-color: @theme_base_color;
+}
+
+.sidebar-revealer .sidebar-button.image-button.button {
+    background-color: transparent;
+    background-image: none;
+    border-image:none;
+    box-shadow: none;
+}
+
+.sidebar.list .button .sidebar-label {
+    padding: 0px 8px;
+}
+
+.sidebar.list .button {
+    background-image: none;
+    border-style: none;
+    border-image:none;
+    border-radius: 0px;
+    padding: 3px 8px 3px 6px;
+}
+
+.sidebar.list .button:hover {
+	background-image: linear-gradient(to bottom,
+	                  shade(@button_active_gradient_a, 1.20),
+	                  shade(@button_active_gradient_b, 1.20) 3px,
+	                  shade(@button_active_gradient_c, 1.20) 4px,
+	                  shade(@button_active_gradient_d, 1.20) 50%,
+	                  shade(@button_active_gradient_e, 1.20) 50%,
+	                  shade(@button_active_gradient_f, 1.20));
+	background-color: transparent;
+}
+
+.sidebar.list .button:selected {
+    border-style: none;
+	color: @theme_selected_fg_color;
+	background-image: -gtk-gradient (linear,
+	                  left top,
+	                  left bottom,
+	                  from (@menubar_menuitem_hover_gradient_a),
+	                  color-stop (0.50, @menubar_menuitem_hover_gradient_b),
+	                  color-stop (0.50, @menubar_menuitem_hover_gradient_c),
+	                  to (@menubar_menuitem_hover_gradient_d));
+}
+
 .sidebar .radio,
 .sidebar .radio:focus,
 .sidebar .radio:selected {
diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css
index e8522747..d95d1732 100644
--- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css
@@ -950,7 +950,7 @@ GtkListBoxRow.button.list-row {
 	color: @theme_text_color;
 	background-color: @theme_base_color;
 	border-radius: 0px;
-	border: none;
+	border-style: none;
     padding: 2px;
 }
 
@@ -1767,6 +1767,58 @@ GtkCheckButton:selected:focus {
 	background-color: @sidebar_bg_color;
 }
 
+.sidebar .frame {
+    border-style: none;
+}
+
+/* dialog open */
+.sidebar.list,
+.sidebar.list .button {
+    background-color: @theme_base_color;
+}
+
+.sidebar-revealer .sidebar-button.image-button.button {
+    background-color: transparent;
+    background-image: none;
+    border-image:none;
+    box-shadow: none;
+}
+
+.sidebar.list .button .sidebar-label {
+    padding: 0px 8px;
+}
+
+.sidebar.list .button {
+    background-image: none;
+    border-style: none;
+    border-image:none;
+    border-radius: 0px;
+    padding: 3px 8px 3px 6px;
+}
+
+.sidebar.list .button:hover {
+	background-image: linear-gradient(to bottom,
+	                  shade(@button_active_gradient_a, 1.20),
+	                  shade(@button_active_gradient_b, 1.20) 3px,
+	                  shade(@button_active_gradient_c, 1.20) 4px,
+	                  shade(@button_active_gradient_d, 1.20) 50%,
+	                  shade(@button_active_gradient_e, 1.20) 50%,
+	                  shade(@button_active_gradient_f, 1.20));
+	background-color: transparent;
+}
+
+.sidebar.list .button:selected {
+    border-style: none;
+	color: @theme_selected_fg_color;
+	background-image: -gtk-gradient (linear,
+	                  left top,
+	                  left bottom,
+	                  from (@menubar_menuitem_hover_gradient_a),
+	                  color-stop (0.50, @menubar_menuitem_hover_gradient_b),
+	                  color-stop (0.50, @menubar_menuitem_hover_gradient_c),
+	                  to (@menubar_menuitem_hover_gradient_d));
+}
+
 .sidebar .radio,
 .sidebar .radio:focus,
 .sidebar .radio:selected {
diff --git a/desktop-themes/TraditionalOkTest/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOkTest/gtk-3.0/gtk-widgets.css
index 4bb18c2d..c7ac93e4 100644
--- a/desktop-themes/TraditionalOkTest/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/TraditionalOkTest/gtk-3.0/gtk-widgets.css
@@ -950,7 +950,7 @@ GtkListBoxRow.button.list-row {
 	color: @theme_text_color;
 	background-color: @theme_base_color;
 	border-radius: 0px;
-	border: none;
+	border-style: none;
     padding: 2px;
 }
 
@@ -1762,6 +1762,58 @@ GtkCheckButton:selected:focus {
 	background-color: @sidebar_bg_color;
 }
 
+.sidebar .frame {
+    border-style: none;
+}
+
+/* dialog open */
+.sidebar.list,
+.sidebar.list .button {
+    background-color: @theme_base_color;
+}
+
+.sidebar-revealer .sidebar-button.image-button.button {
+    background-color: transparent;
+    background-image: none;
+    border-image:none;
+    box-shadow: none;
+}
+
+.sidebar.list .button .sidebar-label {
+    padding: 0px 8px;
+}
+
+.sidebar.list .button {
+    background-image: none;
+    border-style: none;
+    border-image:none;
+    border-radius: 0px;
+    padding: 3px 8px 3px 6px;
+}
+
+.sidebar.list .button:hover {
+	background-image: linear-gradient(to bottom,
+	                  shade(@button_active_gradient_a, 1.20),
+	                  shade(@button_active_gradient_b, 1.20) 3px,
+	                  shade(@button_active_gradient_c, 1.20) 4px,
+	                  shade(@button_active_gradient_d, 1.20) 50%,
+	                  shade(@button_active_gradient_e, 1.20) 50%,
+	                  shade(@button_active_gradient_f, 1.20));
+	background-color: transparent;
+}
+
+.sidebar.list .button:selected {
+    border-style: none;
+	color: @theme_selected_fg_color;
+	background-image: -gtk-gradient (linear,
+	                  left top,
+	                  left bottom,
+	                  from (@menubar_menuitem_hover_gradient_a),
+	                  color-stop (0.50, @menubar_menuitem_hover_gradient_b),
+	                  color-stop (0.50, @menubar_menuitem_hover_gradient_c),
+	                  to (@menubar_menuitem_hover_gradient_d));
+}
+
 .sidebar .radio,
 .sidebar .radio:focus,
 .sidebar .radio:selected {