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.
mate-desktop · Apr 2, 2017 · deac147 · deac147
1 parent 44237d0
commit deac147
Show file tree

Hide file tree

Showing 8 changed files with 77 additions and 24 deletions.
diff --git a/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css b/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css
@@ -741,9 +741,16 @@ pluma-print-preview.vertical toolbar.horizontal button.flat.text-button {
 	border-radius: 11px;
 }
 
-/* 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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;
 }