Posted in apps
14
12:58 pm, June 9, 2021

how to switch chrome to dark and light mode in windows 10

So i was playing around in the settings of chrome, and I could not locate the dark and light mode switch.

Well apparently chrome looks at your windows theme and gets its settings from there.

I added a prefers dark and light mode to this site, so it will also change depending on your setting. 

Here is where you change it in windows:

Argh my eyes its so bright...

And here is this page in the light mode: So Light...

Quick change it back, just hurts my eyes too much, but hey if you prefer light mode then thats fine for you im not judging...

As soon as you change that setting in windows this page also changes! Amazing... and much better for my eye balls. 

How did i do this crazy thing? Well i found a bootstrap dark theme that supported it. Yay!

HTML

<meta name="color-scheme" content="light dark">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-dark-5@1.0.1/dist/css/bootstrap-dark.min.css" />

Bootstrap Darkmode
https://github.com/vinorodrigues/bootstrap-dark/blob/master/README.md#method-1 
https://github.com/vinorodrigues/bootstrap-dark  

In Summary, i love dark mode. But if you dont this site also supports light mode.

I will be keeping my switch on dark!

View Statistics
This Week
32
This Month
198
This Year
0

No Items Found.

Add Comment
Type in a Nick Name here
 
Search Articles
Search Articles by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.

Join me on Substack if you want me to send you a collection of the things i have done or found or read for the week. Or follow me on twitter if you prefer, i dont post much but i probably should!

❤👩‍💻🕹

Random Quote
“We ought to take outdoor walks in order that the mind may be strengthened and refreshed by the open air and much breathing.".
Seneca