6 replies · opened Feb 7, 2022
When switching from light to dark mode on browser the logo stays in one mode only only (even if refreshed) - following code will only show "light" logo (Firefox, addon Dark Reader where you can switch on/off dark mode):
<!-- Logo
============================================= -->
<div id="logo">
</div><!-- #logo end -->
Any possibility to amend this code so correct logo would be shown?
[
](index-en.html)
[
](index-en.html)
Hello,
Adding the .adaptive-color-scheme Class to the `` Tag should fix this issue.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Thank you, I've added it to the body:
``
but now only the dark mode is shown and switching dark/light mode with DarkReader in Firefox does not change with this new addition, so only dark mode is shown :(
Hello,
Thanks for more information regarding this.
The .adaptive-color-scheme works only for the Color Scheme set in the System Preferences. Since DarkReader is an addon for Firefox, this is not directly compatible with Canvas or for the matter any website template as the Addon cannot control custom styling of any website. You will need to use Custom Codes to activate the Dark Mode manually for Canvas based on the DarkReader controls.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Ah, great! This is even better, thank you!
I have changed my system theme to light and it works flawlesly as it supposed to do! Really happy, thanks!
Hello,
Glad this works for you.
Do let us know if we can help you with anything else or if you find any further issues with Canvas.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard