Identifier les moteurs en changeant la couleur de fond

De SOS Paris
Aller à : navigation, rechercher

Il peut être intéressant de rendre la criticité d'un moteur beaucoup plus visible en modifiant son apparence. Ceci peut être aisément réalisé en éditant le fichier custom.css du moteur.

Un moteur standard a généralement l'apparence suivante:

Interface standard.PNG

On va éditer le fichier dans SCHEDULER_DATA/config/operations_gui/custom.css:

/*
body.top table.top {background-color:white; color:gray;}
body.top table.bottom {background-color:white; color:gray;}
body.top div.button {border:1px solid gray;background-color:white;color:blue;}
body.top div.button:hover {color:orange;}
body.top div.selectbox_menu {border:1px solid gray;background-color:white;color:blue;}
body.top div.selectbox_extras {border:1px solid gray;background-color:white;color:blue;}
body.top select {background-color:white;color:blue;}
body.top select:hover {color:orange;}
#hide_button {background-color:white;}
*/

On modifie les deux premières lignes en ajoutant un rouge assez léger et on garde les autres en commentaire:

body.top table.top {background-color:#FFB6C1; color:gray;}
body.top table.bottom {background-color:#FFB6C1; color:gray;}
/*
body.top div.button {border:1px solid gray;background-color:white;color:blue;}
body.top div.button:hover {color:orange;}
body.top div.selectbox_menu {border:1px solid gray;background-color:white;color:blue;}
body.top div.selectbox_extras {border:1px solid gray;background-color:white;color:blue;}
body.top select {background-color:white;color:blue;}
body.top select:hover {color:orange;}
#hide_button {background-color:white;}
*/

On rafraichit l'interface client pour obtenir le nouveau fond:

Interface alerte.PNG