• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Vasile Ruscior

Vasile Ruscior

Totul, mai ușor

  • Confidențialitate
  • Contact

Dark Mode pentru site-ul tău cu o singură linie în CSS

Scris pe 24 martie 2019 4 comentarii



Google vrea să aducă Dark Mode pe Chrome, astfel încât să poți vedea site-urile web într-un fel de mod noapte. Deocamdată treaba asta e în teste. Am descărcat și eu Google Canary, am testat modul întunecat și cred că mai au de lucru la el.

Din fericire, poți avea Dark Mode pe site-ul tău cu ajutorul unui filtru simplu în CSS: invert. Am mai văzut filtrul acesta aplicat pe imagini, însă îl poți aplica pe toată pagina web.

Dacă ai blog WordPress, trebuie să pui codul de mai jos la Aspect – Personalizare – CSS suplimentar.

Acesta este codul:

body{filter: invert(100%)}img{filter: invert(100%) opacity(0.8)}

Primul filtru inversează culorile pe toate elementele din pagină. Cel de-al doilea ia imaginile și le mai inversează o dată, astfel încât să rămână neschimbate. Filtrul de opacitate l-am pus pentru imaginile albe.

În loc de opacity(0.8) poți pune sepia(100%). Arată într-un mare fel.

Testez Dark Mode și pe acest blog. De la ora 20:00 până la 06:59 sunt în modul întunecat.

Distribuie pe:
FacebookWhatApp

ℹ️ Poți ajunge ușor la acest articol accesând usor.ro/8659 sau wp.me/p5lmEn-2fF

Similare

Din categoria: HTML, CSS, PHP si C++ Etichete: css, Dark Mode

Abonează-te la blog prin email

Introdu adresa de email pentru a te abona la acest blog și vei primi notificări prin email când vor fi publicate articole noi.

Reader Interactions

Comentarii

  1. Bogdan a zis

    25 martie 2019 la ora 0:25

    Bun… care este avantajul ca site-urile se vad in Dark Mode?

    Răspunde
    • Mălin a zis

      25 martie 2019 la ora 6:23

      Pe mine mă deranjeaza mai puțin la ochi.

  2. Mălin a zis

    25 martie 2019 la ora 6:22

    Interesanta metoda. Eu nu pot s-o aplic deocamdata din cauza fundalului alb de la un logo si transparent de la altul. E prea deranjant contrastul.

    Răspunde
  3. Adrian a zis

    28 martie 2019 la ora 14:32

    Eu nu mă pot concentra deloc pe site-urile dark. Ba chiar ies de pe ele în secunda 2.

    Răspunde

Lasă un răspuns Anulează răspunsul

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

Bara principală

Modul întunecat

Blogroll & Recomandări

  • AroundTheForum
  • Bitcoin Exchange
  • Breev.Me
  • Blog Star
  • IIRON
  • Stiri de ultima ora
  • Dan Ciurcaș
  • Francisc Vasile
  • Fii Modern
  • Wlog România

Recomandate

  • Care-i faza cu „datorită” şi „din cauza”
  • Satul e înfricoşător noaptea
  • De ce am renunțat la odorizantul de cameră
  • Optimizare WordPress în câțiva pași simpli
  • Plânge lumea că YOXO e nașpa

Cauți altceva? Caută aici:

© 2012–2022 Vasile Ruscior 🤳 Poți ajunge ușor pe acest blog accesând usor.ro

Sus, Deluță