From 53268e06a717ed4e9268a45080cbfc48084b5a6b Mon Sep 17 00:00:00 2001
From: Hatice Karatay <haticekaraty@gmail.com>
Date: Thu, 21 Mar 2024 09:43:29 -0400
Subject: [PATCH] Improve plugin action button contrast in dark mode

---
 jdaviz/components/plugin_action_button.vue | 17 +++++++++++++++--
 jdaviz/main_styles.vue                     |  4 ++--
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/jdaviz/components/plugin_action_button.vue b/jdaviz/components/plugin_action_button.vue
index 5222eee794..4baa47f2bc 100644
--- 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
index 0800e2bc79..4c288bbe33 100644
--- 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",