fix: update dark theme for disabled button in menu (#1781)

ArkEcosystem · Mar 9, 2020 · 768756e · 768756e
1 parent ccafe7e
commit 768756e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/src/renderer/components/Wallet/WalletHeading/WalletHeadingSecondaryActions.vue b/src/renderer/components/Wallet/WalletHeading/WalletHeadingSecondaryActions.vue
@@ -214,6 +214,7 @@ export default {
 .ButtonDropdown__ButtonModal__disabled {
   background-color: var(--theme-option-heading-button-disabled);
   color: var(--theme-option-heading-button-text-disabled);
+  @apply .cursor-not-allowed;
 }
 .ButtonDropdown__ButtonModal__disabled:hover {
   background-color: var(--theme-option-heading-button-disabled-hover);

diff --git a/src/renderer/styles/_theme.css b/src/renderer/styles/_theme.css
@@ -191,6 +191,10 @@
   --theme-option-heading-button: #3d456d;
   --theme-option-heading-button-hover: #cc5e60;
   --theme-option-heading-button-text: #8894cf;
+  --theme-option-heading-button-disabled: #3d404f;
+  --theme-option-heading-button-text-disabled: #6d798a;
+  --theme-option-heading-button-disabled-hover: #555869;
+  --theme-option-heading-button-text-disabled-hover: #828d9e;
   --theme-input-toggle-choice: #333644;
   --theme-input-toggle-choice-text: #4c5166;
   --theme-input-field-border: #585c6f;