Mise à jour des couleur et du thème
This commit is contained in:
@@ -13,36 +13,38 @@ import { createVuetify } from 'vuetify'
|
|||||||
|
|
||||||
const CustomThemeDark = {
|
const CustomThemeDark = {
|
||||||
dark: true,
|
dark: true,
|
||||||
colors: {
|
colors: {
|
||||||
background: '#121212',
|
background: '#121212',
|
||||||
primary: '#d42828',
|
primary: '#d42828',
|
||||||
secondary: '#F44336',
|
secondary: '#F44336',
|
||||||
accent: '#FFC107',
|
accent: '#FFC107',
|
||||||
error: '#e91e1e',
|
error: '#e91e1e',
|
||||||
warning: '#FFC107',
|
warning: '#FFC107',
|
||||||
info: '#607D8B',
|
info: '#607D8B',
|
||||||
success: '#15B01B',
|
inactiveButton: '#707070ff',
|
||||||
BlueBuzzer: '#2867d4',
|
success: '#15B01B',
|
||||||
YellowBuzzer: '#D4D100',
|
BlueBuzzer: '#2867d4',
|
||||||
RedBuzzer: '#d42828',
|
YellowBuzzer: '#D4D100',
|
||||||
|
RedBuzzer: '#d42828',
|
||||||
GreenBuzzer: '#28d42e',
|
GreenBuzzer: '#28d42e',
|
||||||
DisconnectedBuzzer: '#595959',
|
DisconnectedBuzzer: '#595959',
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
const CustomThemeLight = {
|
const CustomThemeLight = {
|
||||||
dark: false,
|
dark: false,
|
||||||
colors: {
|
colors: {
|
||||||
background: '#ffffff',
|
background: '#ffffff',
|
||||||
primary: '#d42828',
|
primary: '#d42828',
|
||||||
secondary: '#F44336',
|
secondary: '#F44336',
|
||||||
accent: '#FFC107',
|
accent: '#FFC107',
|
||||||
error: '#e91e1e',
|
error: '#e91e1e',
|
||||||
warning: '#FFC107',
|
warning: '#FFC107',
|
||||||
info: '#607D8B',
|
info: '#607D8B',
|
||||||
success: '#4CAF50',
|
inactiveButton: '#707070ff',
|
||||||
BlueBuzzer: '#2867d4',
|
success: '#4CAF50',
|
||||||
YellowBuzzer: '#D4D100',
|
BlueBuzzer: '#2867d4',
|
||||||
RedBuzzer: '#d42828',
|
YellowBuzzer: '#D4D100',
|
||||||
|
RedBuzzer: '#d42828',
|
||||||
GreenBuzzer: '#28d42e',
|
GreenBuzzer: '#28d42e',
|
||||||
DisconnectedBuzzer: '#595959',
|
DisconnectedBuzzer: '#595959',
|
||||||
}
|
}
|
||||||
@@ -50,10 +52,11 @@ const CustomThemeLight = {
|
|||||||
|
|
||||||
// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
|
// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
|
||||||
export default createVuetify({
|
export default createVuetify({
|
||||||
theme: {
|
theme: {
|
||||||
defaultTheme: 'CustomThemeDark',
|
defaultTheme: 'CustomThemeDark',
|
||||||
themes: {
|
themes: {
|
||||||
CustomThemeDark,
|
CustomThemeDark,
|
||||||
CustomThemeLight, },
|
CustomThemeLight,
|
||||||
|
},
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|||||||
Reference in New Issue
Block a user