La v4 a fait l’objet d’un énorme nettoyage des inline style pour passer la majorité du design en css.
Plusieurs variables css sont définie par le core, et naturellement vous pouvez les changer en Personnalisation Avancée.
Quelques possibilités, impossible en v3.x puisque ces couleurs étaient en dur dans le code:
- Changement des couleurs de blocs scénarios:
Couleurs v3.x:
:root {
--scBloc-color1: rgb(22,160,133);
--scBloc-color2: rgb(39,174,96);
--scBloc-color3: rgb(41,128,185);
--scBloc-color4: rgb(116,92,176);
--scBloc-color5: rgb(243,156,18);
--scBloc-color6: rgb(211, 84, 0);
--scBloc-color7: rgb(192, 57, 43);
--scBloc-color8: rgb(44, 62, 80);
--scBloc-color0: rgb(127, 140, 141);
}
- Changement des couleurs de catégories:
Couleurs v3.x:
:root {
--cat-security-color: 155, 75, 70;
--cat-heating-color: 46, 141, 205;
--cat-automatism-color: 128, 128, 128;
--cat-light-color: 243, 156, 18;
--cat-multimedia-color: 52, 73, 94;
--cat-energy-color: 46, 176, 75;
--cat-other-color: 25, 188, 156;
--cat-scenario-color: 127, 140, 141;
}
- Changement du background des tuiles sur le dashboard:
Couleur v4 thème dark:
:root {
--eq-bg-color: 38, 38, 38;
}