diff --git a/packages/core/README.md b/packages/core/README.md index 34b5e98d1..02a00cf5e 100644 --- a/packages/core/README.md +++ b/packages/core/README.md @@ -858,9 +858,11 @@ The Onboard styles can customized via [CSS variables](https://developer.mozilla. --onboard-wallet-button-background --onboard-wallet-button-background-hover --onboard-wallet-button-color + --onboard-wallet-button-color-hover --onboard-wallet-button-border-color --onboard-wallet-button-border-radius --onboard-wallet-button-box-shadow + --onboard-wallet-button-box-shadow-hover --onboard-wallet-app-icon-border-color /* CUSTOMIZE THE SHARED MODAL */ diff --git a/packages/core/package.json b/packages/core/package.json index 9bc043bd7..395c5e3b7 100644 --- a/packages/core/package.json +++ b/packages/core/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/core", - "version": "2.8.2", + "version": "2.8.3-alpha.1", "description": "Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardized spec compliant web3 providers for all supported wallets, framework agnostic modern javascript UI with code splitting, CSS customization, multi-chain and multi-account support, reactive wallet state subscriptions and real-time transaction state change notifications.", "keywords": [ "Ethereum", diff --git a/packages/core/src/views/connect/WalletButton.svelte b/packages/core/src/views/connect/WalletButton.svelte index 876aca599..05e446588 100644 --- a/packages/core/src/views/connect/WalletButton.svelte +++ b/packages/core/src/views/connect/WalletButton.svelte @@ -33,6 +33,10 @@ --onboard-wallet-button-background-hover, var(--onboard-primary-100, var(--primary-100)) ); + color: var( + --onboard-wallet-button-color-hover, + var(--onboard-gray-700, var(--gray-700)) + ); } button.connected { @@ -53,6 +57,10 @@ ); box-shadow: var(--onboard-wallet-button-box-shadow, var(--box-shadow-0)); } + + button.wallet-button-styling:hover { + box-shadow: var(--onboard-wallet-button-box-shadow-hover, var(--box-shadow-0)); + }