Темная тема

11.06.2021, 21:37. Показов 852. Ответов 0

Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам

В предыдущей теме: Инвертирование фона мне подсказали, как можно выполнить инверсию фона, однако, столкнулся со следующей проблемой.

Test 1 - скриншот с темной темой, которая работает идеально
Test 2 - скриншот с кодом из предыдущей темы, который не инвертирует текст и поля
Test 3 - оригинальная тема

Мне нужно добиться результата как на первом скриншоте. Каким образом этого можно достичь?

Код из предыдущей темы:

HTML5
1
2
3
4
5
6
7
8
9
10
11
<body>
    <h1>Dark mode?</h1>
    <button class="toggle">Toggle Dark Mode</button>
    <a href="#">I am just a link and don't worry about dark mode!</a>
<script>
    const btn = document.querySelector(".toggle");
    btn.addEventListener("click", function () {
        document.body.classList.toggle("dark-theme");
    });
</script>
</body>

CSS
1
2
3
4
5
6
7
8
9
10
11
body {
  color: black;
  background: white;
}
a {
  color: coral;
}
body.dark-theme {
  color: white;
  background: black;
}

Миниатюры

IT_Exp

Эксперт

34794 / 4073 / 2104

Регистрация: 17.06.2006

Сообщений: 32,602

Блог

11.06.2021, 21:37

Ответы с готовыми решениями:

Темная Форма входа
Помогите, мне хотелось бы увидеть такую форму входа как на скриншоте, но так как я не понимаю css, то не могу сделать темные поля ввода....

ПРи наведении на гиперссылку вокруг нее должа появляться темная рамка! подскажите плз как?
хотел с помощью java script сделать так чтоб при наведении на ссылку появлялась темная рамка! вот jsvar ceLinks = Ext.select("UL...

Темная тема на WinForms
Народ! Есть у кого-нибудь опыт построение GUI на WinForms с тёмной темой? Интересует GUI на WinForms со следующими контролами: ...

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

BasicMan

Эксперт

29316 / 5623 / 2384

Регистрация: 17.02.2009

Сообщений: 30,364

Блог

11.06.2021, 21:37

Помогаю со студенческими работами здесь

Тёмная тема на сайте на кнопку
Всем привет. В JS не шарю от слова совсем, в PHP немного. Есть такое решение для переключателя темы ТУТ. Решение хорошее, но как я понял,...

Темная тема и русский язык в NetBeans 10
Как в данной версии включить русский язык? В 8 это делалось через файл конфигурации а в 10 хз как. И да можно ли тут делать темную тему?

Автоматически установилась темная тема и не меняется
Добрый день! Автоматически установилась темная тема. Пробовал в регистре (как советуют во всех инструкциях) создать запись...

Темная тема PascalABC.NET BlackHole
PascalABCNET.BlackHole Устанавливать поверх стандартного паскаля, вдруг не хватить библиотек. Сам...

Как узнать, какая тема сейчас выбрана на устройстве (iOS) - светлая или тёмная?
Как узнать, какая тема сейчас выбрана на устройстве - светлая или тёмная? Работая в pythonista

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! в-строка - входное арифметическое выражение в инфиксной(обычной). . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

Наверх