01-01-20, 17:38
Ayant déjà utilisé utilisé une interface colorée dans la version précédente de DT, j'ai essayé de la reproduire avec la nouvelle version et je met le css à dispo de la communauté.
voici un copie d'écran:
![[Image: screenshot.jpg]](https://i.ibb.co/syndj6N/screenshot.jpg)
et le CSS
@import url("/opt/darktable/share/darktable/themes/darktable.css");
@import url("/opt/darktable/share/darktable/themes/darktable-icons.css");
@define-color rouge #ff5a19; /* rouge 65 */
@define-color rouge_c #cc643d; /* rouge clair 55*/
@define-color rouge_f #610000; /* rouge foncé */
@define-color marron #dd8900; /* marron 65*/
@define-color marron_c #dfb56e; /* marron clair 55*/
@define-color marron_f #402600; /* marron foncé 18*/
@define-color marron_g #87615c ; /* marron gris */
@define-color orange #ba8b00; /* orange */
@define-color orange_c #ffd500; /* orange clair */
@define-color orange_f #8b6200; /* orange foncé */
@define-color jaune #a4a300; /* jaune */
@define-color jaune_c #dfde00; /* jaune clair*/
@define-color jaune_f #767500; /* jaune foncé*/
@define-color vert #467d45; /*vert */
@define-color vert_f #072b05; /*vert foncé*/
@define-color vert_c #5ec25a; /*vert clair*/
@define-color bleu #4867b4 ; /* bleu */
@define-color bleu_g #375567; /* bleu gris */
@define-color bleu_f #132246 ; /* bleu foncé */
@define-color bleu_c #7295ed; /* bleu clair */
@define-color bleu_gc #b0c6d9; /* bleu gris clair */
@define-color mauve #752075; /*mauve*/
@define-color mauve_c #c153be; /*mauve clair*/
@define-color mauve_f #2d042d; /*mauve foncé*/
/* General */
@define-color selected_bg_color @bleu; /* legacy stuff */
@define-color border_color @gris_1; /* border, when used */
@define-color bg_color @grey_15; /* general background */
@define-color fg_color @marron_c; /* general text */
@define-color base_color @fg_color; /* legacy stuff */
@define-color text_color @vert_c; /* same */
@define-color disabled_fg_color @grey_40; /* disabled controls */
/* Scroll bars (sliders) */
@define-color scroll_bar_inactive @grey_40;
@define-color scroll_bar_active @vert;
@define-color scroll_bar_bg @vert_f;
/* Modules box (plugins) */
@define-color plugin_bg_color @grey_20;
@define-color plugin_fg_color @grey_70;
@define-color section_label @jaune_c;
@define-color plugin_label_color @orange;
/* Modules controls (sliders and comboboxes) */
@define-color bauhaus_fg @grey_70;
@define-color bauhaus_border shade(@plugin_bg_color, 0.5);
@define-color bauhaus_indicator_border @grey_20;
@define-color bauhaus_fill @mauve_c;
@define-color bauhaus_bg @grey_35;
@define-color bauhaus_fg_hover @rouge_c;
@define-color bauhaus_fg_selected @vert_c;
@define-color bauhaus_fg_disabled @grey_70;
@define-color bauhaus_fg_insensitive alpha(@bauhaus_fg, 0.5);
/* GTK Buttons and tabs */
@define-color button_border @grey_30;
@define-color button_bg @grey_25;
@define-color button_fg @grey_65;
@define-color button_checked_bg @grey_45;
@define-color button_checked_fg @orange_c;
@define-color button_hover_bg @grey_30;
@define-color button_hover_fg @vert_c;
/* text fields */
@define-color field_bg @grey_15;
@define-color field_fg @grey_65;
@define-color field_active_bg @grey_25;
@define-color field_active_fg @mauve_c;
@define-color field_selected_bg @vert_f;
@define-color field_selected_fg @jaune_c;
@define-color field_hover_bg @grey_45;
@define-color field_hover_fg @rouge_c;
/* Tooltips and contextual helpers */
@define-color tooltip_bg_color @grey_05;
@define-color tooltip_fg_color @grey_70;
@define-color really_dark_bg_color @grey_05;
/* Views */
@define-color darkroom_bg_color @grey_45;
@define-color darkroom_preview_bg_color @vert_f;
@define-color lighttable_bg_color @grey_45;
@define-color lighttable_preview_bg_color @vert_f;
@define-color print_bg_color @grey_45;
/* Brushes */
@define-color brush_cursor alpha(white, .9);
@define-color brush_trace alpha(black, .8);
/* Lighttable and film-strip */
@define-color thumbnail_font_color @grey_75;
@define-color thumbnail_bg_color @grey_40 ; /* area between border and outline */
@define-color thumbnail_outline_color @grey_50; /* square around image+metadata */
@define-color thumbnail_selected_font_color @orange_c;
@define-color thumbnail_selected_bg_color @bleu_g;
@define-color thumbnail_selected_outline_color @grey_50;
@define-color thumbnail_hover_font_color @jaune_c;
@define-color thumbnail_hover_bg_color @bleu_gc;
@define-color thumbnail_hover_outline_color @bleu_f;
@define-color filmstrip_bg_color @darkroom_bg_color;
@define-color culling_selected_border_color @grey_10;
@define-color culling_filmstrip_selected_border_color @grey_10;
/* Graphs : histogram, navigation thumbnail and some items on tone curve */
@define-color graph_bg @grey_10;
@define-color graph_border @grey_05;
@define-color graph_fg @grey_75;
@define-color graph_fg_active @grey_95;
@define-color graph_grid @grey_05;
@define-color inset_histogram alpha(@grey_65, 0.50);
/* Reset GTK defaults - Otherwise dt inherits Adwaita default theme dark */
voici un copie d'écran:
![[Image: screenshot.jpg]](https://i.ibb.co/syndj6N/screenshot.jpg)
et le CSS
@import url("/opt/darktable/share/darktable/themes/darktable.css");
@import url("/opt/darktable/share/darktable/themes/darktable-icons.css");
@define-color rouge #ff5a19; /* rouge 65 */
@define-color rouge_c #cc643d; /* rouge clair 55*/
@define-color rouge_f #610000; /* rouge foncé */
@define-color marron #dd8900; /* marron 65*/
@define-color marron_c #dfb56e; /* marron clair 55*/
@define-color marron_f #402600; /* marron foncé 18*/
@define-color marron_g #87615c ; /* marron gris */
@define-color orange #ba8b00; /* orange */
@define-color orange_c #ffd500; /* orange clair */
@define-color orange_f #8b6200; /* orange foncé */
@define-color jaune #a4a300; /* jaune */
@define-color jaune_c #dfde00; /* jaune clair*/
@define-color jaune_f #767500; /* jaune foncé*/
@define-color vert #467d45; /*vert */
@define-color vert_f #072b05; /*vert foncé*/
@define-color vert_c #5ec25a; /*vert clair*/
@define-color bleu #4867b4 ; /* bleu */
@define-color bleu_g #375567; /* bleu gris */
@define-color bleu_f #132246 ; /* bleu foncé */
@define-color bleu_c #7295ed; /* bleu clair */
@define-color bleu_gc #b0c6d9; /* bleu gris clair */
@define-color mauve #752075; /*mauve*/
@define-color mauve_c #c153be; /*mauve clair*/
@define-color mauve_f #2d042d; /*mauve foncé*/
/* General */
@define-color selected_bg_color @bleu; /* legacy stuff */
@define-color border_color @gris_1; /* border, when used */
@define-color bg_color @grey_15; /* general background */
@define-color fg_color @marron_c; /* general text */
@define-color base_color @fg_color; /* legacy stuff */
@define-color text_color @vert_c; /* same */
@define-color disabled_fg_color @grey_40; /* disabled controls */
/* Scroll bars (sliders) */
@define-color scroll_bar_inactive @grey_40;
@define-color scroll_bar_active @vert;
@define-color scroll_bar_bg @vert_f;
/* Modules box (plugins) */
@define-color plugin_bg_color @grey_20;
@define-color plugin_fg_color @grey_70;
@define-color section_label @jaune_c;
@define-color plugin_label_color @orange;
/* Modules controls (sliders and comboboxes) */
@define-color bauhaus_fg @grey_70;
@define-color bauhaus_border shade(@plugin_bg_color, 0.5);
@define-color bauhaus_indicator_border @grey_20;
@define-color bauhaus_fill @mauve_c;
@define-color bauhaus_bg @grey_35;
@define-color bauhaus_fg_hover @rouge_c;
@define-color bauhaus_fg_selected @vert_c;
@define-color bauhaus_fg_disabled @grey_70;
@define-color bauhaus_fg_insensitive alpha(@bauhaus_fg, 0.5);
/* GTK Buttons and tabs */
@define-color button_border @grey_30;
@define-color button_bg @grey_25;
@define-color button_fg @grey_65;
@define-color button_checked_bg @grey_45;
@define-color button_checked_fg @orange_c;
@define-color button_hover_bg @grey_30;
@define-color button_hover_fg @vert_c;
/* text fields */
@define-color field_bg @grey_15;
@define-color field_fg @grey_65;
@define-color field_active_bg @grey_25;
@define-color field_active_fg @mauve_c;
@define-color field_selected_bg @vert_f;
@define-color field_selected_fg @jaune_c;
@define-color field_hover_bg @grey_45;
@define-color field_hover_fg @rouge_c;
/* Tooltips and contextual helpers */
@define-color tooltip_bg_color @grey_05;
@define-color tooltip_fg_color @grey_70;
@define-color really_dark_bg_color @grey_05;
/* Views */
@define-color darkroom_bg_color @grey_45;
@define-color darkroom_preview_bg_color @vert_f;
@define-color lighttable_bg_color @grey_45;
@define-color lighttable_preview_bg_color @vert_f;
@define-color print_bg_color @grey_45;
/* Brushes */
@define-color brush_cursor alpha(white, .9);
@define-color brush_trace alpha(black, .8);
/* Lighttable and film-strip */
@define-color thumbnail_font_color @grey_75;
@define-color thumbnail_bg_color @grey_40 ; /* area between border and outline */
@define-color thumbnail_outline_color @grey_50; /* square around image+metadata */
@define-color thumbnail_selected_font_color @orange_c;
@define-color thumbnail_selected_bg_color @bleu_g;
@define-color thumbnail_selected_outline_color @grey_50;
@define-color thumbnail_hover_font_color @jaune_c;
@define-color thumbnail_hover_bg_color @bleu_gc;
@define-color thumbnail_hover_outline_color @bleu_f;
@define-color filmstrip_bg_color @darkroom_bg_color;
@define-color culling_selected_border_color @grey_10;
@define-color culling_filmstrip_selected_border_color @grey_10;
/* Graphs : histogram, navigation thumbnail and some items on tone curve */
@define-color graph_bg @grey_10;
@define-color graph_border @grey_05;
@define-color graph_fg @grey_75;
@define-color graph_fg_active @grey_95;
@define-color graph_grid @grey_05;
@define-color inset_histogram alpha(@grey_65, 0.50);
/* Reset GTK defaults - Otherwise dt inherits Adwaita default theme dark */