Interface Dark Orange - CSS

Jplaf79 · Août 11, 2020, 7:15

cherob:

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.
[hr]
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.

nicoauffray · Août 11, 2020, 6:57

Jplaf79:

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.
[hr]
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.

Attention tout de même aux illusions d’optique que peuvent engendrer certaines couleurs et contraste d’un thème. Un thème sombre déjà peut fausser la visualisation correcte d’exposition, comme l’a montré l’échiquier d’Adelson.

Le thème gris a été développé pour réduire au maximum toute illusion d’optique et laisser la place donc au traitement de l’image optimisé, visuellement. Ce n’est pas par hasard, même si la contrepartie peut être certains contrôles légèrement moins visibles. Et trouver le meilleur compromis a été un travail long et hardu, que la 3.2.1 améliore encore.

Qu’entendez-vous par « le texte de la fenêtre « Stockage cible » » ? Quel texte ? Le texte est globalement (pour la plupart des items, géré par un seul réglage, et le changer à un endroit le changera à de nombreux endroits (question de cohérence).

Jplaf79 · Août 12, 2020, 7:58

J’ai bien compris connaissance de votre réponse, et surtout j’ai bien compris l’importance du gris expliqué par Aurélien Pierre, maintes fois, mais je vais justifier mon choix quand à l’utilisation du texte coloré, et non pas gris.
J’ai 64 ans, et ma perception du texte coloré, à mon age, est bien plus lisible que le texte gris, ce coloris m’apporte une très importante ergonomie, (je pense que c’est du à mon grand age) et compte tenu que je reste de longues heures, à retoucher sur DT, j’ai nettement vu la différence.
Je tiens a préciser que je suis toujours en fond Darktable-Elegant-Dark.
Certes, je suis tout a fait conscient que le texte coloré peut « polluer » la neutralité du gris, mais j’ai compris le fonctionnement Hexa des couleurs, dans le code CSS, aussi j’ai rentré des valeurs plus neutres ou ternes, lorsque les coloris me semblaient un peu trop « flashis ».
Espérant avoir répondu à votre inquiétude, je vous souhaite une bonne journée.

nicoauffray · Août 12, 2020, 4:22

Jplaf79:

J’ai bien compris connaissance de votre réponse, et surtout j’ai bien compris l’importance du gris expliqué par Aurélien Pierre, maintes fois, mais je vais justifier mon choix quand à l’utilisation du texte coloré, et non pas gris.
J’ai 64 ans, et ma perception du texte coloré, à mon age, est bien plus lisible que le texte gris, ce coloris m’apporte une très importante ergonomie, (je pense que c’est du à mon grand age) et compte tenu que je reste de longues heures, à retoucher sur DT, j’ai nettement vu la différence.
Je tiens a préciser que je suis toujours en fond Darktable-Elegant-Dark.
Certes, je suis tout a fait conscient que le texte coloré peut « polluer » la neutralité du gris, mais j’ai compris le fonctionnement Hexa des couleurs, dans le code CSS, aussi j’ai rentré des valeurs plus neutres ou ternes, lorsque les coloris me semblaient un peu trop « flashis ».
Espérant avoir répondu à votre inquiétude, je vous souhaite une bonne journée.

Ce n’était qu’un point de vigilance, ayant créé le thème gris et partageant l’avis d’Aurélien sur le sujet. Je lui avais d’ailleurs proposé de faire ce thème gris pour qu’il se libère du temps sur ce qu’il fait de mieux : de merveilleux et puissants modules de traitement d’image !

En tout cas, si vous voulez que je vous guide pour les conseils/améliorations CSS, n’hésitez pas à me préciser le chemin/endroit (éventuellement avec une capture d’écran) de ce que vous souhaitez modifier et comment. Etant le principal contributeur CSS darktable depuis la nouvelle interface (en continuité du travail d’Aurélien), je pense être celui qui connaît aujourd’hui le mieux le code CSS de darktable, de toute l’équipe de développeurs (et celui qui connaît le moins le reste du code ).

G.Eco · Août 16, 2020, 11:35

Bonjour

Je sollicite votre aide concernant les ajustements CSS via la zone de saisie dans les préférences de dt 3.2.1 car je n’arrive pas à l’utiliser correctement. Je précise que je suis pour l’instant sur un PC Windows 10 et non pas sur le PC Linux Mint 20 habituel décrit dans mon profil mais j’ai rencontré le même problème sous Mint.

J’ai lu avec intérêt le présent sujet, ainsi que https://forums.darktable.fr/showthread.php?tid=4332 et https://forums.darktable.fr/showthread.php?tid=4072

Voici ce que j’ai fait :

je suis au départ avec le thème darktable-icons-grey
j’ai copié le css proposé par cherob dans la zone de saisie (en modifiant les 2 premières lignes @import url pour les chemins Windows), validé par le bouton « sauver les ajustements CSS » et… rien ne change dans l’interface, même après redémarrage de dt . Sur le disque, je retrouve bien ma saisie dans le fichier $USER\AppData\Local\darktable\user.css
si je copie manuellement ce fichier dans $USER\AppData\Local\darktable[b]themes[/b]\user.css, le thème user m’est proposé dans la liste déroulante et après redémarrage de dt, l’interface est modifiée mais pas vraiment comme attendu
je suis alors repassé en darktable-icons-grey et dans la zone de saisie j’ai supprimé les 2 lignes @import url et sauvegardé le tout. Toujours aucun changement même après avoir redémarré dt
copie manuelle du nouveau user.css sous $USER\AppData\Local\darktable[b]themes[/b]\ et choix du thème user dans la liste déroulante : cette fois le thème orange de cherob semble s’appliquer correctement

Ma question est donc la suivante : peut-on faire prendre en compte des modifs CSS depuis la zone de saisie des préférences et si oui, comment fait-on ? Ou alors doit-on toujours aller écrire manuellement un fichier user.css au bon endroit sur le disque ?

Jplaf79 · Août 16, 2020, 12:32

nicoauffray:

Jplaf79:

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.
[hr]
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.

Attention tout de même aux illusions d’optique que peuvent engendrer certaines couleurs et contraste d’un thème. Un thème sombre déjà peut fausser la visualisation correcte d’exposition, comme l’a montré l’échiquier d’Adelson.

Le thème gris a été développé pour réduire au maximum toute illusion d’optique et laisser la place donc au traitement de l’image optimisé, visuellement. Ce n’est pas par hasard, même si la contrepartie peut être certains contrôles légèrement moins visibles. Et trouver le meilleur compromis a été un travail long et hardu, que la 3.2.1 améliore encore.

Qu’entendez-vous par « le texte de la fenêtre « Stockage cible » » ? Quel texte ? Le texte est globalement (pour la plupart des items, géré par un seul réglage, et le changer à un endroit le changera à de nombreux endroits (question de cohérence).

Finalement j;ai un peu adapté le CSS.

Voici ce que j’ai mis en œuvre, et cela me convient à merveille (sous Windows10).

@define-color rouge #ff5a19; /* rouge 65 /
@define-color rouge_c #cc9966; / 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 #99FFCC; / vert 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 #6699CC; / bleu gris clair */

@define-color mauve #752075; /mauve/
@define-color mauve_c #cc9966; /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_80; / disabled controls */

/* Scroll bars (sliders) */
@define-color scroll_bar_inactive @grey_40;
@define-color scroll_bar_active @vert;
@define-color scroll_bar_bg @grey_75;

/* Modules box (plugins) */
@define-color plugin_bg_color @grey_35;
@define-color plugin_fg_color @grey_75;
@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_25;
@define-color field_fg @jaune_c;
@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_25;
@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);
Merci de me proposer votre aide, si toutefois je rencontrais des problèmes, je reviendrais vers vous, mais autant que faire ce peut, en général, je me débrouille pour trouver les solutions tout seul !
Merci encore pour votre aide.
Salutations

nicoauffray · Août 16, 2020, 12:39

@G.eco : attention, pas besoin de mettre les chemins dans l’éditeur des préférences, c’est géré automatiquement.
Pour le reste, si ça ne s’affiche pas, c’est qu’il y a une erreur dans le code. Un point virgule manquant sur une ligne peut suffire.
Par contre, pas le temps avant au moins plusieurs jours d’aller plus loin.

@jplaf79 : parfait. Et j’aime les gens qui cherchent d’abord par eux-mêmes.

Jplaf79 · Août 16, 2020, 1:49

En tout cas, merci mille fois aux développeurs, car je trouve que cette fonction pour implémenter le CSS, manquait vraiment, et pour moi, qui n’a pas de connaissance en programmation, ce module est formidable d’ergonomie.
Salutations.

[align=center]G
M
T[/align]

[align=left]Détecter la langue[/align]
[align=left]Afrikaans[/align]
[align=left]Albanais[/align]
[align=left]Allemand[/align]
[align=left]Amharique[/align]
[align=left]Anglais[/align]
[align=left]Arabe[/align]
[align=left]Arménien[/align]
[align=left]Azéri[/align]
[align=left]Basque[/align]
[align=left]Bengali[/align]
[align=left]Biélorusse[/align]
[align=left]Birman[/align]
[align=left]Bosniaque[/align]
[align=left]Bulgare[/align]
[align=left]Catalan[/align]
[align=left]Cebuano[/align]
[align=left]Chichewa[/align]
[align=left]Chinois Simp[/align]
[align=left]Chinois Trad[/align]
[align=left]Cingalais[/align]
[align=left]Coréen[/align]
[align=left]Corse[/align]
[align=left]Créole haïtien[/align]
[align=left]Croate[/align]
[align=left]Danois[/align]
[align=left]Espagnol[/align]
[align=left]Espéranto[/align]
[align=left]Estonien[/align]
[align=left]Finnois[/align]
[align=left]Français[/align]
[align=left]Frison[/align]
[align=left]Gaélique Écosse[/align]
[align=left]Galicien[/align]
[align=left]Gallois[/align]
[align=left]Géorgien[/align]
[align=left]Grec[/align]
[align=left]Gudjarati[/align]
[align=left]Haoussa[/align]
[align=left]Hawaïen[/align]
[align=left]Hébreu[/align]
[align=left]Hindi[/align]
[align=left]Hmong[/align]
[align=left]Hongrois[/align]
[align=left]Igbo[/align]
[align=left]Indonésien[/align]
[align=left]Irlandais[/align]
[align=left]Islandais[/align]
[align=left]Italien[/align]
[align=left]Japonais[/align]
[align=left]Javanais[/align]
[align=left]Kannada[/align]
[align=left]Kazakh[/align]
[align=left]Khmer[/align]
[align=left]Kirghiz[/align]
[align=left]Kurde[/align]
[align=left]Laotien[/align]
[align=left]Latin[/align]
[align=left]Letton[/align]
[align=left]Lituanien[/align]
[align=left]Luxembourgeois[/align]
[align=left]Macédonien[/align]
[align=left]Malaisien[/align]
[align=left]Malayalam[/align]
[align=left]Malgache[/align]
[align=left]Maltais[/align]
[align=left]Maori[/align]
[align=left]Marathi[/align]
[align=left]Mongol[/align]
[align=left]Néerlandais[/align]
[align=left]Népalais[/align]
[align=left]Norvégien[/align]
[align=left]Ouzbek[/align]
[align=left]Pachtô[/align]
[align=left]Panjabi[/align]
[align=left]Persan[/align]
[align=left]Polonais[/align]
[align=left]Portugais[/align]
[align=left]Roumain[/align]
[align=left]Russe[/align]
[align=left]Samoan[/align]
[align=left]Serbe[/align]
[align=left]Sesotho[/align]
[align=left]Shona[/align]
[align=left]Sindhî[/align]
[align=left]Slovaque[/align]
[align=left]Slovène[/align]
[align=left]Somali[/align]
[align=left]Soudanais[/align]
[align=left]Suédois[/align]
[align=left]Swahili[/align]
[align=left]Tadjik[/align]
[align=left]Tagalog[/align]
[align=left]Tamoul[/align]
[align=left]Tchèque[/align]
[align=left]Telugu[/align]
[align=left]Thaï[/align]
[align=left]Turc[/align]
[align=left]Ukrainien[/align]
[align=left]Urdu[/align]
[align=left]Vietnamien[/align]
[align=left]Xhosa[/align]
[align=left]Yiddish[/align]
[align=left]Yorouba[/align]
[align=left]Zoulou[/align]

[align=left]Afrikaans[/align]
[align=left]Albanais[/align]
[align=left]Allemand[/align]
[align=left]Amharique[/align]
[align=left]Anglais[/align]
[align=left]Arabe[/align]
[align=left]Arménien[/align]
[align=left]Azéri[/align]
[align=left]Basque[/align]
[align=left]Bengali[/align]
[align=left]Biélorusse[/align]
[align=left]Birman[/align]
[align=left]Bosniaque[/align]
[align=left]Bulgare[/align]
[align=left]Catalan[/align]
[align=left]Cebuano[/align]
[align=left]Chichewa[/align]
[align=left]Chinois Simp[/align]
[align=left]Chinois Trad[/align]
[align=left]Cingalais[/align]
[align=left]Coréen[/align]
[align=left]Corse[/align]
[align=left]Créole haïtien[/align]
[align=left]Croate[/align]
[align=left]Danois[/align]
[align=left]Espagnol[/align]
[align=left]Espéranto[/align]
[align=left]Estonien[/align]
[align=left]Finnois[/align]
[align=left]Français[/align]
[align=left]Frison[/align]
[align=left]Gaélique Écosse[/align]
[align=left]Galicien[/align]
[align=left]Gallois[/align]
[align=left]Géorgien[/align]
[align=left]Grec[/align]
[align=left]Gudjarati[/align]
[align=left]Haoussa[/align]
[align=left]Hawaïen[/align]
[align=left]Hébreu[/align]
[align=left]Hindi[/align]
[align=left]Hmong[/align]
[align=left]Hongrois[/align]
[align=left]Igbo[/align]
[align=left]Indonésien[/align]
[align=left]Irlandais[/align]
[align=left]Islandais[/align]
[align=left]Italien[/align]
[align=left]Japonais[/align]
[align=left]Javanais[/align]
[align=left]Kannada[/align]
[align=left]Kazakh[/align]
[align=left]Khmer[/align]
[align=left]Kirghiz[/align]
[align=left]Kurde[/align]
[align=left]Laotien[/align]
[align=left]Latin[/align]
[align=left]Letton[/align]
[align=left]Lituanien[/align]
[align=left]Luxembourgeois[/align]
[align=left]Macédonien[/align]
[align=left]Malaisien[/align]
[align=left]Malayalam[/align]
[align=left]Malgache[/align]
[align=left]Maltais[/align]
[align=left]Maori[/align]
[align=left]Marathi[/align]
[align=left]Mongol[/align]
[align=left]Néerlandais[/align]
[align=left]Népalais[/align]
[align=left]Norvégien[/align]
[align=left]Ouzbek[/align]
[align=left]Pachtô[/align]
[align=left]Panjabi[/align]
[align=left]Persan[/align]
[align=left]Polonais[/align]
[align=left]Portugais[/align]
[align=left]Roumain[/align]
[align=left]Russe[/align]
[align=left]Samoan[/align]
[align=left]Serbe[/align]
[align=left]Sesotho[/align]
[align=left]Shona[/align]
[align=left]Sindhî[/align]
[align=left]Slovaque[/align]
[align=left]Slovène[/align]
[align=left]Somali[/align]
[align=left]Soudanais[/align]
[align=left]Suédois[/align]
[align=left]Swahili[/align]
[align=left]Tadjik[/align]
[align=left]Tagalog[/align]
[align=left]Tamoul[/align]
[align=left]Tchèque[/align]
[align=left]Telugu[/align]
[align=left]Thaï[/align]
[align=left]Turc[/align]
[align=left]Ukrainien[/align]
[align=left]Urdu[/align]
[align=left]Vietnamien[/align]
[align=left]Xhosa[/align]
[align=left]Yiddish[/align]
[align=left]Yorouba[/align]
[align=left]Zoulou[/align]

Fonction Sound est limitée à 200 caractères
[align=center]

Options : Historique : Commentaires : Donate
Fermer[/align]

G.Eco · Août 16, 2020, 1:59

Des fois on rate les choses les plus évidentes et on se sent un peu idiot après coup : la réponse à ma question était toute bête, j’avais simplement oublié de cocher la case « modifier le thème via les ajustements CSS ci-dessous » . J’étais focalisé sur le bouton « Sauver les ajustements CSS » qui pour moi servait à valider ma saisie, et du coup j’ai complètement zappé la case à cocher.
Ça fonctionne beaucoup mieux en la cochant !

Merci nicoauffray, tu m’as permis de mieux comprendre comment ça fonctionnait, et indirectement de trouver mon erreur.

Encore une avancée géniale de la 3.2.1, merci !

Thomas_Wak · Août 19, 2020, 1:33

@Nicoauffray,

puisque tu le proposes :rolleyes: j’aimerais identifier les lignes du CSS qui permettent de gérer la couleur des pipettes dans les modules de traitement afin de mieux différentier lorsque celles ci sont sélectionnées.
Saurais tu comment procéder ?
Merci

nicoauffray · Août 19, 2020, 2:02

Salut,
Je n’ai pas accès à mon ordinateur cette semaine donc tu vas devoir patienter. Mais si tu cherches déjà le mot picker dans le fichier darktable.css, tu peux trouver. Fais moi signe lundi si tu n’as toujours pas trouvé.

SERGEI18 · Août 20, 2020, 3:04

Bonjour,

Merci à @cherob pour son CSS ‹ orange ›.
J’avais essayé de ‹ bidouiller › dans un CSS mais mes connaissances de celui-ci sont limitées.
Comme l’a écris @Jplaf79, j’ai moi aussi dépassé la soixantaine, et je trouve cet interface très ‹ lisible ›. Nos yeux n’ont plus la qualité de nos 20 ans.
Pour éviter d’être trop gêné par une interface coloré ( commentaire de @nicauffray ) j’utilise très souvent:

le petit icône du bas qui permet l’évaluation des couleurs ISO 12646 ( génère un cadre blanc )
avec
la touche Tab qui permet un affichage ‹ plein écran ›.
j’ai aussi la change d’avoir un second écran ou j’active l’affichage secondaire de la chambre noire.

De plus la nouvelle version 3.2.1 qui permet de faire ces/ses modif directement dans les paramètres, c’est le top…on test en live …
Je pense qu’une fois que j’aurai finalisé ‹ mon interface ›, je vais créé un fichier .css pour avoir ces modifs en « dur » comme un thème supplémentaire à ceux qui existent.

Encore merci aux développeurs et à ceux qui partagent leurs expériences.

Thomas_Wak · Août 24, 2020, 5:43

Bonsoir @Nicoffray

Merci pour ton aide.

Après quelques tests, je constate que « picker » semble gérer les rendus du module « pipette » à gauche dans la vue Développement.
Ce n’est déjà pas si mal, mais je ne parviens toujours pas à identifier les pipettes dans les modules.
Rien de grave pour autant, c’est simplement pour une question de cohérence avec le reste du CSS et pour un peu plus de confort …

nicoauffray · Août 24, 2020, 8:13

Bonsoir Thomas,

Ah merde, j’avais pas pigé que tu parlais de ces pipettes là. Alors, désolé mais elles ne sont malheureusement pas modifiables en CSS. Ce ne sont pas des widgets Gtk mais des icônes dessinées (librairie Cairo).
[hr]

G.Eco:

G.Eco:

Ma question est donc la suivante : peut-on faire prendre en compte des modifs CSS depuis la zone de saisie des préférences et si oui, comment fait-on ? Ou alors doit-on toujours aller écrire manuellement un fichier user.css au bon endroit sur le disque ?

Des fois on rate les choses les plus évidentes et on se sent un peu idiot après coup : la réponse à ma question était toute bête, j’avais simplement oublié de cocher la case « modifier le thème via les ajustements CSS ci-dessous » . J’étais focalisé sur le bouton « Sauver les ajustements CSS » qui pour moi servait à valider ma saisie, et du coup j’ai complètement zappé la case à cocher.
Ça fonctionne beaucoup mieux en la cochant !

Merci nicoauffray, tu m’as permis de mieux comprendre comment ça fonctionnait, et indirectement de trouver mon erreur.

Encore une avancée géniale de la 3.2.1, merci !

Pour info, tu n’es pas le seul à avoir fait cette erreur. Et du coup, la 3.4 verra une petite amélioration à ce sujet : le bouton s’appellera « Sauver et appliquer » et non plus « Sauver les ajustements CSS ». Et de fait, activera la case « modifier le thème via les ajustements CSS ci-dessous » par la même occasion. Plus simple : un seul clic, c’est validé et appliqué. La case restera pour simplement pouvoir désactiver/réactiver les modifs.
[hr]
Je viens d’essayer d’améliorer le contraste du thème gris par défaut afin d’améliorer sa lisibilité. Pour ceux passant par là, pourriez-vous essayer de tester le thème gris par défaut avec seulement ces modifications (à ajouter dans les préférences, dans le module CSS) et de les appliquer :

Je pense que ça améliore la lisibilité (à noter toujours qu’un thème gris ne permet pas autant de contraste qu’un thème sombre, c’est physique). Qu’en pensez-vous ?

Cailloux · Août 25, 2020, 4:45

[hr]
Je viens d’essayer d’améliorer le contraste du thème gris par défaut afin d’améliorer sa lisibilité. Pour ceux passant par là, pourriez-vous essayer de tester le thème gris par défaut avec seulement ces modifications (à ajouter dans les préférences, dans le module CSS) et de les appliquer :

Je pense que ça améliore la lisibilité (à noter toujours qu’un thème gris ne permet pas autant de contraste qu’un thème sombre, c’est physique). Qu’en pensez-vous ?

Bonjour,

Oui Nico la lisibilité est meilleur même si je trouve le thème de base très bien

nicoauffray · Août 25, 2020, 5:25

Merci du retour. Tout est perfectible

FrancoisH · Août 26, 2020, 6:10

[color=#0074d9]Bonjour à tous,[/color]

[color=#0074d9]je viens d’essayer d’appliquer les paramètres conseillés, car moi aussi je suis sensible au manque de contraste dans certaines publications, bref je n’y connais rien en CSS et il doit manquer quelque chose, j’ai même relancé DT ?[/color]

[color=#0074d9]Merci[/color]

Cailloux · Août 26, 2020, 9:33

Bonjour,

Quand tu coches décoche « modifier le thème via les ajustements CSS ci-dessous » tu ne vois pas de différence ?

C’est subtil mais réel

FrancoisH · Août 26, 2020, 9:42

[color=#005dc2]Exact Cailloux, le gris est plus profond, merci. [/color]

nicoauffray · Août 26, 2020, 5:23

Et non, ça c’est une illusion d’optique. Le gris n’a pas bougé. Et il ne bougera pas, ça casserait le thème. Le gris a été particulièrement choisi pour être au plus proche du gris moyen. Mais le gris moyen est par définition à mi chemin entre un noir et un blanc pur. Donc forcément, ça réduit le contraste possible. Le gris choisi est donc légèrement plus sombre que le gris moyen, pour à la fois augmenter la marge de manoeuvre possible pour un contraste suffisant pour le texte et en même temps rester proche du gris moyen pour l’objectif de ce thème, de réduire les illusions d’optique pouvant fausser le traitement de l’image. Et le bon compromis n’a pas été simple à trouver.

Ici, c’est le texte qui est plus blanc, de 5%. Donc oui, c’est léger. Il passe d’un gris, à 90% vers le blanc à une version à 95% pour le texte principal et pour d’autres parties de texte d’un gris 80 à un gris 85. On peut encore augmenter de 5% (donc un total de 10% par rapport au thème actuel) avec cette solution :

Me demandez pas pourquoi mais je me suis toujours refusé à cette dernière proposition. Probablement par ressenti personnel, considération esthétique personnelle. Mais ça n’est peut-être qu’une mauvaise vue de l’esprit.

En bref, vos retours de comparaison entre la précédente proposition, cette dernière proposition et le thème actuel sont les bienvenues. Je vais multiplier les avis (que je vais aussi voir avec l’équipe de développeurs pour voir si on peut améliorer un peu le contraste en conservant l’esthétique actuelle du thème gris). Merci de penser aussi à l’effet global (pas seulement le contraste mais l’aspect général du thème entre ces propositions).