Usuário:Visno
Ir para navegação
Ir para pesquisar
/* Variáveis de cores */ <style>
- root {
--background-light: #ffffff; --background-dark: #2c2c2c; --text-light: #000000; --text-dark: #ffffff; --button-bg-light: #f0f0f0; --button-bg-dark: #444444; --link-light: #0000ee; --link-dark: #66ccff;
}
/* Modo claro */ body {
background-color: var(--background-light); color: var(--text-light);
}
a {
color: var(--link-light);
}
/* Modo escuro */ body.dark-mode {
background-color: var(--background-dark); color: var(--text-dark);
}
body.dark-mode a {
color: var(--link-dark);
}
/* Botão de alternância */
- dark-mode-toggle {
position: fixed; top: 10px; left: 10px; background-color: var(--button-bg-light); color: var(--text-light); border: none; padding: 10px; cursor: pointer; z-index: 9999;
}
body.dark-mode #dark-mode-toggle {
background-color: var(--button-bg-dark); color: var(--text-dark);
} </style>