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: { light: {
colors: { colors: {
primary: '#3f51b5', primary: '#3f51b5',
secondary: '#5cbbf6' secondary: '#5cbbf6',
github: '#2b3137',
discord: '#5865f2'
} }
}, },
dark: { dark: {
colors: { colors: {
primary: '#1a237e', primary: '#1a237e',
secondary: '#3949ab' secondary: '#3949ab',
github: '#2b3137',
discord: '#5865f2'
} }
} }
} }

View File

@ -26,10 +26,14 @@ onMounted(() => {
<v-container> <v-container>
<v-row align="center" justify="center"> <v-row align="center" justify="center">
<v-col cols="auto"> <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>
<v-col cols="auto"> <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-col>
</v-row> </v-row>
</v-container> </v-container>