document.addEventListener('DOMContentLoaded', function () { const lightThemeRadio = document.getElementById('lightTheme'); const darkThemeRadio = document.getElementById('darkTheme'); // Verifica se há um tema armazenado no localStorage e aplica-o const storedTheme = localStorage.getItem('theme'); if (storedTheme) { document.body.classList.add(storedTheme); } lightThemeRadio.addEventListener('change', function () { if (this.checked) { document.body.classList.remove('dark-theme'); document.body.classList.add('default-theme'); localStorage.setItem('theme', 'default-theme'); // Armazena o tema escolhido no localStorage } }); darkThemeRadio.addEventListener('change', function () { if (this.checked) { document.body.classList.remove('default-theme'); document.body.classList.add('dark-theme'); localStorage.setItem('theme', 'dark-theme'); // Armazena o tema escolhido no localStorage } }); }); const dadosDosBlocos = [ { imagem_Cab: '../Acessts/Imagens/iT_Guys/logo_340x100.png', A_cab: './Ambiente_Usuario copy.html', button_Cab: 'Logout', } // Adicione mais objetos para mais blocos se necessário ]; // Função para criar os blocos com base nos dados fornecidos function criarBlocos(dados) { // Limpar o container de blocos entrada.innerHTML = ''; // Iterar sobre o array de dados dos blocos dados.forEach(dadosDoBloco => { const Painel = document.createElement('section'); // Responsavel por trazer todos os lementos da tela. const css1 = document.createElement('link'); css1.rel = 'stylesheet'; css1.href = '../../Css/padraouser.css'; const css2 = document.createElement('link'); css2.rel = 'stylesheet'; css2.href = '../../Css/padraouser.css'; //Cabeçalho Painel.appendChild(css1); Painel.appendChild(css2); // Adicionar o bloco ao container de blocos entrada.appendChild(Painel); }); } // Renderizar os blocos inicialmente ao carregar a página criarBlocos(dadosDosBlocos);