(25-01-20, 17:56)cherob a écrit : J'avais déjà publié un CSS personnalisé il y a qqes semaine, mais à la réflexion trop sombre et trop contrasté.
Je l'ai revu et je profite de ce fil de discussion pour le proposer:
@import url("/opt/darktable/share/darktable/themes/darktable-elegant-grey.css");
@import url("/opt/darktable/share/darktable/themes/darktable-icons-grey.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_35; /* 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_60;
@define-color scroll_bar_active @vert;
@define-color scroll_bar_bg @grey_45;
/* Modules box (plugins) */
@define-color plugin_bg_color @grey_30;
@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_45;
@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_45;
@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_75;
@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 */
Merci beaucoup pour ce code CSS posté, car je l'ai implémenté sur la nouvelle version 3.2.1, et pour ma part, je trouve que l'ergonomie du logiciel DT est boostée (bien meilleur contrôle visuel de l'ensemble des fonctions et modules).
Vu que je n'y connais rien en CSS, si ce n'est pas trop de travail de développement, peut être pourriez vous proposer différents "Thèmes", car je trouve que le DT "coloré", tel que vous l'avez fait, est nettement plus agréable à utiliser, que les textes grisés.
PS: Je suis sous Windows 10.
PS: De façon à harmoniser le coloris orange pour l'ensemble des fenêtres de texte, comment fait on pour mettre en orange le texte de la fenêtre "Stockage cible", en code CSS, et où le placer dans les différents paragraphes de code ?
Merci d'avance pour votre réponse.