fix: dark theme tweaks (#1784)

ArkEcosystem · Mar 9, 2020 · 6cd81f6 · 6cd81f6
1 parent dc46646
commit 6cd81f6
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 4 deletions.
diff --git a/src/renderer/components/App/AppSidemenu/AppSidemenuSettings.vue b/src/renderer/components/App/AppSidemenu/AppSidemenuSettings.vue
@@ -30,6 +30,7 @@
           >
             <MenuDropdown
               ref="currency-menu"
+              container-classes="theme-light"
               :items="currencies"
               :position="['-40%', '5%']"
               :value="sessionCurrency"
@@ -52,6 +53,7 @@
             <MenuDropdown
               v-if="pluginThemes"
               ref="theme-menu"
+              container-classes="theme-light"
               :items="themes"
               :position="['-40%', '5%']"
               :value="sessionTheme"

diff --git a/src/renderer/components/Menu/MenuDropdown/MenuDropdown.vue b/src/renderer/components/Menu/MenuDropdown/MenuDropdown.vue
@@ -39,7 +39,7 @@
       class="MenuDropdown__container absolute min-w-full z-20"
     >
       <ul
-        class="MenuDropdown pointer-events-auto theme-light shadow list-reset flex flex-col bg-theme-feature rounded py-2 overflow-y-auto max-h-2xs"
+        class="MenuDropdown pointer-events-auto shadow list-reset flex flex-col bg-theme-feature rounded py-2 overflow-y-auto max-h-2xs"
       >
         <slot>
           <MenuDropdownItem

diff --git a/src/renderer/components/Menu/MenuDropdown/MenuDropdownItem.vue b/src/renderer/components/Menu/MenuDropdown/MenuDropdownItem.vue
@@ -6,7 +6,7 @@
           ? 'MenuDropdownItem--active bg-theme-feature-item-hover text-theme-feature-item-selected-text'
           : 'text-grey-dark hover:bg-theme-feature-item-alternative border-grey-light'
       "
-      class="MenuDropdownItem__button cursor-pointer bt-theme-feature w-full"
+      class="MenuDropdownItem__button cursor-pointer bg-theme-feature w-full"
       @click.capture.stop="emitClick"
     >
       <div

diff --git a/src/renderer/components/Transaction/TransactionStatusIcon.vue b/src/renderer/components/Transaction/TransactionStatusIcon.vue
@@ -8,7 +8,7 @@
       container: tooltipContainer
     }"
     :class="{
-      'bg-grey-lighter': isTransferToSelf,
+      'TransactionStatus__transferToSelf': isTransferToSelf,
       'text-theme-transaction-confirmations-sent bg-theme-transaction-sent': isSender && !isTransferToSelf,
       'text-theme-transaction-confirmations-received bg-theme-transaction-received': !isSender && !isTransferToSelf
     }"
@@ -29,7 +29,7 @@
       container: tooltipContainer
     }"
     :class="{
-      'bg-grey-lighter': isTransferToSelf,
+      'TransactionStatus__transferToSelf': isTransferToSelf,
       'text-theme-transaction-sent-arrow bg-theme-transaction-sent': isSender && !isTransferToSelf,
       'text-theme-transaction-received-arrow bg-theme-transaction-received': !isSender && !isTransferToSelf
     }"
@@ -119,3 +119,9 @@ export default {
   }
 }
 </script>
+
+<style scoped>
+.TransactionStatus__transferToSelf {
+  background-color: var(--theme-button-light);
+}
+</style>