Gtk+-3.20 all themes: better way to style keyboard layouts

mate-keyboard-layout-view and mate-keyboard-layout-chooser,
This way it styles only the border of the keys, the bg of the map
itself use the .view class from code.

8 files changed, 76 insertions, 24 deletions

diff --git a/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css b/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css
index 32bdbeb6..ef47db93 100644
--- a/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css
+++ b/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css
@@ -717,9 +717,15 @@ pluma-print-preview.vertical toolbar.horizontal button.flat.text-button {
     background-color: shade (@theme_bg_color, 1.0);
 }
 
-/* mate-keyboard-layout-view */
+/* mate-keyboard-layout-view, mate-keyboard-layout-chooser */
+/* this way it styles only the border of the keys, the bg of the map itself
+   use the .view class */
+.gswitchit-layout-view > box.dialog-vbox > box.vertical > widget,
+#xkb-layout-chooser > box.dialog-vbox > box.vertical > box.vertical > frame > widget {
+    background-color: shade (@theme_bg_color, 1.0);
+}
 
-.gswitchit-layout-view box.dialog-vbox box.vertical widget {
-    background-color: @less_dark_color;
+#xkb-layout-chooser > box.dialog-vbox > box.vertical > box.vertical > frame > border {
+    border-radius: 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 54535c42..2b09dc95 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
@@ -1336,9 +1336,15 @@ MsdOsdWindow.background.osd.msd-osd-window-solid progressbar trough {
 	border-radius: 3px;
 }
 
-/* mate-keyboard-layout-view */
+/* mate-keyboard-layout-view, mate-keyboard-layout-chooser */
+/* this way it styles only the border of the keys, the bg of the map itself
+   use the .view class */
+.gswitchit-layout-view > box.dialog-vbox > box.vertical > widget,
+#xkb-layout-chooser > box.dialog-vbox > box.vertical > box.vertical > frame > widget {
+    background-color: shade (@theme_bg_color, 1.0);
+}
 
-.gswitchit-layout-view box.dialog-vbox box.vertical widget {
-    background-color: shade (@theme_bg_color, 1.1);
+#xkb-layout-chooser > box.dialog-vbox > box.vertical > box.vertical > frame > border {
+    border-radius: 0px;
 }
 
diff --git a/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css b/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
index c7dc9ccd..86c86027 100644
--- a/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
+++ b/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
@@ -921,9 +921,15 @@ window.background.mate-terminal > box.vertical > notebook > header.top tab:check
     border-style: none;
 }
 
-/* mate-keyboard-layout-view */
+/* mate-keyboard-layout-view, mate-keyboard-layout-chooser */
+/* this way it styles only the border of the keys, the bg of the map itself
+   use the .view class */
+.gswitchit-layout-view > box.dialog-vbox > box.vertical > widget,
+#xkb-layout-chooser > box.dialog-vbox > box.vertical > box.vertical > frame > widget {
+    background-color: shade (@theme_bg_color, 1.0);
+}
 
-.gswitchit-layout-view box.dialog-vbox box.vertical widget {
-    background-color: shade (@theme_bg_color, 1.1);
+#xkb-layout-chooser > box.dialog-vbox > box.vertical > box.vertical > frame > border {
+    border-radius: 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 70617bb3..8b9f441c 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
@@ -1352,9 +1352,15 @@ MsdOsdWindow.background.osd.msd-osd-window-solid progressbar trough {
 	border-radius: 3px;
 }
 
-/* mate-keyboard-layout-view */
+/* mate-keyboard-layout-view, mate-keyboard-layout-chooser */
+/* this way it styles only the border of the keys, the bg of the map itself
+   use the .view class */
+.gswitchit-layout-view > box.dialog-vbox > box.vertical > widget,
+#xkb-layout-chooser > box.dialog-vbox > box.vertical > box.vertical > frame > widget {
+    background-color: shade (@theme_bg_color, 1.0);
+}
 
-.gswitchit-layout-view box.dialog-vbox box.vertical widget {
-    background-color: shade (@theme_bg_color, 1.1);
+#xkb-layout-chooser > box.dialog-vbox > box.vertical > box.vertical > frame > border {
+    border-radius: 0px;
 }
 
