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

Changing theme to 'Dark' doesn't change AppBar color #24792

Closed
arx111 opened this issue Feb 5, 2021 · 2 comments
Closed

Changing theme to 'Dark' doesn't change AppBar color #24792

arx111 opened this issue Feb 5, 2021 · 2 comments
Labels
component: app bar This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists

Comments

@arx111
Copy link

arx111 commented Feb 5, 2021

consider:

 <AppBar color={'primary'}>
            <Toolbar>
                ...
            </Toolbar>
</AppBar>

when toggling the theme to 'dark', this doesn't affect the AppBar background color.
Is this intentional?

@arx111 arx111 added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Feb 5, 2021
@povilass
Copy link
Contributor

povilass commented Feb 6, 2021

Mode works only with default color if you want to implement your color you can use sx property.
Here the example code

@mbrookes
Copy link
Member

mbrookes commented Feb 6, 2021

@arx111 This looks like a duplicate of #18308, which is targeted for v5. If you would like to work on it, that would be great!

@mbrookes mbrookes added component: app bar This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Feb 6, 2021
@mbrookes mbrookes closed this as completed Feb 6, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: app bar This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists
Projects
None yet
Development

No branches or pull requests

3 participants