← Wszystkie przykłady

Medium: czytelniejsze bloki kodu

Nadaje blokom kodu czcionkę o stałej szerokości i ciemne tło, co poprawia ich czytelność.

Kod do skopiowania

/* Clearer code blocks with monospace and soft background */
article pre, article code {
  font-family: "SF Mono", Menlo, Consolas, monospace !important;
  font-size: 14px !important;
}
article pre {
  background: #1e1e1e !important;
  color: #e6e6e6 !important;
  border-radius: 6px !important;
  padding: 14px !important;
  overflow-x: auto !important;
}

Jak użyć tego przykładu

1. Skopiuj kod przyciskiem powyżej.
2. Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
3. Dodaj nową regułę dopasowaną do tej strony.
4. Wklej kod w panelu CSS reguły i zapisz — efekt pojawi się od razu.