Modul întunecat

Modul întunecat ( temă întunecată , ing.  Modul întunecat , „schemă de culori lumină pe întuneric” [1] ) în designul interfeței cu utilizatorul  este o schemă de culori care utilizează text deschis pe un fundal întunecat.

Istorie

Precursorii ecranelor de computer moderne, cum ar fi osciloscoapele cu raze catodice, au căutat să grafice și să prezinte alt conținut ca trasee strălucitoare pe un fundal negru.

Când computerele erau folosite ca afișaj CRT , fosforul întunecat al ecranului (fondul) strălucea puternic când un fascicul de electroni îl lovea; Ecranele RGB au funcționat într-un mod similar: pentru a produce alb, toate razele trebuiau setate pe „pornit”.

Schema opusă de culori a fost introdusă inițial mai târziu, în procesoarele de text WYSIWYG , pentru a simula cerneala pe hârtie.

Beneficii

Avantajele modului întunecat sunt [2] :

Suport

Modul întunecat este acceptat de multe sisteme de operare moderne, inclusiv Windows (începând cu Windows 10 Anniversary Update), macOS 10.14 , iOS 13 și Android 10 . Browserele Firefox și Chromium pot fi setate în modul întunecat.

Din 2019, CSS are o proprietate „prefers-color-scheme”, o preferință a utilizatorului pentru utilizarea modului întunecat [4] .

[5] [6]

Exemplu

@ media ( prefers-color-scheme : dark ) { body { color : #ccc ; fundal : #222 ; } }

Exemplu JavaScript : [7]

if ( fereastră . matchMedia ( '(preferă-schema-culoare: întuneric)' ). potriviri ) { întuneric (); }

Note

  1. ↑ Schema de culori deschis-închis . ale sale . Preluat la 2 mai 2022. Arhivat din original la 2 mai 2022.
  2. ↑ Cum se face: trecerea la modul întunecat în browsere și e-mail . esputnik . Preluat la 2 mai 2022. Arhivat din original la 16 mai 2022.
  3. ↑ Utilizarea modului întunecat al Android îmbunătățește durata de viață a bateriei, confirmă Google . cnet . Preluat la 2 mai 2022. Arhivat din original la 25 februarie 2021.
  4. ↑ Porter, modul Jon Dark vine pe iOS 13 . The Verge (3 iunie 2019). Preluat la 5 iunie 2019. Arhivat din original la 7 august 2019.
  5. ↑ prefers-color-scheme - CSS: Foi de stil în cascadă | MDN . MDN Web Docs . Preluat la 18 martie 2021. Arhivat din original la 18 martie 2021.
  6. ↑ Walsh, David prefers-color-scheme: CSS Media Query . David Walsh Blog (28 ianuarie 2019). Preluat la 18 martie 2021. Arhivat din original la 17 martie 2021.
  7. ↑ Window.matchMedia() - API-uri web | MDN . developer.mozilla.org _ - „Metoda matchMedia() a interfeței Window returnează un nou obiect MediaQueryList care poate fi apoi utilizat pentru a determina dacă documentul se potrivește cu șirul de interogare media, precum și pentru a monitoriza documentul pentru a detecta când se potrivește (sau nu se mai potrivește) acea interogare media ". Preluat la 18 martie 2021. Arhivat din original la 17 martie 2021.