lexoskeleton / feq_dictionary_app

Front End Queens Open Source Dictionary Web App
https://www.frontendmentor.io/challenges/dictionary-web-app-h5wwnyuKFL
2 stars 1 forks source link

Dark Mode issue #52 #54

Closed audreyclarkdev closed 1 month ago

audreyclarkdev commented 1 month ago

Fixes issue #52 There was some leftover CSS from the first attempt at styling the toggle I removed. And I commented out the media queries for color scheme preference. This was conflicting with dark mode working correctly before. Is there a reason to leave this in? The issue is fixed in Chrome and Edge for me. I don't have firefox to test.

Code that's commented out:

/ light mode theme starts here / / @media (prefers-color-scheme: light) { :root { --bg-color: #fff; --text-color: #000; } } / / light mode theme ends here / / dark mode theme starts here / / @media (prefers-color-scheme: dark) { :root { --bg-color: #000; --text-color: #fff; --light-grey-bg-color: #3a3a3a; --text-color-dark: #f2f2f2; } } /