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 */ | ||
: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); | |||
} |
Edição das 17h07min de 7 de dezembro de 2024
/* Variáveis de cores */
- 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);
}