Interface grey-elegant bleu

[michel ruiz]

Bonsoir tout le monde
Ne voulant pas polluer le sujet précédent (Interface Dark Orange) je crée le mien.
Fortement inspiré par ce dernier mais je trouve l'orange et/ou le jaune trop envahissant.
Aussi dans la soixantaine (décidément...) et voulant rester sur le thème grey-elegant j'ai joué avec les bleus

le seul problème que j'ai rencontré est celui de la police système , que malgré la case cochée, darktable ne prend pas en compte.
Donc j'ai une modif dans le css
Autre détail, les bulles info sont en police "roboto", et là c'est au-delà de ce que j'ose faire.
Ce n'est qu'un détail, mais nicoauffray si tu passes par là et que tu as le temps......merci d'avance
Voici le .css

Code :

@import '/usr/share/darktable/themes/darktable-elegant-grey.css';
/*
   This file is part of darktable,
   copyright (c) 2019 Aurélien Pierre

   darktable is free software: you can redistribute it and/or modify
   it under the terms of the GNU General Public License as published by
   the Free Software Foundation, either version 3 of the License, or
   (at your option) any later version.

   darktable is distributed in the hope that it will be useful,
   but WITHOUT ANY WARRANTY; without even the implied warranty of
   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
   GNU General Public License for more details.

   You should have received a copy of the GNU General Public License
   along with darktable.  If not, see <http://www.gnu.org/licenses/>.
*/

/*@import url("darktable-elegant-grey.css");*/

@define-color bleu #00FFFF;  /* bleu */
@define-color bleu_f #03224C;  /* bleu foncé */
@define-color bleu_c #26C4EC;  /* bleu clair */


/* General */
@define-color selected_bg_color @grey_55; /* legacy stuff */
@define-color border_color @grey_40; /* border, when used */
@define-color bg_color @grey_45; /* general background */
@define-color fg_color @bleu; /* general text */
@define-color base_color @fg_color; /* legacy stuff */
@define-color text_color @bleu; /* same */
@define-color disabled_fg_color @grey_65; /* disabled controls */

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

/* Modules box (plugins) */
@define-color plugin_bg_color @grey_50;
@define-color plugin_fg_color @bleu;
@define-color section_label @bleu;
@define-color plugin_label_color @bleu;

/* Modules controls (sliders and comboboxes) */
@define-color bauhaus_fg @bleu_f;
@define-color bauhaus_border shade(@plugin_bg_color, 0.5);
@define-color bauhaus_indicator_border @grey_50;
@define-color bauhaus_fill @bleu_c;
@define-color bauhaus_bg @grey_45;
@define-color bauhaus_fg_hover @grey_95;
@define-color bauhaus_fg_selected @grey_85;
@define-color bauhaus_fg_insensitive alpha(@bleu_f, 0.5);

/* GTK Buttons and tabs */
@define-color button_border @grey_60;
@define-color button_bg @grey_55;
@define-color button_fg @bleu_c;
@define-color button_checked_bg @grey_70;
@define-color button_checked_fg @grey_100;
@define-color button_hover_bg @grey_80;
@define-color button_hover_fg @grey_25;

/* text fields */
@define-color field_bg @grey_45;
@define-color field_fg @bleu;
@define-color field_active_bg @grey_55;
@define-color field_active_fg @bleu;
@define-color field_selected_bg @grey_60;
@define-color field_selected_fg @button_checked_fg;
@define-color field_hover_bg @grey_70;
@define-color field_hover_fg @bleu;

/* Tooltips and contextual helpers */
@define-color tooltip_bg_color @grey_35;
@define-color tooltip_fg_color @bleu_c;
@define-color menu_bg_color @grey_95;

/* Views */
@define-color darkroom_bg_color @grey_75;
@define-color darkroom_preview_bg_color @grey_65;
@define-color lighttable_bg_color @darkroom_bg_color;
@define-color lighttable_preview_bg_color @darkroom_preview_bg_color;
@define-color print_bg_color @darkroom_bg_color;

/* Lighttable and film-strip */
@define-color thumbnail_font_color @grey_35;
@define-color thumbnail_bg_color @grey_70; /* area between border and outline */
@define-color thumbnail_outline_color @grey_65; /* square around image+metadata */
@define-color thumbnail_selected_font_color @bleu_c;
@define-color thumbnail_selected_bg_color @grey_80;
@define-color thumbnail_selected_outline_color @grey_65;
@define-color thumbnail_hover_font_color @bleu;
@define-color thumbnail_hover_bg_color @grey_95;
@define-color thumbnail_hover_outline_color @grey_65;
@define-color filmstrip_bg_color @darkroom_bg_color;

/* Graphs : histogram, navigation thumbnail and some items on tone curve */
@define-color graph_bg @grey_40;
@define-color graph_border @grey_15;
@define-color graph_fg @grey_100;
@define-color graph_fg_active @bleu_c;
@define-color graph_grid @grey_30;
@define-color inset_histogram alpha(@grey_95, 0.50);

*,
#lib-plugin-ui,
#iop-plugin-ui,
#lib-modulelist,
#bauhaus-popup,
#modules-tabs,
#left,
#right,
combobox,
combobox *,
togglebutton,
togglebutton *,
notebook,
notebook *,
notebook tab,
notebook tab *,
table,
table *,
row,
row *,
frame,
frame *,
alignment,
entry,
entry *,
dialog,
dialog *,
colorswatch,
colorswatch *,
stack,
stack *,
scrollbar,
scrollbar *,
eventbox,
eventbox *,
scale,
scale *,
button,
button *,
treeview,
treeview *,
menu,
menu *,
separator,
eventbox,
eventbox *,
box,
box *
{
    font-family: "BordeauxMedium_Regular", "BordeauxMedium",                  /* best case scenario */
                 sans-serif;                                /* default default */
}

button,
#section_label
{
    font-family: "BordeauxMedium", "BordeauxMedium",
                 sans-serif;
}

#iop-panel-label,
#lib-panel-label
{
    font-family: "BordeauxMedium Italic", "BordeauxMedium",
                 sans-serif;
}

notebook tabs,
#modules-tabs,
#blending-tabs
{
    font-family: "BordeauxMedium",
                 sans-serif;
}