Improve plugin action button contrast in dark mode (#2766)

spacetelescope · Mar 21, 2024 · 623afbb · 623afbb
1 parent 9bb02fc
commit 623afbb
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/jdaviz/components/plugin_action_button.vue b/jdaviz/components/plugin_action_button.vue
@@ -1,7 +1,7 @@
 <template>
   <v-btn :disabled="spinner || disabled"
     text
-    :color="results_isolated_to_plugin ? 'primary' : 'accent'"
+    :color=buttonColor
     @click="$emit('click')"
   >
     <v-progress-circular
@@ -19,6 +19,19 @@
 
 <script>
 module.exports = {
-  props: ['spinner', 'disabled', 'results_isolated_to_plugin']
+  props: ['spinner', 'disabled', 'results_isolated_to_plugin'],
+  computed: {
+    buttonColor() {
+      if (this.results_isolated_to_plugin) {
+        return this.$vuetify.theme.dark
+          ? this.$vuetify.theme.themes.dark.primary
+          : this.$vuetify.theme.themes.light.primary;
+      } else {
+        return this.$vuetify.theme.dark
+          ? this.$vuetify.theme.themes.dark.accent
+          : this.$vuetify.theme.themes.light.accent;
+      }
+    }
+  }
 };
 </script>
diff --git a/jdaviz/main_styles.vue b/jdaviz/main_styles.vue
@@ -19,9 +19,9 @@ export default {
     };
     this.$vuetify.theme.themes.dark = {
       toolbar: "#153A4B",
-      primary: "#00617E",
+      primary: "#53CBFF",
       secondary: "#007DA4",
-      accent: "#C75109",
+      accent: "#FF9D42",
       turquoise: "#007BA1",
       lightblue: "#E3F2FD",
       spinner: "#ACE1FF",