Interface CSS

[jpg54]

Merci @benoitdupont pour la mise à disposition et le partage de tes sources de façon permanente. Désolé pour ce message avec retard, ça fait un moment que je n'ai pas édité tout ce fil.

[GM1901]

J'ai fait un peu évoluer mon style Lightroom CC et j'ai créé un autre style qui se rapproche de Luminar. Je ne sais pas lequel je préfère :/

Source Lightroom

Source Luminar

Très beau travail. Je préfère aussi le premier pour les mêmes raisons. J'ajouterais aussi que je reste convaincu qu'un gris un peu plus clair autour de l'image est préférable. Pas un gris trop clair mais un gris moyen. Voir les fils de discussion que j'ai posté plus haut, les questions de contraste et de risque de fausser la vision de l'exposition de l'image. Les fonds sombres mettent plus en valeur l'image mais surtout pas ce que c'est plus flatteur (et marketing).

---

Merci encore, j'ai fait évoluer mon CSS en reprenant les éléments de ton CSS qui me plaisaient. Voici ce que ça donne de mon côté :

Code :

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

/* Couleur de fond général*/
@define-color bg_color #454545;
/* Couleur des filets de séparation de modules*/
@define-color plugin_bg_color #fff;
@define-color plugin_bg_color2 #111;
/* Couleur des titres des modules*/
@define-color fg_color #D2D2D2;
/* ???*/
@define-color base_color #ffffff;
/* Couleur de fond des barres de défilement */
@define-color text_color #3C3C3C;
/* Couleur de fond des options de modules*/
@define-color selected_bg_color #606060;
/* Couleur de certains textes dans les modules*/
@define-color selected_fg_color #f0f0f0;
@define-color tooltip_bg_color #BEBEBE;
@define-color tooltip_fg_color #111111;
/* Couleur du filet du cadre central*/
@define-color really_dark_bg_color #595959;
/* Couleur de fond du cadre central*/
@define-color darkroom_bg_color #696969;
@define-color darkroom_preview_bg_color shade(@darkroom_bg_color, .8);
@define-color lighttable_bg_color @darkroom_bg_color;
@define-color lighttable_preview_bg_color shade(@lighttable_bg_color, .8);
@define-color brush_cursor alpha(white, .9);
@define-color brush_trace alpha(black, .8);

@define-color bauhaus_fg @fg_color;
@define-color bauhaus_border #797979;
@define-color bauhaus_bg #E2E2E2;
@define-color bauhaus_fg_insensitive #E2E2E2;

progressbar *
{
background-color: @selected_bg_color;
}

* {
  font: 8pt Sans;
  font-family: system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  color: @fg_color;
  background-color: @bg_color;
  border-color: #7F7F7F;
  text-shadow:none;
/*  margin: 0; */ /* this makes scroll bars super wide. */
  padding: 0;
  background-image: none;
}

button {
   background: rgb(90, 90, 90);
   border: none;
   border-radius: 5px;
}

/* Séparateur de modules */
#iop-plugin-ui,#iop-plugin-ui:selected,
#lib-plugin-ui
{
  border: 1pt solid #353535;
  box-shadow: inset 0 0 1pt #3a3a3a;
  border-radius: 5px;
  margin: 0pt;
  padding: 1pt 4pt 1pt 4pt;
  color: @selected_fg_color;
  background-color: @darkroom_bg_color;
}

Je viens d'essayer le style de @nicoauffray en Windows 10 en remplaçant la ligne d'import par "@import 'C:\Program Files\darktable\share\darktable\darktable.css'" Apparemment ça fonctionne sans souci et le style me plait beaucoup.

Merci pour le partage

[jpg54]

Bizarre, je viens de faire la même chose avec le .css proposé par DKT. J'ai pas vraiment un résultat acceptable : https://darktable.fr/forum/showthread.ph...5#pid29445
Je vais essayer avec ce .css.

[GM1901]

