Mudanças entre as edições de "Usuário:Visno"
Ir para navegação
Ir para pesquisar
| Linha 1: | Linha 1: | ||
/* Variáveis de cores */ | /* Variáveis de cores */ | ||
<style> | |||
:root { | :root { | ||
--background-light: #ffffff; | --background-light: #ffffff; | ||
| Linha 48: | Linha 49: | ||
color: var(--text-dark); | color: var(--text-dark); | ||
} | } | ||
</style> | |||
Edição das 17h08min de 7 de dezembro de 2024
/* 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>