début implémentation light-mode avec son script : remplacement de tout les valeur de couleur par varriable corespondante, text-shadow autour de du logo pour le contour, changement de fonctionnement pour que svg puisse changer de couleur
This commit is contained in:
parent
8f9e75126e
commit
0585421854
56 changed files with 492 additions and 6978 deletions
|
|
@ -44,6 +44,16 @@ main article > div {
|
|||
#logo #actuel {
|
||||
font-weight: 550;
|
||||
}
|
||||
[data-theme="light"] #logo #actuel {
|
||||
font-weight: 550;
|
||||
color: white;
|
||||
/*diag*/
|
||||
/* text-shadow: -1px -1px var(--color-primary), 1px 1px var(--color-primary); */
|
||||
/*difus*/
|
||||
/* text-shadow: -2px 0 5px var(--color-primary), 2px 0 5px var(--color-primary); */
|
||||
/*partout*/
|
||||
text-shadow: -1px 0 var(--color-primary), 1px 0 var(--color-primary), 0 -1px var(--color-primary),0 1px var(--color-primary);
|
||||
}
|
||||
|
||||
#logo #actuel,
|
||||
#logo #inactuel {
|
||||
|
|
@ -53,6 +63,9 @@ main article > div {
|
|||
#logo #inactuel {
|
||||
transition: margin-top 0.3s ease-in-out, transform 0.3s ease-in-out;
|
||||
}
|
||||
[data-theme="light"] #logo #inactuel {
|
||||
mix-blend-mode: difference;
|
||||
}
|
||||
|
||||
#main-header.minimized #inactuel {
|
||||
margin-top: -20vw;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue