← Tous les exemples

CSS Apparence news.ycombinator.com

Hacker News : mode sombre

Remplace le fond clair par un thème sombre cohérent, plus doux pour les yeux le soir.

Code à copier

/* A proper dark theme for the whole site */
html, body {
  background: #1a1a1a !important;
  color: #c8c8c8 !important;
}
#hnmain {
  background: #1f1f1f !important;
}
td, .comment, .commtext, .toptext, .default {
  color: #c8c8c8 !important;
}
.title .titleline a:link,
a:link, a:visited {
  color: #b9bfc6 !important;
}
.subtext, .comhead, .subtext a, .comhead a,
.rank, td.title {
  color: #8a8a8a !important;
}
.commtext a:link, .toptext a:link {
  color: #6ea8fe !important;
}
input, textarea {
  background: #2a2a2a !important;
  color: #e0e0e0 !important;
  border: 1px solid #444 !important;
}

Comment utiliser cet exemple

  1. Copiez le code avec le bouton ci-dessus.
  2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
  3. Ajoutez une nouvelle règle correspondant à cette page.
  4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.

Notez cet exemple

Aucune note — soyez le premier.

Cet exemple fonctionne-t-il ?

Les snippets sont inutiles sans un endroit où les coller.

JustZix s'installe en 2 minutes et exécute votre code sur chaque page correspondante. Sans compte, sans paiement.

Télécharger gratuitement Voir les cas d'usage