From 1e6ef1eab7288fae5bcac4d4461d8b094e2b6019 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Viterbo=20Rodr=C3=ADguez?= <viter.rod@gmail.com>
Date: Mon, 6 May 2024 20:09:54 -0300
Subject: [PATCH] fix approvals popup and wallet header buttons

---
 src/css/global/_colors.scss                     | 3 ++-
 src/pages/evm/allowances/EditAllowanceModal.vue | 9 +++++++--
 src/pages/evm/wallet/WalletPageHeader.vue       | 2 +-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/css/global/_colors.scss b/src/css/global/_colors.scss
index 07208aa8..bd65543c 100644
--- a/src/css/global/_colors.scss
+++ b/src/css/global/_colors.scss
@@ -157,7 +157,8 @@ body.body--dark {
     --border-over-header-color: transparent;
     --accent-color: var(--q-primary);
     --accent-color-3: var(--border-color);
-    --header-icon-color: #FFF9;
+    --header-icon-color: var(--text-high-contrast);
+    --header-link-color: #FFF9;
     --text-low-contrast: #FFF9;
 
     // From Teloscan -------------
diff --git a/src/pages/evm/allowances/EditAllowanceModal.vue b/src/pages/evm/allowances/EditAllowanceModal.vue
index 97b8f752..e104f016 100644
--- a/src/pages/evm/allowances/EditAllowanceModal.vue
+++ b/src/pages/evm/allowances/EditAllowanceModal.vue
@@ -243,7 +243,7 @@ async function handleSubmit() {
 
 <template>
 <q-dialog :model-value="showDialog" @update:model-value="() => emit('close')">
-    <q-card class="q-pa-md">
+    <q-card class="c-edit-allowance-modal__card q-pa-md shadow-3">
         <q-card-section>
             {{ $t('evm_allowances.edit_modal_description') }}
             <ExternalLink :text="row.spenderName || row.spenderAddress" :url="spenderUrl" />
@@ -331,8 +331,13 @@ async function handleSubmit() {
 
 <style lang="scss">
 .c-edit-allowance-modal {
+    &__card {
+        color: var(--text-color);
+        background-color: var(--bg-color) !important;
+    }
+
     &__options-container {
-        background-color: var(--accent-color-5);
+        background-color: var(--header-background-color);
         padding: 16px;
         border-radius: 4px;
         margin-bottom: 24px;
diff --git a/src/pages/evm/wallet/WalletPageHeader.vue b/src/pages/evm/wallet/WalletPageHeader.vue
index dc6b9e25..baf205e7 100644
--- a/src/pages/evm/wallet/WalletPageHeader.vue
+++ b/src/pages/evm/wallet/WalletPageHeader.vue
@@ -138,7 +138,7 @@ const goToBuy = () => {
 
     &__link-text {
         @include text--header-4;
-        color: var(--text-high-contrast);
+        color: var(--header-link-color);
         text-align: center;
         width: max-content;
     }