title: How do I stop dark mode from destroying my css
body: <p>I have a website with css styling. When I view in certain browsers when dark mode is enabled the css is absolutely destroyed and the colours which have changed in my site look absolutely hideous. How can I prevent my css/colourschemes being changed because of dark mode?</p>
  
  <p>When I opened my url via a link sent on whatsapp on my android device the default browser - Android's 'internet' application automatically restyles the CSS because I have dark mode active. If other users go to my page and have dark mode active I would prefer them to see the original styling not the dark mode edited version.</p>
  
  <p>I found out that you can use this media query to set css for dark mode: <code>@media (prefers-color-scheme: dark) {</code>. I could duplicate my whole css file which is currently 3000 lines long with dark and light with the same code between the parentheses but this seems nonsensical. Is there any other methods which would work? </p>
  
  <p><a href="https://i.stack.imgur.com/Zuyyo.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/Zuyyo.jpg" alt="enter image description here"></a></p>