change switch color

This commit is contained in:
Fayyazi
2019-10-09 14:23:25 +03:30
parent d8dd6f7bcf
commit 7c94a30254
2 changed files with 11 additions and 7 deletions
@@ -3,6 +3,7 @@
id="app-drawer"
v-model="inputValue"
app
absolute
dark
floating
persistent
+10 -7
View File
@@ -79,7 +79,7 @@
</v-menu>
</v-flex>
<v-flex xs12 sm2 md2>
<v-switch color="green" v-model="result" :label="'Result: ' + formData.result"></v-switch>
<v-switch color="light-green accent-3" v-model="result" :label="'Result: ' + formData.result"></v-switch>
</v-flex>
<v-spacer></v-spacer>
<v-flex xs12 sm2 md2>
@@ -223,7 +223,7 @@
<v-container fluid class="WM-Padding-LR-0">
<v-flex xs12>
<v-switch
color="green"
color="light-green accent-3"
v-model="formData[item.name+'_'+item.id]"
:label="item.name + ': ' + formData[item.name+'_'+item.id].toString()"
></v-switch>
@@ -362,7 +362,7 @@
<p>{{ children.name }}</p>
<v-flex xs12>
<v-switch
color="green"
color="light-green accent-3"
v-model="formData[children.name+'_'+children.id]"
:label="children.name + ': ' + formData[children.name+'_'+children.id].toString()"
></v-switch>
@@ -618,13 +618,16 @@ export default {
font-size: 30px !important;
}
.v-input--switch__track:not(.green--text) {
color: #E91E63 !important;
.v-input--switch__track:not(.light-green--text) {
/* color: #F44336 !important; */
color: #ed1c24;
}
.v-input--switch__thumb:not(.green--text) {
background-color: #E91E63 !important;
.v-input--switch__thumb:not(.light-green--text) {
/* background-color: #F44336 !important; */
background-color: #ed1c24;
}
.v-btn--floating {
padding: 0 !important;
}