Interface CSS - Version imprimable

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);

}