diff --git a/web/src/components/ScrollButton.vue b/web/src/components/ScrollButton.vue
index 5bd2ba1..b20c6bf 100644
--- a/web/src/components/ScrollButton.vue
+++ b/web/src/components/ScrollButton.vue
@@ -4,7 +4,7 @@
       <v-btn
         v-show="scrollY > 20"
         ref="button"
-        color="primary"
+        color="accent"
         medium
         fab
         @click="$vuetify.goTo(0, {
@@ -13,7 +13,7 @@
           easing: 'easeInOutCubic',
         })"
       >
-        <v-icon color="white">
+        <v-icon :color="$vuetify.theme.dark ? 'black' : 'white'">
           mdi-chevron-up
         </v-icon>
       </v-btn>
diff --git a/web/src/plugins/vuetify.js b/web/src/plugins/vuetify.js
index f9cc240..071c30a 100644
--- a/web/src/plugins/vuetify.js
+++ b/web/src/plugins/vuetify.js
@@ -12,6 +12,7 @@ export default new Vuetify({
     themes: {
       light: {
         primary: colors.blue.darken2,
+        accent: colors.blue.darken1,
         background: '#f8f3f2',
         legend: {
           cluster: colors.blue.darken1,
@@ -25,6 +26,8 @@ export default new Vuetify({
       dark: {
         primary: colors.blue.lighten3,
         background: '#121212',
+        info: colors.blue.lighten2,
+        accent: colors.blue.lighten2,
         success: colors.green.lighten3,
         warning: colors.orange.lighten2, // OG orange darken 1
         error: colors.red.accent1,