[ENHANCEMENT]: Use lighter colored favicons in dark mode to make it visible

[alesz]

Your proposed enhancement

Favicon is almost invisible when system is using dark mode.

Comparison - done with Gimp function Colors > Value Invert

Enhancement Impact

Improve accessibility by making favicon more visible and Timed tab more recognizable.

Additional context

Implementation proposal: use CSS media attribute prefers-color-scheme and link different icon file based on selection, e.g.:

    <link rel="icon" type="image/png" href="{{rootURL}}assets/favicon-32x32.png" sizes="32x32" media="(prefers-color-scheme: light)">
    <link rel="icon" type="image/png" href="{{rootURL}}assets/favicon-16x16.png" sizes="16x16" media="(prefers-color-scheme: light)">
    <link rel="shortcut icon" href="{{rootURL}}assets/favicon.ico" type="image/x-icon" media="(prefers-color-scheme: light)">
    <link rel="icon" type="image/png" href="{{rootURL}}assets/favicon-32x32-dark.png" sizes="32x32" media="(prefers-color-scheme: dark)">
    <link rel="icon" type="image/png" href="{{rootURL}}assets/favicon-16x16-dark.png" sizes="16x16" media="(prefers-color-scheme: dark)">
    <link rel="shortcut icon" href="{{rootURL}}assets/favicon-dark.ico" type="image/x-icon" media="(prefers-color-scheme: dark)">

Required

• I have checked past issues to ensure that this isn't a duplicate.