Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
un css avec couleurs pour dt 3
#7
Lors de la compilation de la 2.7, j'avais déjà proposé un css coloré, il suffit de l'adapté à la 3.0, voir le fil de discussion:
https://forums.darktable.fr/showthread.php?tid=4072

Depuis j'ai repris ce css et je suis en train de l'adapté aux différents thèmes: darktable bien sûr mais aussi darktable-elegant-dark que je commence à utiliser, par contre pour darktable-elegant-grey pas évident de trouver une/des couleurs qui contrastent sans être agressives et qui conserve l'apport du gris moyen.

pour darktable-elegant-dark voici ma contribution:

Code :
@import '/usr/share/darktable/themes/darktable-elegant-dark.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-darker.css");*/

/* This has been tested with GTK 3.24 on Gnome */

@define-color yellow_05 #ffff00;
@define-color yellow_10 #DD9944;
@define-color yellow_15 #ffcc66;


/* General */
@define-color selected_bg_color @grey_50; /* legacy stuff */
@define-color border_color @grey_25; /* border, when used */
@define-color bg_color @grey_30; /* general background */
@define-color fg_color @yellow_10; /* general text */
@define-color base_color @fg_color; /* legacy stuff */
@define-color text_color @yellow_10; /* same */
@define-color disabled_fg_color @grey_55; /* disabled controls */

/* Scroll bars (sliders) */
@define-color scroll_bar_inactive @grey_55;
@define-color scroll_bar_active @grey_65;
@define-color scroll_bar_bg @grey_25;

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

/* Modules controls (sliders and comboboxes) */
@define-color bauhaus_fg @yellow_15;
@define-color bauhaus_border shade(@plugin_bg_color, 0.5);
@define-color bauhaus_indicator_border @grey_35;
@define-color bauhaus_fill @yellow_05;
@define-color bauhaus_bg @grey_30;
@define-color bauhaus_fg_hover @grey_100;
@define-color bauhaus_fg_selected @grey_95;
@define-color bauhaus_fg_insensitive alpha(@yellow_15, 0.5);

/* GTK Buttons and tabs */
@define-color button_border @grey_45;
@define-color button_bg @grey_40;
@define-color button_fg @yellow_05;
@define-color button_checked_bg @grey_60;
@define-color button_checked_fg @grey_100;
@define-color button_hover_bg @grey_65;
@define-color button_hover_fg @grey_30;

/* text fields */
@define-color field_bg @grey_30;
@define-color field_fg @yellow_10;
@define-color field_active_bg @grey_40;
@define-color field_active_fg @yellow_10;
@define-color field_selected_bg @grey_50;
@define-color field_selected_fg @grey_100;
@define-color field_hover_bg @grey_60;
@define-color field_hover_fg @yellow_10;

/* Tooltips and contextual helpers */
@define-color tooltip_bg_color @grey_20;
@define-color tooltip_fg_color @yellow_05;
@define-color menu_bg_color @grey_20;

/* Views */
@define-color darkroom_bg_color @grey_60;
@define-color darkroom_preview_bg_color @grey_50;
@define-color lighttable_bg_color @grey_60;
@define-color lighttable_preview_bg_color @grey_50;
@define-color print_bg_color @grey_60;

/* Lighttable and film-strip */
@define-color thumbnail_font_color @grey_65;
@define-color thumbnail_bg_color @grey_55; /* area between border and outline */
@define-color thumbnail_outline_color @grey_65; /* square around image+metadata */
@define-color thumbnail_selected_font_color @yellow_05;
@define-color thumbnail_selected_bg_color @grey_40;
@define-color thumbnail_selected_outline_color @grey_65;
@define-color thumbnail_hover_font_color @yellow_10;
@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_25;
@define-color graph_border @grey_20;
@define-color graph_fg @yellow_10;
@define-color graph_fg_active @yellow_05;
@define-color graph_grid @grey_20;
@define-color inset_histogram alpha(@grey_80, 0.50);

menu,
menuitem arrow
{
 background-color: @menu_bg_color;
}
Perso la couleur permet une meilleure visualisation de l'écriture pour mes yeux, sans difficulté.
Répondre


Messages dans ce sujet
un css avec couleurs pour dt 3 - par cherob - 01-01-20, 17:38
RE: un css avec couleurs pour dt 3 - par mimi85 - 02-01-20, 22:53

Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)