From cab593741fc5e7e8a352ebf4bd17980deac53c6c Mon Sep 17 00:00:00 2001 From: ReflectiveChimp <55021052+ReflectiveChimp@users.noreply.github.com> Date: Sat, 9 Jul 2022 15:36:55 +0100 Subject: [PATCH 1/2] Add --onboard-modal-color --- packages/core/package.json | 2 +- packages/core/src/views/shared/Modal.svelte | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/core/package.json b/packages/core/package.json index 671aa254c..67e914218 100644 --- a/packages/core/package.json +++ b/packages/core/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/core", - "version": "2.4.0-alpha.7", + "version": "2.4.0-alpha.8", "description": "Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardised 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/shared/Modal.svelte b/packages/core/src/views/shared/Modal.svelte index a68a24690..b03857789 100644 --- a/packages/core/src/views/shared/Modal.svelte +++ b/packages/core/src/views/shared/Modal.svelte @@ -90,6 +90,7 @@ border-radius: var(--onboard-modal-border-radius, var(--border-radius-1)); overflow-y: auto; background: var(--onboard-modal-background, white); + color: var(--onboard-modal-color, initial); } @media all and (max-width: 520px) { From c9d32e97029e75947472ee52a47ddcca760fd1a6 Mon Sep 17 00:00:00 2001 From: Taylor Dawson Date: Mon, 11 Jul 2022 15:45:45 -0230 Subject: [PATCH 2/2] Version bumps + Update docs --- packages/core/README.md | 4 ++++ packages/demo/package.json | 2 +- packages/react/package.json | 2 +- packages/vue/package.json | 2 +- 4 files changed, 7 insertions(+), 3 deletions(-) diff --git a/packages/core/README.md b/packages/core/README.md index a1b9b6adc..45727fba4 100644 --- a/packages/core/README.md +++ b/packages/core/README.md @@ -760,6 +760,10 @@ The Onboard styles can customized via [CSS variables](https://developer.mozilla. --onboard-wallet-button-box-shadow --onboard-wallet-app-icon-border-color + /* CUSTOMIZE THE SHARED MODAL */ + --onboard-modal-background + --onboard-modal-color + /* CUSTOMIZE THE CONNECT MODAL */ --onboard-modal-border-radius --onboard-modal-backdrop diff --git a/packages/demo/package.json b/packages/demo/package.json index d115bd15d..6826b80b3 100644 --- a/packages/demo/package.json +++ b/packages/demo/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "@web3-onboard/coinbase": "^2.0.7", - "@web3-onboard/core": "^2.4.0-alpha.7", + "@web3-onboard/core": "^2.4.0-alpha.8", "@web3-onboard/dcent": "^2.0.4", "@web3-onboard/fortmatic": "^2.0.6", "@web3-onboard/gnosis": "^2.0.5", diff --git a/packages/react/package.json b/packages/react/package.json index 47badcbbe..12973b2c8 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -59,7 +59,7 @@ "typescript": "^4.5.5" }, "dependencies": { - "@web3-onboard/core": "^2.4.0-alpha.7", + "@web3-onboard/core": "^2.4.0-alpha.8", "@web3-onboard/common": "^2.1.4", "use-sync-external-store": "1.0.0" }, diff --git a/packages/vue/package.json b/packages/vue/package.json index 2b19e9d64..012afcba2 100644 --- a/packages/vue/package.json +++ b/packages/vue/package.json @@ -60,7 +60,7 @@ "@vueuse/core": "^8.4.2", "@vueuse/rxjs": "^8.2.0", "@web3-onboard/common": "^2.1.4", - "@web3-onboard/core": "^2.4.0-alpha.7", + "@web3-onboard/core": "^2.4.0-alpha.8", "vue-demi": "^0.12.4" }, "peerDependencies": {