From c4a722d4b5f1b7b90b6b8fc6bb2f535d4eda0cd1 Mon Sep 17 00:00:00 2001 From: katspaugh Date: Mon, 14 Aug 2023 15:42:00 +0200 Subject: [PATCH 1/2] Fix: wallet icons in dark mode --- src/components/common/WalletInfo/styles.module.css | 1 - src/styles/onboard.css | 3 +-- 2 files changed, 1 insertion(+), 3 deletions(-) diff --git a/src/components/common/WalletInfo/styles.module.css b/src/components/common/WalletInfo/styles.module.css index 49cb8d24b9..8b7242711c 100644 --- a/src/components/common/WalletInfo/styles.module.css +++ b/src/components/common/WalletInfo/styles.module.css @@ -10,7 +10,6 @@ justify-content: center; } -[data-theme='dark'] .imageContainer img[alt*='Trezor'], [data-theme='dark'] .imageContainer img[alt*='Ledger'] { filter: invert(100%); } diff --git a/src/styles/onboard.css b/src/styles/onboard.css index f5bf1bd78c..d18704c216 100644 --- a/src/styles/onboard.css +++ b/src/styles/onboard.css @@ -58,8 +58,7 @@ --onboard-link-color: var(--color-primary-main); --onboard-wallet-app-icon-border-color: var(--color-border-light); - --onboard-wallet-app-icon-background-white: #fff; - --onboard-wallet-app-icon-background-transparent: #fff; + --onboard-wallet-app-icon-background-transparent: rgba(255, 255, 255, 0.05); --onboard-wallet-app-icon-background-light-gray: rgba(255, 255, 255, 0.5); --onboard-wallet-button-border-radius: var(--w3o-border-radius); From 5d470b98af3635def416e5375123e71b6f7b22ca Mon Sep 17 00:00:00 2001 From: katspaugh Date: Tue, 15 Aug 2023 07:54:02 +0200 Subject: [PATCH 2/2] Fix opacity --- src/styles/onboard.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/styles/onboard.css b/src/styles/onboard.css index d18704c216..6cf56e11bc 100644 --- a/src/styles/onboard.css +++ b/src/styles/onboard.css @@ -58,7 +58,7 @@ --onboard-link-color: var(--color-primary-main); --onboard-wallet-app-icon-border-color: var(--color-border-light); - --onboard-wallet-app-icon-background-transparent: rgba(255, 255, 255, 0.05); + --onboard-wallet-app-icon-background-transparent: rgba(255, 255, 255, 0.2); --onboard-wallet-app-icon-background-light-gray: rgba(255, 255, 255, 0.5); --onboard-wallet-button-border-radius: var(--w3o-border-radius);