diff --git a/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css b/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css
index c77cd158..319128c1 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css
@@ -667,9 +667,19 @@ GvcMixerDialog > box.vertical.dialog-vbox > notebook.frame scrolledwindow.frame
     border-style: none;
 }
 
-/* mate-keyboard-layout-view */
+/* mate-keyboard-layout-view, mate-keyboard-layout-chooser */
+.gswitchit-layout-view box.dialog-vbox box.vertical widget,
+#xkb-layout-chooser box.dialog-vbox box.vertical box.vertical frame widget {
+    background-color: shade(@base_color, 1.03);
+}
+
+/* this way it styles only the border of the keys */
+.gswitchit-layout-view > box.dialog-vbox > box.vertical > widget,
+#xkb-layout-chooser > box.dialog-vbox > box.vertical > box.vertical > frame > widget {
+    background-color: shade (@theme_bg_color, 1.0);
+}
 
-.gswitchit-layout-view box.dialog-vbox box.vertical widget {
-    background-color: shade(@base_color, 1.02);
+#xkb-layout-chooser > box.dialog-vbox > box.vertical > box.vertical > frame > border {
+    border-radius: 0px;
 }
 
diff --git a/desktop-themes/Menta/gtk-3.0/mate-applications.css b/desktop-themes/Menta/gtk-3.0/mate-applications.css
index b6475733..299bc1ac 100644
--- a/desktop-themes/Menta/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Menta/gtk-3.0/mate-applications.css
@@ -924,9 +924,15 @@ window.background.mate-terminal > box.vertical > notebook > header.top tab:check
     border-style: none;
 }
 
-/* mate-keyboard-layout-view */
+/* mate-keyboard-layout-view, mate-keyboard-layout-chooser */
+/* this way it styles only the border of the keys, the bg of the map itself
+   use the .view class */
+.gswitchit-layout-view > box.dialog-vbox > box.vertical > widget,
+#xkb-layout-chooser > box.dialog-vbox > box.vertical > box.vertical > frame > widget {
+    background-color: shade (@theme_bg_color, 1.0);
+}
 
-.gswitchit-layout-view box.dialog-vbox box.vertical widget {
-    background-color: shade (@theme_bg_color, 1.1);
+#xkb-layout-chooser > box.dialog-vbox > box.vertical > box.vertical > frame > border {
+    border-radius: 0px;
 }
 
diff --git a/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css b/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css
index a227181a..87b387c1 100644
--- a/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css
+++ b/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css
@@ -587,9 +587,15 @@ GvcMixerDialog notebook.frame box scrolledwindow.frame {
     outline-style: dashed;
 }
 
-/* mate-keyboard-layout-view */
+/* mate-keyboard-layout-view, mate-keyboard-layout-chooser */
+/* this way it styles only the border of the keys, the bg of the map itself
+   use the .view class */
+.gswitchit-layout-view > box.dialog-vbox > box.vertical > widget,
+#xkb-layout-chooser > box.dialog-vbox > box.vertical > box.vertical > frame > widget {
+    background-color: shade (@theme_bg_color, 1.0);
+}
 
-.gswitchit-layout-view box.dialog-vbox box.vertical widget {
-    background-color: shade (@notebook_bg_color, 1.05);
+#xkb-layout-chooser > box.dialog-vbox > box.vertical > box.vertical > frame > border {
+    border-radius: 0px;
 }
 
diff --git a/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css b/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css
index 58152928..87cb80d7 100644
--- a/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css
+++ b/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css
@@ -587,9 +587,15 @@ GvcMixerDialog notebook.frame box scrolledwindow.frame {
     outline-style: dashed;
 }
 
-/* mate-keyboard-layout-view */
+/* mate-keyboard-layout-view, mate-keyboard-layout-chooser */
+/* this way it styles only the border of the keys, the bg of the map itself
+   use the .view class */
+.gswitchit-layout-view > box.dialog-vbox > box.vertical > widget,
+#xkb-layout-chooser > box.dialog-vbox > box.vertical > box.vertical > frame > widget {
+    background-color: shade (@theme_bg_color, 1.0);
+}
 
-.gswitchit-layout-view box.dialog-vbox box.vertical widget {
-    background-color: shade (@notebook_bg_color, 1.05);
+#xkb-layout-chooser > box.dialog-vbox > box.vertical > box.vertical > frame > border {
+    border-radius: 0px;
 }