Fix 404 error page

src/pages/Error404.vue

@@ -1,20 +1,26 @@
 <script lang="ts">
+import { DEFAULT_THEME } from 'src/config/BaseChain';
 import { defineComponent } from 'vue';
 
 export default defineComponent({
     name: 'Error404Page',
+    setup () {
+        return {
+            secondary: DEFAULT_THEME.secondary,
+        };
+    },
 });
 </script>
 
 <template>
-<div class="fullscreen bg-blue text-white text-center q-pa-md flex flex-center">
-    <div>
+<div class="fullscreen text-primary text-center q-pa-md flex flex-center">
+    <div class="message-404">
         <div class="text-xl">404</div>
         <div class="text-h2">Oops. Nothing here...</div>
         <q-btn
             class="q-mt-xl"
             color="white"
-            text-color="blue"
+            :text-color="secondary"
             unelevated
             to="/"
             label="Go Home"
@@ -23,3 +29,8 @@ export default defineComponent({
     </div>
 </div>
 </template>
+
+<style lang="sass">
+  .message-404
+    color: var(--q-secondary)
+</style>