Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Increase contrast of favicon in dark mode
See original GitHub issueThe favicon on GH is almost invisible if you have a browser in dark-mode. Now that you can detect the theme of the browser with prefers-color-scheme we could make the favicon more visible on dark theme browsers.
Initially suggested on twitter: https://twitter.com/PhilippSpiess/status/1136985270874714117?s=20
Issue Analytics
- State:
- Created 4 years ago
- Reactions:6
- Comments:14 (14 by maintainers)
Top Results From Across the Web
Change favicon color for dark mode - Bill Erickson
When the favicon color doesn't work well with dark mode, a common fix is to replace the transparent PNG with a JPG that...
Read more >Increase contrast of favicon in dark mode · Issue #2130 - GitHub
The favicon on GH is almost invisible if you have a browser in dark-mode. Now that you can detect the theme of the...
Read more >How to change the favicon according to system dark mode!
Now, I'll create a <script> tag and the first step is to select the <link> tag and use a media query which tells...
Read more >How to add a favicon to your website - Rob O'Leary
You can also consider adding a shadow to increase contrast of your favicon with the background. This is obviously less effective for dark...
Read more >How to Create a Favicon for Dark Mode? - Shubham Jain
Though this is a handy trick, a better solution is to use a fill color that has a good contrast on both light...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Using
prefers-color-scheme: darkmakes sense. If it’s false, leave untouched; if it’s true, it’s supported by the browser and that’s what we want.Wow i was wondering why my github tabs started sticking out