Bizarre, je viens de faire la même chose avec le .css proposé par DKT. J'ai pas vraiment un résultat acceptable : https://darktable.fr/forum/showthread.ph...5#pid29445
Je vais essayer avec ce .css.

Au temps pour moi, j'ai posté trop vite : en fait j'ai les mêmes soucis que toi, j'ai aussi testé sans la ligne d'import, le résultat est différent mais encore pire. En fait (sans être du tout sur de moi) j'ai l'impression que dans les 2 cas le remplacement des paramètres non spécifiés explicitement dans le fichier du répertoire "user" ne fonctionne pas bien. Désolé pour la confusion.

[jpg54]

Je viens d'essayer :

avec :

Code :

@import 'C:\Program Files\darktable\share\darktable\darktable.css'

/* Couleur de fond général*/
@define-color bg_color #454545;
/* Couleur des filets de séparation de modules*/
@define-color plugin_bg_color #fff;
@define-color plugin_bg_color2 #111;
/* Couleur des titres des modules*/
@define-color fg_color #D2D2D2;
/* ???*/
@define-color base_color #ffffff;
/* Couleur de fond des barres de défilement */
@define-color text_color #3C3C3C;
/* Couleur de fond des options de modules*/
@define-color selected_bg_color #606060;
/* Couleur de certains textes dans les modules*/
@define-color selected_fg_color #f0f0f0;
@define-color tooltip_bg_color #BEBEBE;
@define-color tooltip_fg_color #111111;
/* Couleur du filet du cadre central*/
@define-color really_dark_bg_color #595959;
/* Couleur de fond du cadre central*/
@define-color darkroom_bg_color #696969;
@define-color darkroom_preview_bg_color shade(@darkroom_bg_color, .8);
@define-color lighttable_bg_color @darkroom_bg_color;
@define-color lighttable_preview_bg_color shade(@lighttable_bg_color, .8);
@define-color brush_cursor alpha(white, .9);
@define-color brush_trace alpha(black, .8);

@define-color bauhaus_fg @fg_color;
@define-color bauhaus_border #797979;
@define-color bauhaus_bg #E2E2E2;
@define-color bauhaus_fg_insensitive #E2E2E2;

progressbar *
{
background-color: @selected_bg_color;
}

* {
 font: 8pt Sans;
 font-family: system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 color: @fg_color;
 background-color: @bg_color;
 border-color: #7F7F7F;
 text-shadow:none;
/*  margin: 0; */ /* this makes scroll bars super wide. */
 padding: 0;
 background-image: none;
}

button {
  background: rgb(90, 90, 90);
  border: none;
  border-radius: 5px;
}

/* Séparateur de modules */
#iop-plugin-ui,#iop-plugin-ui:selected,
#lib-plugin-ui
{
 border: 1pt solid #353535;
 box-shadow: inset 0 0 1pt #3a3a3a;
 border-radius: 5px;
 margin: 0pt;
 padding: 1pt 4pt 1pt 4pt;
 color: @selected_fg_color;
 background-color: @darkroom_bg_color;
}

[pascal]

Et avec :

Code :

@import 'c:/progra~1/dar ... css'

[GM1901]

Et avec :

Code :

@import 'c:/progra~1/dar ... css'

Pas fier de moi sur ce coup là ... Merci Pascal, ça marche !

[pascal]

Coup classique de l'espace dans le nom de fichier Bon c'est un bug car avec les guillemets ça aurait dû marcher!

---

A mettre dans la FAQ?

[GM1901]

L'erreur était en fait le backslash au lieu du slash entre les répertoires et pas l'espace dans le nom de fichier. En copiant/collant la ligne de code de jpg54 je n'avais pas fait gaffe. Sinon ça fonctionne avec l'espace dans le nom de fichier.

[pascal]

Ah ok, effectivement sinon il faut mettre deux \\... les joies de Windows qui a choisi comme séparateur de fichier le caractère d'échappement du C