Use colors var
This commit is contained in:
parent
784b4fbaf8
commit
67d9a30c00
|
@ -12,21 +12,21 @@ export default new Vuetify({
|
||||||
themes: {
|
themes: {
|
||||||
light: {
|
light: {
|
||||||
primary: '#117D4C',
|
primary: '#117D4C',
|
||||||
secondary: '#0EC975',
|
secondary: '#8A3638',
|
||||||
accent: '#0D947D',
|
accent: '#079EB0',
|
||||||
error: '#117D4C',
|
error: '#f44336',
|
||||||
info: '#0C7C8A',
|
warning: '#ff5722',
|
||||||
success: '#0D9431',
|
info: '#03a9f4',
|
||||||
warning: '#C95B08'
|
success: '#4caf50'
|
||||||
},
|
},
|
||||||
dark: {
|
dark: {
|
||||||
primary: '#004B1F',
|
primary: '#004B1F',
|
||||||
secondary: '#737373',
|
secondary: '#8A3638',
|
||||||
accent: '#32A041',
|
accent: '#32A041',
|
||||||
error: '#FF5252',
|
error: '#f44336',
|
||||||
info: '#2196F3',
|
warning: '#ff5722',
|
||||||
success: '#4CAF50',
|
info: '#03a9f4',
|
||||||
warning: '#FFC107'
|
success: '#4caf50'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
|
@ -289,8 +289,8 @@ export default {
|
||||||
methods: {
|
methods: {
|
||||||
color(status) {
|
color(status) {
|
||||||
return {
|
return {
|
||||||
ONLINE: 'green darken-2',
|
ONLINE: 'primary',
|
||||||
RECENT: 'orange darken-1',
|
RECENT: 'warning lighten-1',
|
||||||
OFFLINE: 'grey darken-1'
|
OFFLINE: 'grey darken-1'
|
||||||
}[status]
|
}[status]
|
||||||
}
|
}
|
||||||
|
@ -303,9 +303,9 @@ export default {
|
||||||
border-left: 4px solid grey;
|
border-left: 4px solid grey;
|
||||||
}
|
}
|
||||||
.online {
|
.online {
|
||||||
border-left-color: green;
|
border-left-color: var(--v-primary-base);
|
||||||
}
|
}
|
||||||
.recent {
|
.recent {
|
||||||
border-left-color: #ffc107;
|
border-left-color: var(--v-warning-lighten1);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user