✏️ Change default color

This commit is contained in:
SebClem 2022-06-22 16:07:47 +02:00
parent 0a96e65bb8
commit dba5455b5e
Signed by: sebclem
GPG Key ID: 5A4308F6A359EA50
13 changed files with 31 additions and 13 deletions

5
.env.staging-dev Normal file
View File

@ -0,0 +1,5 @@
VITE_OAUTH_REDIRECT_URL="https://discord.com/api/oauth2/authorize?client_id=986632811207348294&redirect_uri=http%3A%2F%2Flocalhost%3A3000%2Foauth2%2Fcallback&response_type=code&scope=identify"
VITE_API_BASE_URL="https://next.api.claptrapbot.com/api/v2/"
VITE_DISCORD_USER_AVATAR_URL="https://cdn.discordapp.com/avatars/"
VITE_APP_TITLE="Claptrap DEV NEXT"

View File

@ -1,7 +1,6 @@
{ {
"recommendations": [ "recommendations": [
"vue.volar", "vue.volar",
"arcanis.vscode-zipfs",
"dbaeumer.vscode-eslint", "dbaeumer.vscode-eslint",
"esbenp.prettier-vscode" "esbenp.prettier-vscode"
] ]

View File

@ -1,12 +1,16 @@
<template> <template>
<v-app-bar class="bg-brown-darken-4"> <v-app-bar class="bg-brown-darken-4">
<v-app-bar-title class="text-yellow font-weight-black text-h4"> <v-app-bar-title class="text-primary font-weight-black text-h4">
<div class="d-flex align-center"> <div class="d-flex align-center">
<router-link to="/"> <router-link to="/">
<v-avatar><v-img src="/icon.png"></v-img></v-avatar> <v-avatar><v-img src="/icon.png"></v-img></v-avatar>
</router-link> </router-link>
<span class="ml-3 d-none d-sm-inline"> <span class="ml-3 d-none d-sm-inline">
<router-link to="/" class="text-yellow" style="text-decoration: none"> <router-link
to="/"
class="text-primary"
style="text-decoration: none"
>
Claptrap Bot Claptrap Bot
</router-link> </router-link>
</span> </span>

View File

@ -6,7 +6,7 @@
v-for="guild of guilds" v-for="guild of guilds"
:key="guild.id" :key="guild.id"
:value="guild.id" :value="guild.id"
active-color="yellow" active-color="primary"
:to="getToUrl(guild)" :to="getToUrl(guild)"
:disabled="shouldBeDisabled(guild)" :disabled="shouldBeDisabled(guild)"
> >

View File

@ -9,7 +9,7 @@
> >
<v-progress-circular <v-progress-circular
indeterminate indeterminate
color="yellow" color="primary"
size="200" size="200"
width="15" width="15"
></v-progress-circular> ></v-progress-circular>

View File

@ -5,7 +5,7 @@
<v-switch <v-switch
:id="fieldDescription.id" :id="fieldDescription.id"
:label="fieldDescription.name" :label="fieldDescription.name"
color="yellow" color="primary"
:messages="fieldDescription.description" :messages="fieldDescription.description"
density="compact" density="compact"
hide-details="auto" hide-details="auto"

View File

@ -4,7 +4,7 @@
<v-autocomplete <v-autocomplete
:id="fieldDescription.id" :id="fieldDescription.id"
:label="fieldDescription.name" :label="fieldDescription.name"
color="yellow" color="primary"
:messages="fieldDescription.description" :messages="fieldDescription.description"
density="compact" density="compact"
hide-details="auto" hide-details="auto"

View File

@ -4,7 +4,7 @@
<v-text-field <v-text-field
:id="fieldDescription.id" :id="fieldDescription.id"
:label="fieldDescription.name" :label="fieldDescription.name"
color="yellow" color="primary"
:messages="fieldDescription.description" :messages="fieldDescription.description"
density="compact" density="compact"
hide-details="auto" hide-details="auto"

View File

@ -1,7 +1,7 @@
<template> <template>
<v-card title="Guild Settings" :disabled="!properties.guild?.canManage"> <v-card title="Guild Settings" :disabled="!properties.guild?.canManage">
<template v-slot:prepend> <template v-slot:prepend>
<v-icon color="yellow" size="x-large">mdi-cog</v-icon> <v-icon color="primary" size="x-large">mdi-cog</v-icon>
</template> </template>
<v-card-text class="d-flex justify-center"> <v-card-text class="d-flex justify-center">
<v-btn <v-btn

View File

@ -1,7 +1,7 @@
<template> <template>
<v-card title="Stats" disabled> <v-card title="Stats" disabled>
<template v-slot:prepend> <template v-slot:prepend>
<v-icon color="yellow" size="x-large">mdi-crown</v-icon> <v-icon color="primary" size="x-large">mdi-crown</v-icon>
</template> </template>
</v-card> </v-card>
</template> </template>

View File

@ -5,8 +5,18 @@ import "vuetify/styles";
// Vuetify // Vuetify
import { createVuetify } from "vuetify"; import { createVuetify } from "vuetify";
const darkTheme = {
dark: true,
colors: {
primary: "#FFC107",
},
};
export default createVuetify({ export default createVuetify({
theme: { theme: {
defaultTheme: "dark", defaultTheme: "darkTheme",
themes: {
darkTheme,
},
}, },
}); });

View File

@ -4,7 +4,7 @@
<v-progress-circular <v-progress-circular
size="200" size="200"
width="17" width="17"
color="yellow" color="primary"
indeterminate indeterminate
></v-progress-circular> ></v-progress-circular>
</v-col> </v-col>

View File

@ -4,7 +4,7 @@
<v-progress-circular <v-progress-circular
size="200" size="200"
width="17" width="17"
color="yellow" color="primary"
indeterminate indeterminate
></v-progress-circular> ></v-progress-circular>
</v-col> </v-col>