Fix ScrollButton color in dark theme

Jont828 · Mar 18, 2024 · 33f553c · 33f553c
1 parent cd6d303
commit 33f553c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git 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
@@ -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,