Created
April 16, 2024 15:51
-
-
Save elias1435/3c1a3212b7974d398197f23ee45322d2 to your computer and use it in GitHub Desktop.
how to enable dark mood in chrome and css media query
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# How to emulate/activate prefers-color-scheme on Chrome (Desktop): | |
1. Press F12 key (or Command+Shift+C on Mac) | |
2. Click on the tree dots symbol (customize and control DevTools) | |
3. Point your mouse on the more tools option, and then click in rendering option. | |
4. The option Emulate CSS media feature prefers-color-scheme near the end it's your destination ! | |
# How to emulate/activate prefers-color-scheme on Chrome (Mobile): | |
1. Click on the tree dots symbol. | |
2. Click on Settings. | |
3. Click on theme. | |
4. Select you desired option ! |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@media (prefers-color-scheme: dark) { | |
.theme-a.adaptive { | |
background: #753; | |
color: #dcb; | |
outline: 5px dashed #000; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment