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