Interface CSS

[aurelienpierre]

Je t'ai piqué ton design plat :

Code :

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

/** color palette **/
@define-color grey_darkest rgb(58, 58, 58);
@define-color grey_darker rgb(78, 78, 78);
@define-color grey_dark rgb(98, 98, 98);
@define-color grey_middle rgb(118, 118, 118);
@define-color grey_light rgb(138, 138, 138);
@define-color grey_lighter rgb(148, 148, 148);
@define-color grey_lightest rgb(248, 248, 248);

@define-color bg_color @grey_middle;
@define-color plugin_bg_color @grey_middle;
@define-color fg_color @grey_lightest;
@define-color base_color @grey_lightest;
@define-color text_color @grey_lightest;

@define-color selected_bg_color @grey_dark;
@define-color selected_fg_color @grey_dark;
@define-color tooltip_bg_color @grey_darker;
@define-color tooltip_fg_color @grey_lightest;
@define-color really_dark_bg_color @grey_darker;

@define-color darkroom_bg_color @grey_middle;
@define-color darkroom_preview_bg_color @grey_middle;
@define-color lighttable_bg_color @grey_middle;
@define-color lighttable_preview_bg_color @grey_middle;
@define-color brush_cursor alpha(white, .9);
@define-color brush_trace alpha(black, .8);

@define-color bauhaus_fg @grey_lighter;
@define-color bauhaus_border @grey_middle;
@define-color bauhaus_bg @grey_dark;
@define-color bauhaus_fg_insensitive @grey_dark;

* {
   font-family: "Roboto Light", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
   box-shadow:none;
   font-size: 9pt;
   border: none;
   box-shadow: none;
}


button {
  background: @grey_dark;
  border: none;
  border-radius: 1pt;
  padding: 0pt 2pt;
}


#iop-plugin-ui, #lib-plugin-ui  {
   border-color: @grey;
   background: @grey;
   border: 0pt;
   box-shadow: none;
   padding: 1pt 0;
   border-bottom: 1pt solid @grey_dark;
}


#iop-plugin-ui:selected, #lib-plugin-ui:selected {
   border-color:@grey;
   background: @grey;
   border: 0pt;
   box-shadow: none;
   padding: 1pt 0;
   border-bottom: 1pt solid @grey_dark;
}

#lib-plugin-ui * button,
button
{
 background-color: @grey_dark;
}

#iop-plugin-ui entry selection,
#lib-plugin-ui entry selection,
entry selection {
 background-color: @grey_darker;
}

#section_label
{
 border-bottom: 0.3pt solid @grey_lightest;
}