I have recently discovered during some testing of my website’s design that if a browser’s dark mode is activated, certain site elements are inverted and it ruins the interface design. I am not sure if this is possible, but is there a way to get Shapely to ignore a browser’s color scheme preference so that it displays the site elements consistently across all browsers?
I attempted to look in the theme’s native style.css sheet, but I didn’t see any code related to ‘@media (prefers-color-scheme: dark) {}’ settings. I was wondering if there was something I was missing, or if I will have to copy all my custom code into this bracket manually in my own custom css sheet to work around this issue.