1/* 2 This file is part of darktable, 3 copyright (c) 2021 Nicolas Auffray 4 5 darktable is free software: you can redistribute it and/or modify 6 it under the terms of the GNU General Public License as published by 7 the Free Software Foundation, either version 3 of the License, or 8 (at your option) any later version. 9 10 darktable is distributed in the hope that it will be useful, 11 but WITHOUT ANY WARRANTY; without even the implied warranty of 12 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 13 GNU General Public License for more details. 14 15 You should have received a copy of the GNU General Public License 16 along with darktable. If not, see <http://www.gnu.org/licenses/>. 17*/ 18 19@import url("darktable-elegant-darker.css"); 20 21/* This has been tested with GTK 3.24 on Gnome */ 22 23/* General */ 24@define-color selected_bg_color @grey_50; /* legacy stuff */ 25@define-color border_color @grey_25; /* border, when used */ 26@define-color bg_color @grey_30; /* general background */ 27@define-color fg_color @grey_80; /* general text */ 28@define-color base_color @fg_color; /* legacy stuff */ 29@define-color text_color @grey_20; /* same */ 30@define-color disabled_fg_color @grey_55; /* disabled controls */ 31 32/* Scroll bars (sliders) */ 33@define-color scroll_bar_inactive @grey_55; 34@define-color scroll_bar_active @grey_65; 35@define-color scroll_bar_bg @grey_25; 36 37/* Modules box (plugins) */ 38@define-color plugin_bg_color @grey_35; 39@define-color plugin_fg_color @fg_color; 40@define-color plugin_label_color @grey_70; 41 42/* Modules controls (sliders and comboboxes) */ 43@define-color bauhaus_bg @bg_color; 44@define-color bauhaus_fg @fg_color; 45@define-color bauhaus_border shade(@plugin_bg_color, 0.5); 46@define-color bauhaus_indicator_border @grey_35; 47@define-color bauhaus_fill @grey_55; 48@define-color bauhaus_bg_hover @grey_65; 49@define-color bauhaus_fg_selected @grey_85; 50@define-color bauhaus_fg_disabled alpha(@bauhaus_fg, 0.4); 51@define-color bauhaus_fg_insensitive alpha(@bauhaus_fg, 0.4); 52 53/* GTK Buttons and tabs */ 54@define-color button_border @grey_45; 55@define-color button_bg @grey_40; 56@define-color button_fg @fg_color; 57@define-color button_checked_bg @grey_55; 58@define-color button_checked_fg @grey_95; 59@define-color button_hover_bg @grey_65; 60@define-color button_hover_fg @grey_25; 61 62/* text fields */ 63@define-color field_bg @grey_30; 64@define-color field_fg @grey_80; 65@define-color field_active_bg @grey_40; 66@define-color field_active_fg @grey_90; 67@define-color field_selected_bg @grey_50; 68@define-color field_selected_fg @button_checked_fg; 69@define-color field_hover_bg @grey_60; 70@define-color field_hover_fg @grey_20; 71 72/* Tooltips and contextual helpers */ 73@define-color tooltip_bg_color @grey_25; 74@define-color tooltip_fg_color @grey_75; 75@define-color log_fg_color @grey_90; 76 77/* Views */ 78@define-color darkroom_bg_color @grey_60; 79@define-color darkroom_preview_bg_color @grey_50; 80@define-color print_bg_color @darkroom_bg_color; 81@define-color lighttable_bg_color @darkroom_bg_color; 82@define-color lighttable_preview_bg_color @darkroom_preview_bg_color; 83@define-color lighttable_bg_font_color @grey_85; 84 85/* Lighttable and film-strip */ 86@define-color thumbnail_bg_color @grey_55; 87@define-color thumbnail_star_bg_color @grey_40; 88@define-color thumbnail_star_hover_color @grey_85; 89@define-color thumbnail_fg_color @grey_60; 90@define-color thumbnail_selected_bg_color @grey_75; 91@define-color thumbnail_hover_bg_color @grey_90; 92@define-color thumbnail_hover_fg_color @grey_95; 93@define-color thumbnail_localcopy_color @grey_80; 94 95/* Graphs : histogram, navigation thumbnail and some items on tone curve */ 96@define-color graph_bg @grey_25; 97@define-color graph_border @grey_20; 98@define-color graph_fg @grey_90; 99@define-color graph_fg_active @grey_95; 100@define-color graph_grid @grey_20; 101@define-color inset_histogram alpha(@grey_80, 0.50); 102 103/* Adjust color of top shown infos on darkroom */ 104#log-msg, 105#toast-msg 106{ 107 background-color: rgba(90,90,90,0.6); 108} 109 110/* Set background on thumbnails hover overlays */ 111.dt_overlays_hover_extended #thumb_main:hover #thumb_bottom, 112.dt_overlays_mixed #thumb_main:hover #thumb_bottom, 113.dt_overlays_hover #thumb_main:hover #thumb_bottom 114{ 115 background-image: linear-gradient(rgba(212, 212, 212, 0.7) 0%, rgba(212, 212, 212, 0.7) 90%,rgba(212, 212, 212, 0) 100%); /* rgb color needs to be set to same color as #thumb_back hover background */ 116} 117 118/* Set how bottom infos are rendered on always and always extended overlays modes in culling and preview modes */ 119.dt_overlays_always#culling #thumb_bottom, 120.dt_overlays_always_extended#culling #thumb_bottom, 121.dt_overlays_always#preview #thumb_bottom, 122.dt_overlays_always_extended#preview #thumb_bottom 123{ 124 background-image: linear-gradient(rgba(198, 198, 198, 0.2) 0%, rgba(198, 198, 198, 0.1) 5%, rgba(198, 198, 198, 0) 100%); 125} 126 127.dt_overlays_always#culling #thumb_main:hover #thumb_bottom, 128.dt_overlays_always_extended#culling #thumb_main:hover #thumb_bottom, 129.dt_overlays_always#preview #thumb_main:hover #thumb_bottom, 130.dt_overlays_always_extended#preview #thumb_main:hover #thumb_bottom 131{ 132 background-image: linear-gradient(rgba(218, 218, 218, 0.4) 0%, rgba(218, 218, 218, 0.2) 5%, rgba(198, 198, 198, 0) 100%); 133} 134