Add GitHub and Discord branding colors

This commit is contained in:
Maciej Pędzich 2023-05-26 13:55:42 +02:00
parent d4f1cbf637
commit bf18b7c4c7
2 changed files with 12 additions and 4 deletions

View File

@ -18,13 +18,17 @@ export default createVuetify({
light: {
colors: {
primary: '#3f51b5',
secondary: '#5cbbf6'
secondary: '#5cbbf6',
github: '#2b3137',
discord: '#5865f2'
}
},
dark: {
colors: {
primary: '#1a237e',
secondary: '#3949ab'
secondary: '#3949ab',
github: '#2b3137',
discord: '#5865f2'
}
}
}

View File

@ -26,10 +26,14 @@ onMounted(() => {
<v-container>
<v-row align="center" justify="center">
<v-col cols="auto">
<v-btn size="large" @click="logIn('github')">GitHub</v-btn>
<v-btn color="github" size="large" @click="logIn('github')"
>GitHub</v-btn
>
</v-col>
<v-col cols="auto">
<v-btn size="large" @click="logIn('discord')">Discord</v-btn>
<v-btn color="discord" size="large" @click="logIn('discord')"
>Discord</v-btn
>
</v-col>
</v-row>
</v-container>