В Firefox (и его ответвлениях) темный режим не применяется ко всем страницам автоматически. Если вы выберете темный режим, он будет работать только на одной странице, вам придется устанавливать его вручную на каждой странице. В других браузерах (Brave, Opera и т. д.), если вы один раз установите темный режим, все страницы автоматически перейдут в темный режим.
Почему этот код не работает должным образом в Firefox? Локальное хранилище на нем не работает? Придется ли мне вместо этого использовать файлы cookie?
let trilho = document.getElementById('trilho');
let body = document.querySelector('body');
// Check local storage for the user's theme preference
const theme = window.localStorage.getItem("theme");
// Set the initial theme based on localStorage
if (theme === "dark") {
body.classList.add("dark");
trilho.classList.add("dark"); // Ensure the button reflects dark mode
} else {
trilho.classList.remove("dark"); // Ensure the button reflects light mode
}
// Add event listener to toggle dark mode
trilho.addEventListener('click', () => {
trilho.classList.toggle('dark');
body.classList.toggle('dark');
// Update localStorage with the current theme
if (body.classList.contains("dark")) {
window.localStorage.setItem("theme", "dark");
trilho.classList.add("dark"); // Dark mode button
} else {
window.localStorage.setItem("theme", "light");
trilho.classList.remove("dark"); // Light mode button
}
});
Подробнее здесь: https://stackoverflow.com/questions/791 ... pt-firefox
Темный режим работает автоматически для всех страниц, кроме Firefox. ⇐ CSS
Разбираемся в CSS
1730548240
Anonymous
В Firefox (и его ответвлениях) темный режим не применяется ко всем страницам автоматически. Если вы выберете темный режим, он будет работать только на одной странице, вам придется устанавливать его вручную на каждой странице. В других браузерах (Brave, Opera и т. д.), если вы один раз установите темный режим, все страницы автоматически перейдут в темный режим.
Почему этот код не работает должным образом в Firefox? Локальное хранилище на нем не работает? Придется ли мне вместо этого использовать файлы cookie?
let trilho = document.getElementById('trilho');
let body = document.querySelector('body');
// Check local storage for the user's theme preference
const theme = window.localStorage.getItem("theme");
// Set the initial theme based on localStorage
if (theme === "dark") {
body.classList.add("dark");
trilho.classList.add("dark"); // Ensure the button reflects dark mode
} else {
trilho.classList.remove("dark"); // Ensure the button reflects light mode
}
// Add event listener to toggle dark mode
trilho.addEventListener('click', () => {
trilho.classList.toggle('dark');
body.classList.toggle('dark');
// Update localStorage with the current theme
if (body.classList.contains("dark")) {
window.localStorage.setItem("theme", "dark");
trilho.classList.add("dark"); // Dark mode button
} else {
window.localStorage.setItem("theme", "light");
trilho.classList.remove("dark"); // Light mode button
}
});
Подробнее здесь: [url]https://stackoverflow.com/questions/79149236/dark-mode-works-automatically-for-all-pages-except-firefox[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия