New color scheme

web/src/App.vue

@@ -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

web/src/layouts/Default.vue

@@ -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">

web/src/plugins/vuetify.js

@@ -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'
       }
     }
   },

web/src/views/UserPresence.vue

@@ -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>