Interface Dark Orange - CSS

[Jplaf79]

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.

[nicoauffray]

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.

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]

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]

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]

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\themes\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\themes\ 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]

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.

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]

@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]

@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

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.

G
M
T

Détecter la langue

Afrikaans

Albanais

Allemand

Amharique

Anglais

Arabe

Arménien

Azéri

Basque

Bengali

Biélorusse

Birman

Bosniaque

Bulgare

Catalan

Cebuano

Chichewa

Chinois Simp

Chinois Trad

Cingalais

Coréen

Corse

Créole haïtien

Croate

Danois

Espagnol

Espéranto

Estonien

Finnois

Français

Frison

Gaélique Écosse

Galicien

Gallois

Géorgien

Grec

Gudjarati

Haoussa

Hawaïen

Hébreu

Hindi

Hmong

Hongrois

Igbo

Indonésien

Irlandais

Islandais

Italien

Japonais

Javanais

Kannada

Kazakh

Khmer

Kirghiz

Kurde

Laotien

Latin

Letton

Lituanien

Luxembourgeois

Macédonien

Malaisien

Malayalam

Malgache

Maltais

Maori

Marathi

Mongol

Néerlandais

Népalais

Norvégien

Ouzbek

Pachtô

Panjabi

Persan

Polonais

Portugais

Roumain

Russe

Samoan

Serbe

Sesotho

Shona

Sindhî

Slovaque

Slovène

Somali

Soudanais

Suédois

Swahili

Tadjik

Tagalog

Tamoul

Tchèque

Telugu

Thaï

Turc

Ukrainien

Urdu

Vietnamien

Xhosa

Yiddish

Yorouba

Zoulou

Afrikaans

Albanais

Allemand

Amharique

Anglais

Arabe

Arménien

Azéri

Basque

Bengali

Biélorusse

Birman

Bosniaque

Bulgare

Catalan

Cebuano

Chichewa

Chinois Simp

Chinois Trad

Cingalais

Coréen

Corse

Créole haïtien

Croate

Danois

Espagnol

Espéranto

Estonien

Finnois

Français

Frison

Gaélique Écosse

Galicien

Gallois

Géorgien

Grec

Gudjarati

Haoussa

Hawaïen

Hébreu

Hindi

Hmong

Hongrois

Igbo

Indonésien

Irlandais

Islandais

Italien

Japonais

Javanais

Kannada

Kazakh

Khmer

Kirghiz

Kurde

Laotien

Latin

Letton

Lituanien

Luxembourgeois

Macédonien

Malaisien

Malayalam

Malgache

Maltais

Maori

Marathi

Mongol

Néerlandais

Népalais

Norvégien

Ouzbek

Pachtô

Panjabi

Persan

Polonais

Portugais

Roumain

Russe

Samoan

Serbe

Sesotho

Shona

Sindhî

Slovaque

Slovène

Somali

Soudanais

Suédois

Swahili

Tadjik

Tagalog

Tamoul

Tchèque

Telugu

Thaï

Turc

Ukrainien

Urdu

Vietnamien

Xhosa

Yiddish

Yorouba

Zoulou

Fonction Sound est limitée à 200 caractères

Options : Historique : Commentaires : Donate
Fermer

[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 !

[Thomas Wak]

En tout cas, si vous voulez que je vous guide pour les conseils/améliorations CSS, n'hésitez pas ...

@Nicoauffray,

puisque tu le proposes    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