Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[bug]: Can't change themeMode #297

Open
minhhuynh-agilityio opened this issue Dec 30, 2024 · 1 comment · Fixed by #300
Open

[bug]: Can't change themeMode #297

minhhuynh-agilityio opened this issue Dec 30, 2024 · 1 comment · Fixed by #300
Assignees
Labels
bug Something isn't working

Comments

@minhhuynh-agilityio
Copy link

Description

Hi all!
I have an issue with package
How do I change theme for APPKit to darkmode?
I try to set 'dark' when creatAppKit
createAppKit({ projectId, chains, config, themeMode: 'dark', // Optional - defaults to 'light', enableAnalytics: true // Optional - defaults to your Cloud configuration })
But it seems to not work. App only change when we enable darkmode of device

AppKit SDK version

"@walletconnect/react-native-compat": "^2.17.3"

Output of npx react-native info

"devDependencies": {
"@react-native-community/cli": "latest",
}

Expo Version (if applies)

No response

Steps to reproduce

I try to set 'dark' when creatAppKit
createAppKit({ projectId, chains, config, themeMode: 'dark', // Optional - defaults to 'light', enableAnalytics: true // Optional - defaults to your Cloud configuration })
But it seems to not work. App only change when we enable darkmode of device

Snack, code example, screenshot, or link to a repository

image

@minhhuynh-agilityio minhhuynh-agilityio added the bug Something isn't working label Dec 30, 2024
@ignaciosantise ignaciosantise self-assigned this Jan 16, 2025
@ignaciosantise
Copy link
Collaborator

ignaciosantise commented Jan 16, 2025

Hey @minhhuynh-agilityio 👋 can you test this version to see if it works for you? 0.0.0-feat-theme-20250116191337

I've also added the possibility to change the accent color by using the themeVariables prop ->

createAppKit({
  ...
  themeVariables: {
      accent: '#HEX_COLOR'
  }
  ...
})

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants