Can favicon be same color as tab name?

Asked Sep 19 '20 at 12:36

Active Sep 19 '20 at 12:43

Viewed 95 times

Let's suppose I've got an outlined favicon.

It looks perfect on the selected tab with white background:

But if the tab is inactive / user prefers a dark theme icon cannot be visible:

Is it possible to make icon same color with tab text?

Only my idea was to make svg favicon with fill="currentColor" (rather a silly thing, I know):

<!-- ... -->
<path d="M13 7H11V17H13V7Z" fill="currentColor"></path>
<!-- ... -->

But it is not working.

asked Sep 19 '20 at 12:36

ISD

This might help you [https://stackoverflow.com/questions/55170708/detect-if-the-browser-is-using-dark-mode-and-use-a-different-favicon](https://stackoverflow.com/questions/55170708/detect-if-the-browser-is-using-dark-mode-and-use-a-different-favicon) – m24197 Feb 09 '21 at 05:43
@iamabdm There was the same answer, but it was deleted by author. But, thanks. – ISD Feb 10 '21 at 08:04
Honestly, I also tried that but it did not work until I turned on dark mode, on the pc, not on the browser. But I would recommend you to not use the '#000' (hex color code), instead you can use '#24292e', '#4078c0',etc, as GitHub does (although they have a black favicon). – m24197 Feb 10 '21 at 09:25

0 Answers0