,

Как изменить любой сайт на темную тему? Пример на Википедии. Лайфхак от профессионала.

Posted by

Как любой сайт переключить в темный стиль

Как любой сайт переключить в темный стиль

Многие пользователи предпочитают использовать темный стиль на веб-сайтах, так как он уменьшает утомляемость глаз и снижает потребление энергии экраном. Если вы хотите переключить любой сайт в темный стиль, включая Википедию, вам понадобятся базовые знания HTML и CSS.

Шаг 1: Создание стилей для темного режима

Прежде всего, нужно создать стили для темного режима на вашем сайте. Вот пример CSS кода:

		body {
			background-color: #222;
			color: #fff;
		}

		a {
			color: #ffcc00;
		}
	

Шаг 2: Применение стилей к сайту

Чтобы применить созданные стили к любому сайту, вам понадобится расширение для браузера, позволяющее встраивать собственные стили на страницу. Например, расширение Stylish для браузера Google Chrome.

Пример применения темного стиля к Википедии

Найдите расширение Stylish в магазине приложений для вашего браузера и установите его. Затем создайте новый стиль и вставьте туда код для темного стиля, описанный выше. После этого обновите страницу Википедии и увидите, как она переключится в темный стиль!

Таким образом, вы сможете легко изменить внешний вид любого сайта, включая Википедию, с помощью простых HTML и CSS стилей. Этот лайфхак поможет вам создать более комфортное и приятное визуальное восприятие при просмотре веб-страниц.

0 0 votes
Article Rating
4 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
@Razumist
5 months ago

годно,
гойда пацики

@LPdotLP
5 months ago

Всё бы хорошо, но после применения кода на данной странице инвертировались и цвета в видео.

@northwardcore
5 months ago

не работает

@ElimDax01
5 months ago

О, спасибо, крутая тема! Я уже баловался с тёмной темой через настройки гугл хрома, но там белые буквы на чёрном фоне, от чего глазам ещё хуже. Здесь контраст хорошо подобран)