Share feedback, ideas and get community help

Updated 2 weeks ago

The "System" option for Dark/Light mode is not consistent with the system

At a glance

The community members are discussing an issue where a website, Typebot, remains in dark mode while their system is set to light mode. They suspect the issue may be related to a browser extension or the Arc browser they are using. After some discussion, the root cause is identified as the theme setting in the user's Arc Space, which is forcing the dark mode on websites that use the feature. The solution is to set the theme to "Automatic" in the Arc Space settings, which will allow the website to adapt to the system's theme preferences.

Useful resources
In this example, Typebot remains Dark while my system is Light.

https://www.loom.com/share/813fd7271ba0453ab1abf3ca69bd6c13
Marked as solution
It has to be your Arc Space's Theme
  1. Right click your current Space icon at the bottom left, then "Edit Theme Color"
  2. Set it to the 3 sparkling stars ("Automatic") for it to adapt to your system preferences
Otherwise it forces your space's theme on websites that use the feature
View full solution
B
B
A
20 comments
That's super odd
yeah right ? it was not like this a month ago or so. I noticed this behavior recently
but actually I realise that I am facing this on other websites, looking closer...
So it may comes from something on my browser
I am facing the same problem on Perplexity dashboard for instance, but weirdly not on ChatGPT
Any clue welcome if you think about something
I honestly don't know how it works under the hood. Maybe dark mode is forced by Arc here?
Hey Bastien, it may be because you use a browser extension like "Dark Reader". Is that the case?
it is not ๐Ÿ˜ฌ
I have a bunch of extensions
But I can't find the one causing this problem
Okay I think I know what it is
It has to be your Arc Space's Theme
  1. Right click your current Space icon at the bottom left, then "Edit Theme Color"
  2. Set it to the 3 sparkling stars ("Automatic") for it to adapt to your system preferences
Otherwise it forces your space's theme on websites that use the feature
okay I did not know that.
i don't understand why this setting has to erase system mode though
i donโ€™t know if its me does not knowing how to manage this feature or if it is badly designed from Arc
That's because most (if not all) browsers have a CSS variable "telling" websites what the current system setting is regarding theme, between light or dark. But, Arc allows you to create Spaces and force a specific theme mode on a space, which is actually a useful feature. I'm pretty sure they had Developers in mind when they did that, as Devs usually prefer Dark mode everywhere, so they'd create Arc Spaces with explicitly-forced dark mode.
Other people who don't want that usually leave it to "Automatic" upon creating spaces, or some people hate dark mode altogether so it's also a useful feature to be able to force light mode no matter where you are, which overrides the system preference in the browser
Glad we found the root cause though ๐Ÿ˜€
Good to know thanks!
Add a reply
Sign up and join the conversation on Discord