Interface CSS

[nicoauffray]

Salut et merci pour ton travail !
J'ai un souci avec mon CSS, j'utilise le style Lumiroom de benoitdupont, mais je ne vois plus les icônes pipettes: dans filmique, par exemple, je ne vois les pipettes que lorsque je les sélectionne et qu'elles sont actives ; sinon elles sont de la même couleur que le fond.

J'utilise le style Lumiroom avec le @import qui va bien au début du fichier. Quelle est l'instruction à modifier pour cet élément ?

Merci

Les pipettes sont gérées par cette ligne :

@define-color bauhaus_fg_insensitive alpha(@bauhaus_fg, 0.5);

Tu modifies ce qui est après "insensitive" avec les paramètres/couleurs de ton choix. Personnellement, j'ai ça (ça s'adapte du coup si je change les couleurs principales) :

@define-color bauhaus_fg_insensitive @selected_bg_color;

---

voici d'ailleurs le code complet que j’utilise, comme dit + haut il vient de nicoauffray :

Ravi que mon style te plaise. J'ai beaucoup fait évoluer mon style pour m'approcher encore plus du gris moyen. Voici ma nouvelle version si ça intéresse certains (avec de nombreux commentaires pour savoir à quoi correspond chaque ligne ; enfin presque chaque ligne...) :

Code :

@import '/usr/share/darktable/darktable.css';

/* Couleurs principales de l'interface (bg_color étant la couleur du fond) */
@define-color bg_color #777;
@define-color base_color #ffffff;
@define-color text_color @fg_color;
/* Couleur des modules */
@define-color plugin_bg_color @bg_color;
@define-color selected_bg_color #666;
@define-color selected_fg_color #f0f0f0;
/* Couleur des bulles d'aide */
@define-color tooltip_bg_color #BEBEBE;
@define-color tooltip_fg_color #454545;
/* Couleur claire principale */
@define-color fg_color #DDD;
/* Couleur du filet du cadre central */
@define-color really_dark_bg_color #595959;
/* Couleur de fond du cadre central de la chambre noire */
@define-color darkroom_bg_color #777;
@define-color darkroom_preview_bg_color shade(@darkroom_bg_color, .8);
/* Couleur de fond du cadre central de la table lumineuse */
@define-color lighttable_bg_color @darkroom_bg_color;
@define-color lighttable_preview_bg_color shade(@lighttable_bg_color, .8);
/* Couleurs de la brosse - masque */
@define-color brush_cursor alpha(white, .9);
@define-color brush_trace alpha(black, .8);
/* Couleurs des curseurs de modules de la chambre noire */
@define-color bauhaus_fg @fg_color;
@define-color bauhaus_border #696969;
@define-color bauhaus_bg @selected_bg_color;
@define-color bauhaus_fg_insensitive @selected_bg_color; /* Couleur pipettes */

/* Images dans la table lumineuse */
@define-color thumbnail_bg_color #888; /* Couleur autour de l'image */
@define-color thumbnail_selected_bg_color #BBB; /* Couleur autour de l'image sélectionnée */
@define-color thumbnail_hover_bg_color #ccc; /* Couleur autour de l'image survolée */
@define-color thumbnail_outline_color #595959; /* Bordure des "diapos" encadrant les images & métadonnées */
@define-color thumbnail_selected_outline_color #666;
@define-color thumbnail_hover_outline_color #999;
@define-color thumbnail_font_color #6c6c6c;
@define-color thumbnail_selected_font_color #7f7f7f;
@define-color thumbnail_hover_font_color #b2b2b2;
@define-color thumbnail_border_color #555; /* rectangle directly around image */
@define-color thumbnail_selected_border_color #e5e5e5;

/* Barre de progression */
progressbar *
{
background-color: @selected_bg_color;
}

/* Caractéristiques du texte dans darktable */
* {
  font: 8pt Sans;
  font-family: system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  color: @fg_color;
  background-color: @bg_color;
  border-color: #454545; /* Couleur curseur bas table lumineuse et filets préférences */
  text-shadow:none;
/*  margin: 0; */ /* this makes scroll bars super wide. */
  padding: 0;
  background-image: none;
}

button {
   background: #6D6D6D;
   border: none;
   border-radius: 5px;
}

/* Modules */
#iop-plugin-ui,#iop-plugin-ui:selected,
#lib-plugin-ui
{
  border: 1pt solid #656565;
  box-shadow: inset 0 0 1pt #555;
  border-radius: 5px;
  margin: 0pt;
  padding: 1pt 4pt 1pt 4pt;
  color: @selected_fg_color;
  background-color: #7F7F7F;
}

#iop-plugin-ui notebook tab *:hover,
#lib-plugin-ui notebook tab *:hover
{
  background-color: shade(@selected_bg_color, 1.2);
}

#iop-plugin-ui notebook tab:checked *,
#lib-plugin-ui notebook tab:checked * {
  background-color: shade(@selected_bg_color, 1.1);
}

/* Zones de texte dans les modules */
#iop-plugin-ui entry,
#lib-plugin-ui entry,
entry {
  border-radius: 4px;
  background-color: shade(@selected_bg_color, 1.1);
}

/* buttons in plugins */
#lib-plugin-ui * button,
button
{
  background-color: shade(@selected_bg_color, 1.0);
}

/* Fond barre de défilement des modules */

#iop-plugin-ui scrollbar.horizontal,
#iop-plugin-ui scrollbar.vertical,
#lib-plugin-ui scrollbar.horizontal,
#lib-plugin-ui scrollbar.vertical {
  border-color: @selected_bg_color;
  background-color: shade(@darkroom_bg_color, .9);
}