Support right-to-left text direction in stylesheets and make sidebar-pane styles compatible with upstream elementary stylesheet

elementary/stylesheet#1327

Author: ztefn

data/stylesheets/base.css

@@ -52,8 +52,13 @@ styleselector checkbutton radio {
   min-height: 12px;
   min-width: 12px;
   padding: 2px;
+}
+styleselector checkbutton radio:dir(ltr) {
   transform: translate(16px, 10px);
 }
+styleselector checkbutton radio:dir(rtl) {
+  transform: translate(-16px, 10px);
+}
 styleselector checkbutton radio:checked {
   -gtk-icon-source: -gtk-icontheme("object-select-symbolic");
   background-color: @accent_bg_color;

data/stylesheets/elementary-dark.css

@@ -8,11 +8,11 @@
 overlay-split-view widget:not(.sidebar-pane) > toolbarview,
 overlay-split-view widget:not(.sidebar-pane) > toolbarview searchbar,
 overlay-split-view widget:not(.sidebar-pane) > toolbarview listview {
-  background-color: mix(@BLACK_500, @BLACK_700, 0.075);
+  background-color: @insensitive_bg_color;
 }
 
-overlay-split-view widget.sidebar-pane > toolbarview {
-  background-color: mix(@BLACK_300, @BLACK_500, 0.725);
+overlay-split-view widget.sidebar-pane {
+  background-color: @base_color;
 }
 
 

data/stylesheets/elementary.css

@@ -17,13 +17,19 @@ windowcontrols button {
  * Decrease margins on main window controls
  */
 
-#main-window windowcontrols.start {
+#main-window windowcontrols.start:dir(ltr) {
   margin-right: 0;
 }
+#main-window windowcontrols.start:dir(rtl) {
+  margin-left: 0;
+}
 
-#main-window windowcontrols.end {
+#main-window windowcontrols.end:dir(ltr) {
   margin-left: 9px;
 }
+#main-window windowcontrols.end:dir(rtl) {
+  margin-right: 9px;
+}
 
 
 /*
@@ -139,12 +145,19 @@ row.property label.subtitle {
 overlay-split-view widget:not(.sidebar-pane) > toolbarview,
 overlay-split-view widget:not(.sidebar-pane) > toolbarview searchbar,
 overlay-split-view widget:not(.sidebar-pane) > toolbarview listview {
-  background-color: white;
+  background-color: @base_color;
 }
 
-overlay-split-view widget.sidebar-pane > toolbarview {
-  background-color: mix(@SILVER_100, @SILVER_300, 0.225);
+overlay-split-view widget.sidebar-pane {
+  background-color: @insensitive_bg_color;
+}
+overlay-split-view widget.sidebar-pane:dir(ltr) {
   border-left: 1px solid @menu_separator;
+  border-right: none;
+}
+overlay-split-view widget.sidebar-pane:dir(rtl) {
+  border-left: none;
+  border-right: 1px solid @menu_separator;
 }
 
 
@@ -252,8 +265,13 @@ overlay-split-view .rich-list row button.error image {
 
 #network-list > scrolledwindow > listview > row .network-node {
   border-radius: 50%;
+}
+#network-list > scrolledwindow > listview > row .network-node:dir(ltr) {
   margin-left: 6px;
 }
+#network-list > scrolledwindow > listview > row .network-node:dir(rtl) {
+  margin-right: 6px;
+}
 
 #network-list > scrolledwindow > listview > row .network-node-online {
   background: @LIME_300;