fix approvals popup and wallet header buttons

telosnetwork · May 6, 2024 · 1e6ef1e · 1e6ef1e
1 parent de2fc76
commit 1e6ef1e
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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;
     }