Interface CSS

[benoitdupont]

Bon c'est vraiment très très dur de styler précisément des objets.

J'ai travaillé sur la partie globale mais aussi sur la partie darkroom.

J'arrive pas à gérer la taille des textes lorsqu'on ouvre les modules. Tout comme j'aimerai changer la couleur du bandeau d'un module lorsqu'il est ouvert mais impossible de trouver.

Supprimer la bordure épaisse de la partie principale de l'application je n'y arrive pas non plus. Je trouve pas l'élément à viser.

J’arrive pas non plus à rétablir une taille correcte pour les icônes.

Voici un exemple de petits changements que j'ai appliqué sur une soirée.

Code :

@define-color bg_color rgb(59,59, 59);
@define-color plugin_bg_color #252525;
@define-color fg_color #cacaca;
@define-color base_color #ffffff;
@define-color text_color #3C3C3C;
@define-color selected_bg_color #353535;
@define-color selected_fg_color #e2e2e2;
@define-color tooltip_bg_color #000000;
@define-color tooltip_fg_color #ffffff;
@define-color really_dark_bg_color #111;
@define-color darkroom_bg_color #333333;
@define-color darkroom_preview_bg_color shade(@darkroom_bg_color, .5);
@define-color lighttable_bg_color @darkroom_bg_color;
@define-color lighttable_preview_bg_color shade(@lighttable_bg_color, .5);
@define-color brush_cursor alpha(white, .9);
@define-color brush_trace alpha(black, .8);

@define-color bauhaus_fg #ccc;
@define-color bauhaus_border #191919;
@define-color bauhaus_bg alpha(@bauhaus_border, 0.2);
@define-color bauhaus_fg_insensitive alpha(@bauhaus_fg, 0.5);


* {
   font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
   font-size: 11px;
}

window {
   background: rgb(59,59, 59);
}

button {
   background: rgb(80, 80, 80);
   border: none;
}


/** supprimer bordures entre les modules droite **/
#iop-plugin-ui  > border  {
   border-color: rgb(59,59, 59);
    background:rgb(59,59, 59);
}



#iop-plugin-ui:selected > widget  {
   background: rgb(43,43,43);
   border-bottom-right-radius:5px;
   border-bottom-left-radius:5px;

}


scrollbar {
   background:none;
   border:none;
}