Темный режим работает автоматически для всех страниц, кроме Firefox.CSS

Разбираемся в CSS
Ответить
Anonymous
 Темный режим работает автоматически для всех страниц, кроме Firefox.

Сообщение 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
}
});


Подробнее здесь: https://stackoverflow.com/questions/791 ... pt-firefox
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»