Fixed: Browser Compatibility: Safari, Firefox iOS

[eatsleeplaugh8]

1. In Safari and certain browsers, the light bulb icon doesn't render properly; it remains a default black icon instead of turning yellow when dark mode is on and gray when dark mode is off.

   

   For this issue, under header.njk line 24, moving class="text-gray-400 hover:text-yellow-400 dark:text-yellow-400" from the path to the svg tag seems to fix the issue with the rendering in Safari.

2. In Firefox on iOS, the dark and light modes are inverted. The font color scheme for dark mode is used for light and vice versa.

   

   A solution is to make sure that night mode is turned off under Firefox iOS menu. Instead use Theme under Settings to set light and dark mode.