1
0
Fork 0
mirror of https://github.com/betaflight/betaflight-configurator.git synced 2025-07-24 00:35:26 +03:00

Fix darkmode on motor and servo tab

This commit is contained in:
Mark Haslinghuis 2021-02-17 23:10:13 +01:00
parent 4165f58e36
commit e82e489e62
4 changed files with 42 additions and 24 deletions

View file

@ -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 */

View file

@ -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%;

View file

@ -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">