search

kognise / water.css

A drop-in collection of CSS styles to make simple websites just a little nicer
https://watercss.kognise.dev
MIT License
8.31k stars 489 forks source link

make use of `color-scheme: dark;` #300

Open jimmywarting opened 2 years ago

jimmywarting commented 2 years ago

Many native controllers like checkboxes and eg the small date icon on input[type=datetime-local] have quite a bad contrast when using the prefer dark mode.

that is b/c it still renders dose native controllers as light theme. i think this should be added:

@media (prefers-color-scheme: dark) {
  * { color-scheme: dark; }
}

by using this ☝️ then i don't think you really have to go for all the trouble of styling native buttons and input that much...

the native calender will get a dark mode when using this 👍

Harsh3363 commented 2 years ago

Assign this to me

ritwick096 commented 2 years ago

Hello @jimmywarting please assign this issue to me. I shall start working on it immediately.

deepbeatz commented 2 years ago

please assign me this issue. I want to start working on it immediately.

jimmywarting commented 2 years ago

I can't assign someone, just make a PR you guys!

SrushtiRaut commented 1 year ago

I would like to work on this issue. Seems interesting!!!

adi7yashah commented 1 year ago

I am working on this please assign this to me.

Nikhil743 commented 1 year ago

please assign me this issue. I want to start working on it immediately.

itzanway commented 1 year ago

please assign this task to me under HacktoberFest_2k23