const dataTheme = document.querySelector('[data-theme="toggle"]');
let colorTheme = document.querySelector('meta[name="theme-color"]');
let backcolorTheme = document.querySelector('meta[name="background_color"]');
let html = document.querySelector('html');
function toggleLigt(color, theme ) {
html.setAttribute('data-theme', theme);
colorTheme.setAttribute('content',color);
backcolorTheme.setAttribute('content',color);
}
// Если значение undefined (т.е. пользователь первый раз на сайте или не выбрал явно тему)
if (typeof (currentTheme) === 'undefined') {
// Проверяем тему ос, если она темная, то дописываем значение dark
if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
toggleLigt('#0D0D0D', 'dark');
}
}
if (currentTheme === 'dark') {
dataTheme.setAttribute('checked', 'checked');
toggleLigt('#0D0D0D', currentTheme);
}
dataTheme.addEventListener('change', function(event) {
if (event.target.getAttribute('checked')) {
event.target.removeAttribute('checked');
toggleLigt('#FFF', 'light');
} else {
event.target.setAttribute('checked', 'checked');
toggleLigt('#0D0D0D', 'dark');
}
});.block{
&:hover{
//создаст правило .block:hover
}
}
.block{
:hover{
//создаст правило .block :hover
}
}
вместо
php artisan key:generate