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

Make progress bar styleable with SCSS variables #358

Open
Larsmyrup opened this issue Dec 6, 2022 · 0 comments
Open

Make progress bar styleable with SCSS variables #358

Larsmyrup opened this issue Dec 6, 2022 · 0 comments
Labels
Type: Enhancement New feature or request

Comments

@Larsmyrup
Copy link

Larsmyrup commented Dec 6, 2022

I'd like to be able to style the progress bar color using scss variables and to change them between toast types.

Detailed Description

Currently the only way (i see) of changing progress bar colors between toast types is to create a custom css class, inject it with the toastClassName option and changed that value, based on type. To be able to use SCSS variables, would be a lot cleaner.

Context

Our desired design has a more opaque toast background and therefore needs a different progressbar color (than the default), to make it visible. The current way of changing the color is not very clean, would be great to have another way.

It would benefit other users also wanting to change the default progress bar color - or change it between different toast types.

Possible Implementation

Did a PR with my suggestions. Very open to other ideas :-)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

1 participant