Change the extension and page/tab icon color based on the selected theme

[prem-k-r]

Tested on Windows/Chrome, Edge, Firefox, Brave

Closes #119

[prem-k-r]

Not facing any issue but in developer console there is an error

@XengShi can you please check
also need to verify that it works in other browsers too

[itz-rj-here]

Wow. I really appreciate your changes. Great work.

[itz-rj-here]

Not facing any issue but in developer console there is an error

@XengShi can you please check
also need to verify that it works in other browsers too

Maybe the format of the image is causing the issue. Try changing the image format if it fixes.

[XengShi]

I think changing png to ico will fix that error

[prem-k-r]

I think changing png to ico will fix that error

It didnt, but I got it.
I was using image 180x180, changed to 128x128, and console error dissapeared.

[itz-rj-here]

huh what changes you did 👀

[prem-k-r]

A quick question, does the extension supports in Opera too?

[XengShi]

A quick question, does the extension supports in Opera too?

Yess

[prem-k-r]

Ok
I checked on chrome and edge
Currently working:

• Chrome

  • Tab icon: yes, but for a split second it shows the default blue icon. Have to put it in DOMContentLoaded event. I'll get it to later
  • Extension icon: yes

• Edge

  • Tab icon: No. Showing white circular zigzag icon for all theme
  • Extension icon: yes

Also I noticed now that the icon I edited, uploaded by RJ had a padding. So icons will appear a little bit smaller. I'll re edit and upload after fixing code

[prem-k-r]

I just installed Firefox to check, and both the tab icon and extension icon color changes are working fine.

Other things I noticed:

• The manual installation mentioned in the Readme.md is a temporary method. The extension disappears after the browser is restarted.
• I was suprised to see The default theme is shown for a few frames on start #81 (+ Display glitch on tab refresh/new tab with Digital Clock Enabled #112 = When opening or refreshing a new tab with/without a non-default theme, the default theme and both clock (analog and digital) briefly appear for a split second) happens everytime.
  In Chrome, this only happens occasionally.

[itz-rj-here]

Idk i just don't use those.

[prem-k-r]

Ok I checked on chrome and edge Currently working:

• Chrome

  • Tab icon: yes, but for a split second it shows the default blue icon. Have to put it in DOMContentLoaded event. I'll get it to later
  • Extension icon: yes

• Edge

  • Tab icon: No. Showing white circular zigzag icon for all theme
  • Extension icon: yes

This edge stuff already in XegShi:main
Checked on brave too, working fine

[prem-k-r]

@XengShi fixed conflicts