← Все примеры

Stack Overflow: тёмные блоки кода

Придаёт блокам кода и встроенным фрагментам тёмный фон со светлым текстом, снижая нагрузку на глаза.

Код для копирования

/* Dark theme just for the code blocks */
.s-prose pre,
.js-post-body pre {
  background: #1e1e1e !important;
  color: #d4d4d4 !important;
  border: 1px solid #333 !important;
}
.s-prose code,
.js-post-body code {
  background: #2a2a2a !important;
  color: #e6e6e6 !important;
}

Как использовать этот пример

1. Скопируй код кнопкой выше.
2. Установи JustZix (2 минуты) и открой расширение на нужной странице.
3. Добавь новое правило, совпадающее с этой страницей.
4. Вставь код в панель CSS правила и сохрани — эффект появится сразу.