use primary blue for activate onsnap button

UMAprotocol · Nov 24, 2023 · f259e83 · f259e83
1 parent b9253fa
commit f259e83
Showing 1 changed file with 2 additions and 16 deletions.
diff --git a/src/components/SettingsTreasuryActivateOsnapButton.vue b/src/components/SettingsTreasuryActivateOsnapButton.vue
@@ -6,17 +6,6 @@ defineProps<{
 }>();
 
 // handling some theming here locally so as not to interfere with the global style.scss file
-const activeStyles = computed(() => {
-  return theme.value === 'light'
-    ? {
-        div: 'bg-[hsla(122,100%,45%,0.13)] text-[hsla(122,100%,21%,1)]',
-        span: 'bg-[hsla(122,100%,45%,1)]'
-      }
-    : {
-        div: 'bg-[hsla(122,100%,45%,0.13)] text-[hsla(122,100%,45%,1)]',
-        span: 'bg-[hsla(122,100%,45%,1)]'
-      };
-});
 
 const inactiveStyles = computed(() => {
   return theme.value === 'light'
@@ -34,13 +23,10 @@ const inactiveStyles = computed(() => {
 <template>
   <button
     v-if="isOsnapEnabled"
-    :class="[
-      'flex items-center gap-2 rounded-full px-3 py-2',
-      activeStyles.div
-    ]"
+    class="flex items-center gap-2 rounded-full px-3 py-2 bg-primary text-white"
   >
     <span
-      :class="['block h-[6px] w-[6px] rounded-full', activeStyles.span]"
+      :class="['block h-[6px] w-[6px] rounded-full bg-[hsla(122,100%,45%,1)]']"
     />oSnap activated
   </button>
   <button