Changing MetaMask color scheme not working — where to add theme configuration?

Developer Discussion Extension
1

Hi Team,

I am facing the issue the issue is that.

I have the MetaMask extension code and want to change the color scheme, but I’m facing an issue where should I add the theme configuration for dark and light modes?

kindly help me

2

Hi are you developing or just using MetaMask? Could you please share more details what isn’t working

3

I’m developing and want to change the color scheme, but I can’t find where all the colors are defined inside the extension code.

4

I found the main root where the color codes are defined, but it doesn’t work for me.

5

image
image1920×1080 268 KB

6

Hi 0xroo,
Do you have a solution? I hope you got me.

7

I’m sorry for the wait, did anything change I’m trying to look at the issue

8

No worries! Nothing has changed so far.

9

I found the issue, To use the styling colors, a package named @metamask/design-token has been created and used, and I have modified that package, but after modifying the package and trying to build it, I’m getting a Lavamoat policy error. Can you help me with this?

10

Package name: “@metamask/design-tokens”: “^8.1.1”,
My Package name: xd-design-tokens

11

I don’t know if you could change the default MetaMask colors. This are the only options you have: How do I change my MetaMask theme? | MetaMask Help Center Could you please open an issue: GitHub · Where software is built