Personnalisation aspect modules

Écosystème et ressources Ressources externes
1

Bonjour à toutes et tous,
En visionnant un tuto d’Andy Hutchinson, j’ai remarqué qu’il avait personnalisé, afin de les rendre plus « visibles », l’aspect des modules, en leur adjoignant un entourage, un contour, un rectangle au coins arrondis, lorsqu’ils sont ouverts.
Mais ce jovial australien ne précise pas la méthode pour le faire. Variable ? Plug-in externe ?
J’aimerai le mettre en place aussi, ça améliore vraiment la visibilité dans le flux des modules.
Merci d’avance pour votre aide

2

Bonjour, je suppose qu’il a fait un thème avec un fichier .ccs. Je te renvoie à ton message. Peut-être que tu pourrais demander Avid Andrew en passant par PixLS.

3

Merci.
J’ai trouvé quelques éléments sur pixls.
Pas exactement ce que j’avais vu, mais ils améliorent la visibilité, donc je vais les garder.

4

Bonjour,

Si ça peut aider, voici juste les quelques lignes (css) que j’ai personnellement ajoutées pour une meilleure visibilité (sans dénaturer le thème de base) :

/* Ajouter modification CSS ci-dessous : */

/* Modifications des entêtes de modules (hauteur et boutons) */
#module-header {
  min-height: 6px; 
  padding: 0.35em;
}
#module-header .dt_module_btn {
    color: shade(@plugin_label_color, 0.6);
    background-color: shade(@plugin_bg_color, 0.9);
}
#module-header .dt_module_btn:checked {
  color: shade(@button_hover_bg, 1.2);
  background-color: shade(@plugin_bg_color, 1.2);
}
#module-header .dt_module_btn:checked ~ .dt_module_btn{
    color: shade(@plugin_label_color, 0.8);
    background-color: shade(@plugin_bg_color, 1);
}

/* Couleurs de base des entêtes de modules */
@define-color header_color shade(@plugin_bg_color, 0.75);

/* Couleur de l'entête des modules activés */
@define-color active_module_icon_fg #FFFFF0;  /*BLANC*/
/* @define-color active_module_icon_fg #FFBB63; */  /*ORANGE*/

/* Ombre et bordure des entêtes de modules */
#left #module-header,
#right #module-header,
#right #basics-header-box {
  background-color: @header_color;
  border-radius: 0px;
  margin: 0px; 
  padding: 5px;
}

/* arrondis de certains coins */
#left #module-header {
  border-top-right-radius: 12px;
}
#right #module-header,
#right #basics-header-box {
  border-top-left-radius: 12px;
}

/* Suppression de la bordure entre widgets dans réglages rapides. */
#basics-box-labels widget {
  border: 0px;
}

/* Mise en sur-évidence du module actif */
#right #module-header > button:first-child:checked,
#right #basics-header-box > button:first-child:checked {
  color: @active_module_icon_fg;
}
#right #module-header > button:first-child:hover,
#right #basics-header-box > button:first-child:hover {
  background-color: #404040;
}

/* Adaptation spéciale pour la boite "ordre des modules" */
#right > box:last-child #module-header {
 background-color: @bg_color;
 border-radius: 0px;
 margin-right: 0.9em;
}
5

Bonjour,

il a conçu une feuille de style qu’il déconseille d’installer en raison d’un bogue.

J’ai lu son article, mais je n’ai pas été voir le fichier…