Skip to content

Commit a910491

Browse files
Return CSS vars to connecting wallet buttons (#1434)
* Return CSS vars to connecting wallet buttons * fix css vars * remove vars Co-authored-by: Adam Carpenter <adamcarpenter86@gmail.com>
1 parent 210718a commit a910491

File tree

6 files changed

+22
-7
lines changed

6 files changed

+22
-7
lines changed

packages/core/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@web3-onboard/core",
3-
"version": "2.12.0",
3+
"version": "2.12.1-alpha.1",
44
"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.",
55
"keywords": [
66
"Ethereum",

packages/core/src/views/connect/Index.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -388,7 +388,7 @@
388388
}
389389
390390
.content {
391-
width: 100%;
391+
width: var(--onboard-connect-content-width, 100%);
392392
}
393393
394394
.scroll-container {

packages/core/src/views/connect/WalletButton.svelte

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,21 @@
2525
flex: 1;
2626
padding: 0;
2727
background: none;
28+
color: var(
29+
--onboard-wallet-button-color,
30+
var(--onboard-gray-700, var(--gray-700))
31+
);
32+
}
33+
34+
button.wallet-button-styling:hover {
35+
background: var(
36+
--onboard-wallet-button-background-hover,
37+
var(--onboard-primary-100, var(--primary-100))
38+
);
39+
color: var(
40+
--onboard-wallet-button-color-hover,
41+
var(--onboard-gray-700, var(--gray-700))
42+
);
2843
}
2944
3045
.wallet-button-container {

packages/demo/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@
2323
"webpack-dev-server": "4.7.4"
2424
},
2525
"dependencies": {
26-
"@web3-onboard/core": "^2.12.0",
26+
"@web3-onboard/core": "^2.12.1-alpha.1",
2727
"@web3-onboard/coinbase": "^2.1.4",
2828
"@web3-onboard/transaction-preview": "^2.0.0",
2929
"@web3-onboard/dcent": "^2.2.2",

packages/react/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@web3-onboard/react",
3-
"version": "2.5.2",
3+
"version": "2.5.3-alpha.1",
44
"description": "A collection of React hooks for integrating Web3-Onboard in to React and Next.js projects. 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, 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.",
55
"keywords": [
66
"Ethereum",
@@ -62,7 +62,7 @@
6262
"typescript": "^4.5.5"
6363
},
6464
"dependencies": {
65-
"@web3-onboard/core": "^2.12.0",
65+
"@web3-onboard/core": "^2.12.1-alpha.1",
6666
"@web3-onboard/common": "^2.2.3",
6767
"use-sync-external-store": "1.0.0"
6868
},

packages/vue/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@web3-onboard/vue",
3-
"version": "2.4.2",
3+
"version": "2.4.3-alpha.1",
44
"description": "A collection of Vue Composables for integrating Web3-Onboard in to a Vue or Nuxt project. 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, 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.",
55
"keywords": [
66
"Ethereum",
@@ -63,7 +63,7 @@
6363
"@vueuse/core": "^8.4.2",
6464
"@vueuse/rxjs": "^8.2.0",
6565
"@web3-onboard/common": "^2.2.3",
66-
"@web3-onboard/core": "^2.12.0",
66+
"@web3-onboard/core": "^2.12.1-alpha.1",
6767
"vue-demi": "^0.12.4"
6868
},
6969
"peerDependencies": {

0 commit comments

Comments
 (0)