Mam tak naprawdę dwa pytania. Pierwsze to czy ktoś z was już wykonywał tak prefers-color-scheme?
Sprawdziłem jak czy jest to realne do użytku i w jak radzą sobie z tym przeglądarki. Wydaje się że świetnie:
https://caniuse.com/#search=prefers-color-scheme
Wszystko działa świetnie, osobiście uważam to za wspaniałe narzędzie.
I w tym miejscu pojawia się dla mnie mały problem lub źle coś zrozumiałem.
Bardzo istotne jest to że do testów używam wyłącznie przeglądarek, które to wspierają. Jeżeli wszystkie reguły umieszczę w jednym pliku jest dobrze, dla prostych stron mogę użyć jednego pliku CSS z zminennymi CSS i jest to akceptowalne. Jednak przy bardziej skomplikowanych szablonach lepiej jest rozdzielić to na kilka plików np dark.css, light.css template.css
Tak też zrobiłem i kod wygląda następująco:
Kod:
<link href="path_to_dark.css" rel="stylesheet" media="(prefers-color-scheme: dark)">
<link href="path_to_light.css" rel="stylesheet" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference) ">
<link href="path_to_template.css" rel="stylesheet">
Zastanawiam się dlaczego przeglądarka ładuje wszystkie pliki? Jeżeli ustawione mam w przeglądarce Dark Mode powinna załadować wyłącznie niezbędne pliki. W przeciwnym wypadku jeżeli nie mam ustawione zupełnie nic nie powinna ładować pliku dark.css
Niestety tak się nie dzieje. Czy ja coś źle rozumiem czy popełniłem jakiś błąd?