up-for-grabs / up-for-grabs.net

This is a list of projects which have curated tasks specifically for new contributors. These issues are a great way to get started with a project, or to help share the load of working on open source projects. Jump in!

Home Page:https://up-for-grabs.net/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Favicon Not Visible in Browser Dark Mode

solomonsanderson opened this issue · comments

I have seen issues #3026 and #3545 which mention a new logo, none of these mention the favicon. This appears simply as a circle when using dark mode in chrome.

hey there we need to create two different icons for dark and light mode and we need to use some attributes to use the icons dynamically so that we can appropriate icons for there themes. i would like work on it could please assign this issue for me

commented

I made some icons:

Home Screen -
logo

Favicon -
favicon-source

I just added this new favicon, but why so many favicons with different sizes?

after creating different icons, call this icons in the html page with to different link tags, and then add the media="(prefers-color-scheme: dark)" and media="(prefers-color-scheme: light)"

hey actually the problem is we need to create a new logo for dark mode. the logo should be have #58585A color filled arm and #FFFFFF color of stroke. creating this type of logo the gray fill will be invisible in dark mode and the white stroke in dark mode will be visible as we can see currently a small circle is visible by adding this icon with that attributes mentioned in before comment we can solve this issue

hey you know what i got new simple solution just add the white background to the favicon then it will look good

@dinesh671 Which .html file do you think this should be added to?

add the media="(prefers-color-scheme: dark)" and media="(prefers-color-scheme: light)"

i think in head.html @solomonsanderson

Is this issue open or closed? If closed then #3026 and #3545 should be closed as well, no?

@solomonsanderson Is this still valid after #3546?

@ritwik12 as you have added the logo that doesn't solved the issue fav-icon is not visible

Hey @dinesh671 can I work on this issue?

hey @munnokd I am not the admin of the group please ask @mickey097 I am also waiting for his reply

@mickey097 Can you assign this issue to me?

Can you assign this issue to me?

Wtf are we doing explain please

I need money

Hello, can this issue be assigned to me

please assign this to me