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:
parent
4165f58e36
commit
e82e489e62
4 changed files with 42 additions and 24 deletions
|
@ -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 */
|
||||
|
||||
|
|
|
@ -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%;
|
||||
|
|
|
@ -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">
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue