New color scheme
This commit is contained in:
parent
e8d310ebda
commit
dbec4b9054
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<v-app>
|
||||
<v-overlay :value="$apollo.queries.me.loading" z-index="9">
|
||||
<v-progress-circular color="primary" indeterminate size="120" />
|
||||
<v-progress-circular color="ifms" indeterminate size="120" />
|
||||
</v-overlay>
|
||||
<component :is="layout" />
|
||||
<v-snackbar
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
<div>
|
||||
<MainDrawer v-model="mainDrawer" />
|
||||
|
||||
<v-app-bar color="primary" app elevate-on-scroll clipped-left dark>
|
||||
<v-app-bar color="ifms" app elevate-on-scroll clipped-left dark>
|
||||
<v-toolbar-title>
|
||||
<v-tooltip right>
|
||||
<span>Portal de Tecnologia da Informação</span>
|
||||
|
@ -14,12 +14,12 @@
|
|||
</v-tooltip>
|
||||
</v-toolbar-title>
|
||||
<v-toolbar-items class="align-center">
|
||||
<h1
|
||||
<h2
|
||||
v-if="$vuetify.breakpoint.smAndUp"
|
||||
class="d-inline ml-4 font-weight-light"
|
||||
>
|
||||
{{ pageTitle }}
|
||||
</h1>
|
||||
</h2>
|
||||
</v-toolbar-items>
|
||||
<v-spacer />
|
||||
<v-toolbar-items class="align-center">
|
||||
|
|
|
@ -11,22 +11,30 @@ export default new Vuetify({
|
|||
},
|
||||
themes: {
|
||||
light: {
|
||||
primary: '#117D4C',
|
||||
secondary: '#8A3638',
|
||||
accent: '#079EB0',
|
||||
error: '#f44336',
|
||||
warning: '#ff5722',
|
||||
info: '#03a9f4',
|
||||
success: '#4caf50'
|
||||
ifms: '#117D4C',
|
||||
online: '#4CAF50',
|
||||
offline: '#AAAAAA',
|
||||
|
||||
accent: '#82B1FF',
|
||||
error: '#FF5252',
|
||||
info: '#2196F3',
|
||||
primary: '#41936E',
|
||||
secondary: '#424242',
|
||||
success: '#4CAF50',
|
||||
warning: '#FB8C00'
|
||||
},
|
||||
dark: {
|
||||
primary: '#004B1F',
|
||||
secondary: '#8A3638',
|
||||
accent: '#32A041',
|
||||
error: '#f44336',
|
||||
warning: '#ff5722',
|
||||
info: '#03a9f4',
|
||||
success: '#4caf50'
|
||||
ifms: '#117D4C',
|
||||
online: '#4CAF50',
|
||||
offline: '#AAAAAA',
|
||||
|
||||
accent: '#FF4081',
|
||||
error: '#FF5252',
|
||||
info: '#2196F3',
|
||||
primary: '#41936E',
|
||||
secondary: '#424242',
|
||||
success: '#4CAF50',
|
||||
warning: '#FB8C00'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
|
|
@ -30,7 +30,7 @@
|
|||
<v-container fluid class="mb-12">
|
||||
<div v-if="stats" class="text-center my-4">
|
||||
<span>
|
||||
<v-chip color="primary" class="mr-1" dark>
|
||||
<v-chip color="online" class="mr-1" dark>
|
||||
{{ stats.onlineUsers }}
|
||||
</v-chip>
|
||||
usuários online.
|
||||
|
@ -68,8 +68,8 @@
|
|||
outlined
|
||||
class="border-highlight light-shadow"
|
||||
:class="{
|
||||
online: userPresence.status == 'ONLINE',
|
||||
recent: userPresence.status == 'RECENT'
|
||||
'user-online': userPresence.status == 'ONLINE',
|
||||
'user-recent': userPresence.status == 'RECENT'
|
||||
}"
|
||||
>
|
||||
<v-list three-line>
|
||||
|
@ -289,9 +289,9 @@ export default {
|
|||
methods: {
|
||||
color(status) {
|
||||
return {
|
||||
ONLINE: 'primary',
|
||||
ONLINE: 'online',
|
||||
RECENT: 'warning lighten-1',
|
||||
OFFLINE: 'grey darken-1'
|
||||
OFFLINE: 'offline'
|
||||
}[status]
|
||||
}
|
||||
}
|
||||
|
@ -302,10 +302,10 @@ export default {
|
|||
.border-highlight {
|
||||
border-left: 4px solid grey;
|
||||
}
|
||||
.online {
|
||||
border-left-color: var(--v-primary-base);
|
||||
.user-online {
|
||||
border-left-color: var(--v-online-base);
|
||||
}
|
||||
.recent {
|
||||
.user-recent {
|
||||
border-left-color: var(--v-warning-lighten1);
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in New Issue
Block a user