diff --git a/src/css/app.scss b/src/css/app.scss
index 887d374..f2eb109 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -4,3 +4,12 @@
 body.bex.q-body--prevent-scroll {
   position: inherit !important;
 }
+
+// https://quasar.dev/style/color-palette#color-list
+:root {
+  //--q-primary: #3f51b5;
+  --q-primary: rgb(40, 53, 147);
+  --q-secondary: rgb(92, 107, 192);
+  //--q-accent: #8c9eff;
+  --q-accent: rgb(40, 53, 147);
+}
diff --git a/src/pages/PopupPage.vue b/src/pages/PopupPage.vue
index f10e352..232d15f 100644
--- a/src/pages/PopupPage.vue
+++ b/src/pages/PopupPage.vue
@@ -1,6 +1,6 @@
 <template>
   <q-layout view="lHh Lpr lFf">
-    <q-header elevated>
+    <q-header elevated class="bg-indigo-9">
       <q-toolbar>
         <q-btn
           flat