Usuário:Visno

/* 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 */

1. 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);

}