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

Change the color of icons #19

Closed
Vee339 opened this issue Jan 26, 2023 · 7 comments
Closed

Change the color of icons #19

Vee339 opened this issue Jan 26, 2023 · 7 comments
Assignees
Labels
question Further information is requested

Comments

@Vee339
Copy link

Vee339 commented Jan 26, 2023

Hi, I hope you are doing well.

I am using this and it's just incredible. However, I am trying to change the color of the icons(of the pause button and play button). If it is possible to do, please tell me.

@samhirtarif
Copy link
Owner

Hey @Vee339
I am off for vacations and will be returning on Monday. I'll look into this then.

@samhirtarif
Copy link
Owner

@Vee339 I've added an example here of how you can change the colors for the icons.
In order to generate the filter you can use this codepen, just add the target color and copy the generated filter.

The reason you will need to use filters is because the icons are SVGs and in my experience the only way to change color for an svg icon is applying a filter on it.

@samhirtarif samhirtarif self-assigned this Feb 7, 2023
@Vee339
Copy link
Author

Vee339 commented Feb 9, 2023

@samhirtarif Thank you so much for your help.
I have successfully changed the colors of icons by applying the filter property.

@samhirtarif
Copy link
Owner

samhirtarif commented Feb 10, 2023

Glad to be of help @Vee339!
Would really appreciate if you starred ⭐ the repo 😄

@Vee339
Copy link
Author

Vee339 commented Feb 10, 2023

👍

@jokerf6
Copy link

jokerf6 commented Mar 19, 2023

discard donot work successfully

@samhirtarif
Copy link
Owner

@jokerf6 What do you mean when you are referring to discard?

@samhirtarif samhirtarif pinned this issue Apr 16, 2023
@samhirtarif samhirtarif added the question Further information is requested label May 19, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
question Further information is requested
Projects
None yet
Development

No branches or pull requests

3 participants