search

raycast / extensions

Everything you need to extend Raycast.
https://developers.raycast.com
MIT License
5.32k stars 3.01k forks source link

[Todoist] Change colour of menu bar icon #9925

Closed jaklan closed 9 months ago

jaklan commented 9 months ago

Extension

https://www.raycast.com/doist/todoist

Description

In the dark mode, most applications use #E6E6E6 / #E5E5E5 for their icons in the menu bar instead of pure #FFFFFF - I'm not a specialist here, but it looks like ~90% opacity which leads to such effect. As Todoist icon is a big white square, its pretty distracting - and that's the only reason I had to disable it.

image
raycastbot commented 9 months ago

Thank you for opening this issue!

🔔 @thomaslombart @AnishDe12020 @kud @casassg you might want to have a look.

💡 Author and Contributors commands The author and contributors of `doist/todoist` can trigger bot actions by commenting: - `@raycastbot close this issue` Closes the issue. - `@raycastbot rename this issue to "Awesome new title"` Renames the issue. - `@raycastbot reopen this issue` Reopen the issue.
thomaslombart commented 9 months ago

Thanks for the feature request. Would you like to work on it? I can provide some guidance on how to contribute to this extension so that you can open a pull request. You can contact me here or in the Slack community if you need further help.

Note that opening up a PR and having it merged will earn you some credits as we want to reward contributions. You’ll then be able to exchange them in a swag store that we’ll launch soon!

Princeyadav05 commented 9 months ago

@thomaslombart Hi, I would love to give it a try. :)

Princeyadav05 commented 9 months ago

@thomaslombart I was able to find the menu bar command and the icon used for light and dark mode.

image

Should I just create a new icon from the raycast icon maker and replace the dark icon? Or is there any other way like using react/code to do so?

thomaslombart commented 9 months ago

No need to use the icon maker. You can just tweak the icon's color using the tintColor property: https://developers.raycast.com/api-reference/user-interface/icons-and-images#image.imagelike.

Princeyadav05 commented 9 months ago

No need to use the icon maker. You can just tweak the icon's color using the tintColor property: https://developers.raycast.com/api-reference/user-interface/icons-and-images#image.imagelike.

Sure. Will do this tonight. Thanks for the help.

Princeyadav05 commented 9 months ago

@thomaslombart has raised a PR fixing the issue. Have a look at it.