Use colors var

web/src/plugins/vuetify.js

@@ -12,21 +12,21 @@ export default new Vuetify({
     themes: {
       light: {
         primary: '#117D4C',
-        secondary: '#0EC975',
-        accent: '#0D947D',
-        error: '#117D4C',
-        info: '#0C7C8A',
-        success: '#0D9431',
-        warning: '#C95B08'
+        secondary: '#8A3638',
+        accent: '#079EB0',
+        error: '#f44336',
+        warning: '#ff5722',
+        info: '#03a9f4',
+        success: '#4caf50'
       },
       dark: {
         primary: '#004B1F',
-        secondary: '#737373',
+        secondary: '#8A3638',
         accent: '#32A041',
-        error: '#FF5252',
-        info: '#2196F3',
-        success: '#4CAF50',
-        warning: '#FFC107'
+        error: '#f44336',
+        warning: '#ff5722',
+        info: '#03a9f4',
+        success: '#4caf50'
       }
     }
   },

web/src/views/UserPresence.vue

@@ -289,8 +289,8 @@ export default {
   methods: {
     color(status) {
       return {
-        ONLINE: 'green darken-2',
-        RECENT: 'orange darken-1',
+        ONLINE: 'primary',
+        RECENT: 'warning lighten-1',
         OFFLINE: 'grey darken-1'
       }[status]
     }
@@ -303,9 +303,9 @@ export default {
   border-left: 4px solid grey;
 }
 .online {
-  border-left-color: green;
+  border-left-color: var(--v-primary-base);
 }
 .recent {
-  border-left-color: #ffc107;
+  border-left-color: var(--v-warning-lighten1);
 }
 </style>