From dbec4b9054b59de97e08f75a4f805fdfe5269468 Mon Sep 17 00:00:00 2001
From: Douglas Barone <douglasvbarone@gmail.com>
Date: Mon, 21 Dec 2020 09:59:56 -0400
Subject: [PATCH] New color scheme

---
 web/src/App.vue                |  2 +-
 web/src/layouts/Default.vue    |  6 +++---
 web/src/plugins/vuetify.js     | 36 +++++++++++++++++++++-------------
 web/src/views/UserPresence.vue | 16 +++++++--------
 4 files changed, 34 insertions(+), 26 deletions(-)

diff --git a/web/src/App.vue b/web/src/App.vue
index 73956ae..5ccccc5 100755
--- a/web/src/App.vue
+++ b/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
diff --git a/web/src/layouts/Default.vue b/web/src/layouts/Default.vue
index b1cec50..6afac09 100755
--- a/web/src/layouts/Default.vue
+++ b/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">
diff --git a/web/src/plugins/vuetify.js b/web/src/plugins/vuetify.js
index ce9b7e9..4507668 100755
--- a/web/src/plugins/vuetify.js
+++ b/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'
       }
     }
   },
diff --git a/web/src/views/UserPresence.vue b/web/src/views/UserPresence.vue
index 4514d9b..c307d34 100644
--- a/web/src/views/UserPresence.vue
+++ b/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>