Arc browser not reacting to changed system color mode (macOS)

[katerlouis]

On the demo application https://nuxt-color-mode.surge.sh/ Chrome and Safari immediately change the demos color mode when the setting is changed in the system settings.

Arc browser does not do that. Refreshing and hard refreshing still does not change the demos color mode.

Is that a bug on this plugins side or on the browsers side?

PS: The link to the demo appears to be wrong in the docs; I've handwritten it based on the animated gif.

[HZooly]

I cannot reproduce it on Arc (1.61.2), don't you have custom settings on your browser?

[katerlouis]

I've just updated my Arc this very minute (oddly though you are on 1.61.2 and I'm on 1.61.0) The issue still persists for me.

I do not know which custom setting would prevent Arc from aknowledging system color mode. Any hints on where to look for anything like that? Arcs main preferences dont say anything about color mode.

EDIT: It always bothered me that the dev tools also stay in light mode even if my system is dark. Do the dev tools change color for you?

[HZooly]

Not sure if there is any way on Arc to force color scheme, that was just an idea. After checking, it seems that there is no theme settings.

As you can see in my capture, Nuxt Devtools color does change with system settings.

Kapture 2024-10-01 at 00.12.17.webm

[sema0205]

I think there is still a problem with color mode module, easy to reproduce: Run https://dashboard-template.nuxt.dev/ on safari, go to general and try to switch to light/dark mode, it doesnt properly updates for some reason.. You have to update the page and only then it will update properly everywhere

[hacknug]

I think there is still a problem with color mode module, easy to reproduce: Run https://dashboard-template.nuxt.dev/ on safari, go to general and try to switch to light/dark mode, it doesnt properly updates for some reason.. You have to update the page and only then it will update properly everywhere>

I believe this is caused by nuxt ui defaulting to Tailwind's darkMode: 'class' mode. There is already an open issue on the dashboard's repo: https://github.com/nuxt-ui-pro/dashboard/issues/22

This seems to have nothing to do with OP's issue and since everything seems to be working correctly on Arc, I'd suggest we close this issue.

[sema0205]

yes, my bad, I just didn’t see it, thank you

[kaptain-karlo]

I was running into this issue myself and I fixed it by making sure that the color theme on my space is set to automatic.

[sahandghorbani]

It seems the current Arc icon behavior on macOS is related to Apple’s use of NSDockTile, which also prevents manual icon changes: https://developer.apple.com/documentation/appkit/nsdocktile .

Many users have noted similar frustrations:

• The new “liquid glass” / transparent icons can make apps hard to identify in the Dock and clash with the desktop aesthetic.
• Some users prefer Safari or other browsers because Arc’s default icon doesn’t visually fit for them.
• Third-party apps and even Apple’s stock apps may take time to fully support themed or dark mode icons.
• The good news: Arc allows switching between different icons in settings, so the issue may be partially mitigated once developers fully adopt macOS’s new icon theming.

In short, the current behavior is expected due to macOS limitations and is likely to improve as Arc updates its icons and macOS theming becomes more widely supported