Tools Cross Browser Compatability in Design

[CTS]

Edit to add: XF 2.3 OEM style


I recall back in the day where you had to make sure your site looked the same on Explorer, Netscape, Opera, etc. And you did because there was always that something.

I learned something today while styling my new website.

I opted for the dark oem templates and style properties. Had it kinda looking good on Chrome, which is my primary. Today I had a need to view it in Edge.

Low and behold, Chrome will remember dark styling as a guest vistor, but Edge defaults to XF Light.

I know now that xf default dark is not the default style fed to the guest visitor. It is default light, even if you have dark set for all usergroups.

I didnt know this because because chrome decided to remember, and didnt give me a clue.

But Edge clued me in. I did have to install a tiny addon and adjust style settings to make it work tho.

Andy has an addon to force dark default to guests. I also changed the default style to unselectable. That will produce an error but it will stick. Verified step by step on Edge and Chrome.


Anybody else run into this? What were your solutions?

 

[Arantor]

It's not even that simple, unfortunately. My understanding is that it's actually defaulting to the system preference which depends not only on the browser but also potentially the operating system.

For example, I found on Windows 10 that all websites on all browsers would default to light because there isn't really a system-wide concept of 'light' or 'dark' (well, that's not entirely true but I don't want to get into the complexities of what that really means on Win10), while Win11 has this functionality and you can absolutely set it, and browsers will respond to it.

As for a solution I tend to default to dark by default irrespective of system, and let people change it up to light if they want, but I'm not currently running XF so any strategies I have aren't really likely to help.