Tune colors

Author: g3force

frontend/src/App.vue

@@ -108,7 +108,7 @@ const dev = computed(() => {
       </div>
     </q-page-container>
 
-    <q-footer elevated class="bg-grey-8 text-white">
+    <q-footer elevated class="bg-primary">
       <MatchStateToolbar/>
     </q-footer>
 

frontend/src/assets/main.scss

@@ -1,6 +1,6 @@
 .body--dark {
-  --q-primary: #487A91;
-  --q-secondary: #26A69A;
+  --q-primary: #0794B9;
+  --q-secondary: #aaa8a8;
   --q-accent: #9C27B0;
   --q-positive: #21BA45;
   --q-negative: #C10015;
@@ -11,7 +11,7 @@
 
 .body--light {
   --q-primary: #0794B9;
-  --q-secondary: #17DFD5;
+  --q-secondary: #545454;
   --q-accent: #9C27B0;
   --q-positive: #21BA45;
   --q-negative: #C10015;

frontend/src/components/protocol/ProtocolItem.vue

@@ -62,7 +62,7 @@ function revert() {
               <q-icon :name="change.icon" color="primary" size="15px" v-if="dense" class="q-mr-xs"/>
               <TeamBadge :team="change.forTeam"/>
               <span class="text-weight-medium">{{ change.title }}</span>
-              <span class="text-grey-8"> - {{ origin }}</span>
+              <span class="text-secondary"> - {{ origin }}</span>
               <OriginIcon :origin="origin"/>
               <span v-if="hasGameEventOrigins">(</span>
               <OriginIcon