Tryb ciemny w przeglądarce na smartfonie

Tryb ciemny w przeglądarce na smartfonie
PO
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 22
0

Cześć,
jest możliwość by moja strona nie reagowała na ustawienia przeglądarki na smartfonie o żądaniu "ciemnego motywu"?
Jeśli nie da się tego wyłączyć to gdzie mogę znaleźć informacje jak ostylować tryb ciemny?

M3
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 195
0

Strony z automatu nie mają ustawionych różnych stylów ciemny/jasny.
Musiałeś to sam dodać, albo korzystasz z jakiegoś frameworka lub szablonu, który ma to zaimplementowane.

Do stylowania ze względu na ustawienia preferowanego motywu służy prefers-color-scheme.

Szukaj zdefiniowanych stylów pod tym znacznikiem, np.:

Kopiuj
@media (prefers-color-scheme: dark) {
  // style dla motywu ciemnego
}

Możliwie jest też wykrycie preferowanego stylu po stronie javascriptu, no ale to potrzeba mieć dostęp do strony żeby się przekonać.

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.