Fix darkmode on motor and servo tab

src/css/dark-theme.css

@@ -257,10 +257,6 @@ button {
 
 /* CONFIGURATION TAB */
 
-.tab-configuration .mixerPreview {
-    background-color: #393b3a;
-}
-
 .tab-configuration .gui_box span {
     color: white;
 }
@@ -433,6 +429,16 @@ progress[value]::-webkit-progress-bar {
 
 /* MOTORS TAB */
 
+.tab-motors .gui_box span {
+    color: white;
+}
+
+.tab-motors input,
+.tab-motors select {
+    background-color: #3a3a3a;
+    color: white;
+}
+
 .tab-motors .plot_control {
     background-color: #393b3a;
 }
@@ -819,6 +825,19 @@ progress[value]::-webkit-progress-bar {
     color: white;
 }
 
+.tab-servos .servoblock {
+    background-color: #393b3a;
+    color: white;
+}
+
+.tab-servos .m-block .label {
+    color: white;
+}
+
+.tab-servos .m-block .meter-bar {
+    background-color: #393b3a;
+}
+
 
 /* SETUP TAB */
 

src/css/tabs/motors.css

@@ -22,6 +22,7 @@
 .tab-motors table, .tab-motors table th, .tab-motors table td {
     padding: 0;
     text-align: left;
+    border-collapse: collapse;
 }
 
 .tab-motors table th {
@@ -55,8 +56,13 @@
 }
 
 .tab-motors .mixerList {
-    float: left   ;
-    width: 29%;
+    width: 44%;
+}
+
+.tab-motors .mixerPreview img {
+    width: 150px;
+    height: 150px;
+    margin-left: 48px;
 }
 
 .tab-motors .featuresMultiple {
@@ -250,10 +256,6 @@
     width: calc(100% - 160px);
 }
 
-.tab-motors .mixerPreview {
-    float: left;
-}
-
 .tab-motors #dialogMotorOutputReorder-closebtn {
     margin-right: 0px;
     margin-bottom: 0px;
@@ -320,13 +322,6 @@
     flex-grow: 1;
 }
 
-.tab-motors .mixerPreview img {
-    width: 150px;
-    height: 150px;
-    margin-top: 18px;
-    margin-left: 32px;
-}
-
 .tab-motors .tool-buttons {
     float: right;
     margin-bottom: -3%;

src/tabs/motors.html

@@ -21,8 +21,12 @@
                                     <!-- list generated here -->
                                 </select>
                             </div>
-                            <div class="spacer_box mixerPreview">
-                                <img src="./resources/motor_order/custom.svg" />
+                            <div class="grid-row">
+                                <div class="grid-col col6">
+                                    <div class="mixerPreview">
+                                        <img src="./resources/motor_order/custom.svg" alt="Mixer Preview">
+                                    </div>
+                                </div>
                             </div>
                             <div class="spacer_box reverseMotor">
                                 <div class="topBorderLine">