Mudanças entre as edições de "Usuário:Visno"

De Wiki Gla
Ir para navegação Ir para pesquisar
Linha 1: Linha 1:
{{skills
/* Variáveis de cores */
| skill-tab1 = /images/5/5d/Aokiji_sk1_icon.png
:root {
| nskill1 = Kick
    --background-light: #ffffff;
| level1 = 1
    --background-dark: #2c2c2c;
| descskill1 = Kuzan é tão preguiçoso que prefere não tirar as mãos dos bolsos e opta por chutar o inimigo em vez de socá-lo.
    --text-light: #000000;
| video1 = /images/7/76/Aokiji_sk1.webm
    --text-dark: #ffffff;
| powerpvp1 = 9
    --button-bg-light: #f0f0f0;
| powerpve1 = 15
    --button-bg-dark: #444444;
| cooldown1 = 2 seg
    --link-light: #0000ee;
| energy1 = -
    --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 */

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

}