/usr/share/darktable/themes needs root access and is designed to receive installation files. The $HOME/.config/darktable directory is here to host your customized data (darktablerc and so on). Indeed the themes subdirectory is not, as of today, created by default. You can create it. So the best way to tweak a theme is to do it in your home directory. When fully satisfied you can, as Pascal said, send a PR. As a sample, my early stage css file (condensed) attached - needs Roboto fonts. To try it : create the $HOME/.config/darktable/themes, put the dartable-condensed.css file in it and then select darktable- condensed theme in DT settings
Le lundi 15 avril 2019 à 14:44 -0400, Patrick Shanahan a écrit : > * David Vincent-Jones <david...@gmail.com> [04-15-19 14:26]: > > I have at least now installed the roboto font and added the > > "condensedfonts" to the .css list of fonts but I find that I do not > > have a/.config/darktable/themes directory at all .... not sure why > > this is notbeing placed during the install. The above changes so > > far are not effectinghow dt displays fonts but does of course > > change other programs. > > David > > On 2019-04-15 4:40 a.m., Jean-Luc wrote: > > > That was already done in my case. > > > Le lundi 15 avril 2019 à 06:49 -0400, Aurélien Pierre a écrit : > > > > Remember to reset screen_dpi_overwrite=-1 (so no overwritting) > > > > indarktablerc and install all the Roboto font packages, > > > > especially thedisplay/thin variant, which is used in modules. > > > > Le 19-04-15 à 03 h 59, Jean-Luc a écrit : > > > > > Hi, > > > > > I got the same kind of issue (manjaro gnome, roboto font > > > > > used) : > > > > > > > > > > > > > > > To get something satisfying without enlarging the panels I > > > > > justgeneralized "condensed fonts" (css file, line 211) > > > > > > > > > > > > > > > Note : to tweak the css copy the darktable.css with > > > > > acustomized name to your .config/darkable/themes > > > > > directoryYou can then choose which css file to use through dt > > > > > settings. > > > > > > > > > > I guess that in the near future we will be able to choose > > > > > fromseveral themes > > > > > Le dimanche 14 avril 2019 à 19:29 -0400, Patrick Shanahan a > > > > > écrit : > > > > > > * David Vincent-Jones <david...@gmail.com > > > > > > <mailto:david...@gmail.com> > > > > > > > [04-14-19 19:13]:I am running Manjaro with the XFCE > > > > > > > desktop. I have now increased the widthof my side panels > > > > > > > to 340, changed the screen dpi and reduced my desktop > > > > > > > fontsize but still am having problems to see the full > > > > > > > length of menu items. I amusing the default Gnome theme > > > > > > > if that has any bearing on the problem.Some of the fonts > > > > > > > appear to be responding to change but some fonts appear > > > > > > > toin Bold and do not change.Can somebody with an XFCE > > > > > > > desktop please advise the font name and setup thatworks > > > > > > > with the new GUI.DavidOn 2019-04-13 7:38 a.m., Patrick > > > > > > > Shanahan wrote: > > > > > > > > * Patrick Shanahan <p...@opensuse.org > > > > > > > > <mailto:p...@opensuse.org> > > > > > > > > > [04-13-19 10:29]:* Pascal Obry <pas...@obry.net > > > > > > > > > <mailto:pas...@obry.net> > > > > > > > > > > [04-13-19 02:55]:A new large merge is about to > > > > > > > > > > happen.This time it is on the GUI side. A large > > > > > > > > > > rewrite from Aurélien whichmakes everything related > > > > > > > > > > to layout, font size, etc... done directly inCSS. > > > > > > > > > > No more messing in GTK code to add GUI borders, > > > > > > > > > > spacing, colors... > > > > > > > > > playing mostly but noticed my previously reconfigured > > > > > > > > > "previous image"shortcut to "B" unshifted seems to > > > > > > > > > toggle the screen zoom to ?borderless?and back rather > > > > > > > > > than the previous image. checked and reset shortcut > > > > > > > > > tounshifted "b" but still see the ?zoom? action > > > > > > > > > rather than the previousimage. reset shortcut to > > > > > > > > > "backspace" to no avail. after setting five orsix > > > > > > > > > different keys and several dt restarts, it now > > > > > > > > > respects the unshifted"B" and goes to previous image. > > > > > > > > https://github.com/darktable-org/darktable/issues/2393 > > > > > > > > > also notice something someone else mentioned > > > > > > > > > recently. I have unset andunused "input color > > > > > > > > > profile" default to "standard color matrix" as I > > > > > > > > > amusing filmic. advancing to next image or previous > > > > > > > > > image invokes aninformation window announcing > > > > > > > > > "unsupported input color profile has beenreplaced by > > > > > > > > > linear Rec709 RGB!" > > > > > > > > https://github.com/darktable-org/darktable/issues/2394 > > > > > > > > > when drop-down menus display possible options, > > > > > > > > > current selection is notevident. no color shift or > > > > > > > > > indication which is current. > > > > > > > > https://github.com/darktable-org/darktable/issues/2395 > > > > > > there was notice on pixls.us that at least gtk3-3.22 was > > > > > > necessary. areyou at that level? > > > > > > > > _______________________________________________________________ > > > > ____________darktable developer mailing list to unsubscribe > > > > send a mail todarktable-dev+unsubscr...@lists.darktable.org > > it is /usr/share/darktable/themes
/*
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/>.
*/
/* This has been tested with GTK 3.24 on Gnome */
/* Perceptually uniform grey gradient */
/* grey_00 = pure black is forbidden for visual assessment */
@define-color grey_05 #111111;
@define-color grey_10 #1b1b1b;
@define-color grey_15 #262626;
@define-color grey_20 #303030;
@define-color grey_25 #3b3b3b;
@define-color grey_30 #474747;
@define-color grey_35 #525252;
@define-color grey_40 #5e5e5e;
@define-color grey_45 #6a6a6a;
@define-color grey_50 #777777;
@define-color grey_55 #848484;
@define-color grey_60 #919191;
@define-color grey_65 #9e9e9e;
@define-color grey_70 #ababab;
@define-color grey_75 #b9b9b9;
@define-color grey_80 #c6c6c6;
@define-color grey_85 #d4d4d4;
@define-color grey_90 #e2e2e2;
@define-color grey_95 #f1f1f1;
/* grey_100 = pure white is forbidden for visual assessment */
/* General rules :
* keep just enough contrast in the UI to make text readable, but not
too much to avoid distractions from the picture,
* avoid sharp and unnecessary details for the same reason (shadows,
borders, colors, fancy bits). Use plain shapes and flat design.
* keep 50 % distance between background and foreground colors for active controls
* keep 30 % distance between background and foreground colors for labels and info
* keep 10 % distance between background and foreground colors for insensitive controls
* events are ± 20 % from the normal color
* borders and accents are ± 5 % from the background
* buttons and control follow Google Material Design principles :
https://material.io/design/
* create optical margins by aligning content properly, not by using borders.
*/
/* General */
@define-color selected_bg_color @grey_25;
@define-color border_color @grey_10;
@define-color bg_color @grey_15;
@define-color fg_color @grey_75;
@define-color base_color @fg_color;
@define-color text_color @grey_05;
/* Scroll bars (sliders) */
@define-color scroll_bar_inactive @grey_40;
@define-color scroll_bar_active @grey_50;
@define-color scroll_bar_focus @grey_45;
@define-color scroll_bar_bg @grey_10;
/* Modules box */
@define-color plugin_bg_color @grey_20;
@define-color plugin_fg_color @grey_80;
@define-color section_label @grey_55;
/* Modules controls */
@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 @grey_40;
@define-color bauhaus_bg @grey_15;
@define-color bauhaus_fg_hover @grey_80;
@define-color bauhaus_fg_insensitive alpha(@bauhaus_fg, 0.5);
@define-color button_bg @grey_25;
@define-color button_fg @grey_85;
@define-color button_border @grey_30;
@define-color button_focus_bg @grey_45;
@define-color button_focus_fg @grey_95;
@define-color button_checked_bg @grey_45;
@define-color button_checked_fg @grey_95;
@define-color button_hover_bg @grey_65;
@define-color button_hover_fg @grey_15;
@define-color field_bg @grey_15;
@define-color field_fg @grey_75;
@define-color field_active_bg @grey_20;
@define-color field_active_fg @grey_80;
@define-color field_hover_bg @grey_25;
@define-color field_hover_fg @grey_85;
@define-color field_select_bg @grey_05;
/* 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_50;
@define-color darkroom_preview_bg_color @grey_25;
@define-color lighttable_bg_color @grey_50;
@define-color lighttable_preview_bg_color @grey_25;
/* Brushes */
@define-color brush_cursor alpha(white, .9);
@define-color brush_trace alpha(black, .8);
/* Lighttable and film-strip */
@define-color thumbnail_bg_color @grey_45; /* area between border and outline */
@define-color thumbnail_selected_bg_color @grey_65;
@define-color thumbnail_hover_bg_color @grey_80;
@define-color thumbnail_outline_color @grey_20; /* square around image+metadata */
@define-color thumbnail_selected_outline_color @grey_45;
@define-color thumbnail_hover_outline_color @grey_65;
@define-color thumbnail_font_color @grey_45;
@define-color thumbnail_selected_font_color @grey_50;
@define-color thumbnail_hover_font_color @grey_75;
@define-color thumbnail_border_color @grey_15; /* rectangle directly around image */
@define-color thumbnail_selected_border_color @grey_90;
@define-color filmstrip_bg_color @lighttable_bg_color;
/* Graphs */
@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 #000;
@define-color inset_histogram alpha(@grey_65, 0.50);
/* Reset GTK defaults */
*
{
background-color: @bg_color;
background-image: none;
font-family: sans-serif;
font-size: 1em;
color: @fg_color;
text-shadow:none;
box-shadow:none;
padding: 0;
margin: 0;
border: 0;
outline-style:none;
min-width: 0;
min-height: 0;
}
#lib-plugin-ui,
#iop-plugin-ui,
#lib-modulelist,
#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: "Roboto Condensed", sans-serif; /* condensed ? */
font-size: 1em;
background-color: transparent;
background-image: none;
text-shadow:none;
box-shadow:none;
padding: 0;
margin: 0;
border: 0;
outline-style:none;
min-width: 0;
min-height: 0;
}
/* General properties */
*:disabled
{
color: shade(@fg_color, .33);
}
/* Side panels */
/* Remember, in gui/gtk.c, outer borders (active areas used to collapse panels)
* are defined to 5 px × DPI. We cheat by setting inner borders/spacing here to 5 px as well
*/
#outer-border
{
background-color: #000;
min-width: 20px;
}
#left
{
/*padding-right: 5px;*/
}
#right
{
/*padding-left: 5px;*/
}
#header-toolbar,
#footer-toolbar
{
padding: 0.20em 0.40em;
}
#left scrolledwindow,
#right scrolledwindow
{
margin: 0;
padding: 0;
}
#lib-plugin-ui scrolledwindow,
#iop-plugin-ui scrolledwindow
{
margin: 0;
padding: 0;
}
/* Frame around plugin boxes */
#lib-plugin-ui,
#iop-plugin-ui
{
margin: 0;
border-radius: 0;
color: @plugin_fg_color;
background-color: @plugin_bg_color;
}
#iop-plugin-ui-main,
#lib-plugin-ui-main,
#blending-box
{
padding: 0.75em;
}
#module-header
{
padding: 0.5em 0.5em 0.25em 0.5em;
}
/* Buttons */
button
{
border-radius: 2px;
padding: 1px;
margin: 0;
border: 1px solid @button_border;
background-color: @button_bg;
color: @button_fg;
font-weight: 600;
font-family: "Roboto Condensed", sans-serif; /* condensed bold */
min-height: 1em;
min-width: 1em;
}
#recent-collection-button,
#history-button
{
background-color: transparent;
border-color: transparent;
border: 0;
font-weight: normal;
}
button:selected,
button:active,
button:checked,
#recent-collection-button:selected,
#history-button:selected,
#recent-collection-button:active,
#history-button:active,
#recent-collection-button:checked,
#history-button:checked
{
background-color: @button_checked_bg;
color: @button_checked_fg;
}
button:hover,
#recent-collection-button:hover,
#history-button:hover
{
background-color: @button_hover_bg;
color: @button_hover_fg;
}
button:focus,
#recent-collection-button:focus,
#history-button:focus
{
background-color: @button_focus_bg;
color: @button_focus_fg;
}
button:disabled,
#recent-collection-button:disabled,
#history-button:disabled
{
color: @bg_color;
background-color: transparent;
}
#dt-button button,
#dt-toggle-button button,
#dt-icon
{
border-radius: 2px;
}
#header-toolbar #dt-toggle-button,
#header-toolbar #dt-button,
#footer-toolbar #dt-toggle-button,
#footer-toolbar #dt-button
{
padding: 0.9em;
min-height: 0.4em; /* Align toolbox button height on comboboxe's one : jluc too high => /2 */
min-width: 0.4em;
border: 0;
font-size: .7em;
}
#module-preset-button * button,
#module-reset-button * button,
#module-enable-button * button,
#module-instance-button * button,
#module-enable-button * button,
#module-collapse-button * button
{
background-color: transparent;
min-height: 1em;
min-width: 1em;
}
/* Checkbox */
#lib-plugin-ui checkbutton check,
#iop-plugin-ui checkbutton check,
checkbutton check
{
background-color: @bauhaus_bg;
color: @bauhaus_fg;
border: 1pt solid @border_color;
}
/* Text fields and text boxes */
entry
{
border-radius: 2pt;
border: 0.5pt solid @border_color;
color: @field_fg;
background-color: @field_bg;
min-height: 0;
min-width: 0;
}
entry:hover
{
color: @field_hover_fg;
background-color: @field_hover_bg;
}
entry:checked,
entry:active,
entry:focus
{
color: @field_active_fg;
background-color: @field_active_bg;
}
entry selection
{
background-color: @field_select_bg;
}
/* Labels */
#header_label,
#darktable_label,
#view_label,
#view_dropdown
{
background-color: transparent;
font-size: 1.5em;
margin:0;
border:0;
padding:0;
}
#iop-panel-label,
#lib-panel-label
{
background-color: @bg_color;
border:0;
padding: 0 2pt 2pt 0.5em;
font-weight: 400;
font-stretch: condensed;
font-family: "Roboto Condensed", sans-serif; /* condensed */
font-size: 0.9em;
}
#section_label
{
margin: 0 0 6pt 0;
padding: 0 0 3pt 0;
color: @section_label;
border-bottom: 0.5pt solid @section_label;
font-weight: 600;
font-family: "Roboto Condensed", sans-serif; /* condensed bold */
}
#iop-plugin-ui #section_label,
#lib-plugin-ui #section_label
{
margin: 12pt 0 6pt 0;
}
#lib-modulelist
{
}
#search-box
{
margin: 0.25em 0.5em;
}
#search-box label
{
margin-right: 0.5em;
}
#image-info
{
font-size: 1.0em;
padding: 0.25em;
}
#blending-box #section_label
{
margin: 0 0 6pt 0;
}
/* sliders and scales */
#lib-plugin-ui scrollbar slider,
#iop-plugin-ui scrollbar slider,
scrollbar slider,
dialog scrollbar slider
{
background-color: @scroll_bar_inactive;
border: 2pt solid transparent;
margin: 0;
min-width: 4pt;
min-height: 4pt;
}
scale contents trough
{
background-color: @scroll_bar_bg;
border-radius: 2pt;
min-width: 0.5em;
min-height: 0.5em;
}
scale entry
{
background-color: @field_bg;
}
scale contents trough highlight
{
min-height: 0;
min-width: 0;
background-color: @button_bg;
}
scale contents trough slider
{
border: 0.5pt solid @border_color;
font-size: 1em;
min-height: 0.5em;
min-width: 0.5em;
background-color: @scroll_bar_inactive;
}
scrollbar,
dialog scrollbar
scrollbar,
#iop-plugin-ui scrollbar,
#lib-plugin-ui scrollbar,
dialog scrollbar
{
border-color: @scroll_bar_bg;
background: @scroll_bar_bg;
border-radius: 4pt;
min-height: 4pt;
min-width: 4pt;
margin: 1pt;
}
scrollbar.horizontal slider:hover,
scrollbar.vertical slider:hover,
#iop-plugin-ui scrollbar slider:hover,
#lib-plugin-ui scrollbar slider:hover,
dialog scrollbar slider:hover,
scale contents trough slider:hover
{
background-color: @scroll_bar_active;
}
scrollbar.horizontal slider:focus,
scrollbar.vertical slider:focus,
#iop-plugin-ui scrollbar slider:focus,
#lib-plugin-ui scrollbar slider:focus,
dialog scrollbar slider:focus,
scale contents trough slider:focus
{
background-color: @scroll_bar_focus;
}
/* Context menu & tooltips & comboboxes */
/* Basically everything that pops out/over on UI */
combobox,
combobox button
{
border: 1px solid transparent;
padding: 1px;
background-color: transparent;
border-radius: 2pt;
color: @bauhaus_fg;
outline-style: none;
min-height: 1em;
min-width: 1em;
}
combobox entry
{
margin: 0 0.5em;
}
combobox *
{
min-height: 1em;
min-width: 1em;
}
context-menu,
menu,
menuitem > menu, /* sub-menu */
tooltip,
popover,
#background_job_eventbox,
combobox window,
dialog combobox window
{
background-color: @tooltip_bg_color;
color: @tooltip_fg_color;
outline-style:none;
border-radius: 2pt;
border: 0;
outline-style: none;
min-height: 0.5em;
min-width: 0.5em;
padding: 0.5em;
}
#view_dropdown,
#view_label
{
background-color: transparent;
outline-style:none;
border-radius: 2px;
padding: 0.5em;
color: @section_label;
}
menuitem button,
popover button,
tooltip button
{
background-color: transparent;
}
menuitem:hover,
#view_dropdown menuitem:hover,
combobox window *:hover,
#view_dropdown:hover,
#view_label:hover
{
background-color: @button_hover_bg;
color: @button_hover_fg;
}
menuitem:selected,
combobox window *:selected,
menuitem:active,
combobox window *:active,
menuitem:focus,
combobox window *:focus
{
background-color: @button_checked_bg;
color: @button_checked_fg;
}
#view_dropdown *:selected,
#view_label:selected
{
color: @plugin_fg_color;
}
#view_dropdown *:disabled,
#view_label:disabled
{
color: @tooltip_bg_color;
}
#header-toolbar combobox,
#footer-toolbar combobox
{
margin: 0 0.5em;
}
/* Tree view (lists and tables) */
treeview
{
background-color: @field_bg;
color: @field_fg;
}
treeview header
{
background-color: @button_bg;
color: @button_fg;
}
treeview *:hover
{
background-color: @field_hover_bg;
color: @field_hover_fg;
}
treeview *:selected
{
background-color: @button_bg;
color: @button_fg;
}
/* Notebooks tabs */
notebook tabs,
#modules-tabs,
#blending-tabs
{
border: 0;
padding: 0;
margin: 0;
color: @button_fg;
font-weight: 400;
font-family: "Roboto Condensed", sans-serif; /* condensed bold */
}
#modules-tabs,
#blending-tabs
{
background-color: @button_bg;
}
#modules-tabs #dt-toggle-button
{
min-height: 2em;
min-width: 2em;
margin: 0;
padding: 0.1em;
}
#blending-tabs *
{
font-size: 8pt;
min-height: 1.5em;
min-width: 1.5em;
padding: 0.2em;
margin: 0;
}
notebook tab
{
border-bottom: 2pt solid transparent;
padding: 3pt;
}
notebook tab label /* disabled tabs */
{
color: shade(@button_checked_fg, 0.75);
}
notebook tab:hover
{
border-bottom: 2pt solid @button_hover_fg;
color: @button_hover_fg;
background-color: @button_hover_bg;
}
notebook tab:hover label
{
color: @button_hover_fg;
}
notebook tab:checked,
notebook tab:focus
{
border-bottom: 2pt solid @button_checked_fg;
color: @button_checked_fg;
}
notebook tab:checked label,
notebook tab:focus label
{
color: @button_checked_fg;
}
/* Bauhaus controls (sliders and comboboxes) */
#bauhaus-popup
{
background-color: @really_dark_bg_color;
color: @bauhaus_fg;
}
#bauhaus-popup:selected
{
color: @bauhaus_fg;
}
#bauhaus-combobox,
#bauhaus-slider
{
min-height: 1.0em;
background-color: transparent;
color: @bauhaus_fg;
}
#bauhaus-popup:hover,
#bauhaus-combobox:hover,
#bauhaus-slider:hover
{
color: @bauhaus_fg_hover;
}
#bauhaus-popup:focus,
#bauhaus-combobox:focus,
#bauhaus-slider:focus
{
color: @bauhaus_fg_hover;
}
#bauhaus-popup:disabled
{
color: @plugin_bg;
}
/* separator */
separator, separator:hover
{
color: transparent;
border-style: solid;
border-width: 0.25em;
border-color: transparent;
background-color: transparent;
}
/* Dialog window */
dialog
{
background-color: @bg_color;
}
dialog *
{
margin: 1pt;
padding:0;
}
dialog scrolledwindow
{
padding: 0 1pt 0 8pt;
margin: 0;
background-color: @plugin_bg_color;
}
/* empty space at top/bottom of sidepanels when scrolled */
undershoot.top,
undershoot.bottom,
undershoot.left,
undershoot.right
{
background: none;
}
/* Rating stars in lighttable */
#lib-rating-stars
{
min-height: 1em;
min-width: 9em;
margin-right: 1em;
}
/* Special modules */
#navigation-module
{
background-color: @graph_bg;
}
/* Widget margins */
#lib-plugin-ui combobox,
#iop-plugin-ui combobox
{
margin: 2pt 0;
}
entry
{
margin: 2pt 0;
}
#lib-plugin-ui checkbutton check,
#iop-plugin-ui checkbutton check,
checkbutton check
{
margin: 5px 8pt 5px 0;
}
#iop-plugin-ui button,
#lib-plugin-ui button
{
margin: 2pt;
}
combobox label
{
margin: 0 5px 0 0;
}
/* STUFF TO MERGE WITH ABOVE RULES */
aboutdialog,
aboutdialog box,
aboutdialog box *
{
background-color: @bg_color;
}
aboutdialog headerbar
{
padding: 2pt;
}
progressbar *
{
background-color: @text_color;
}
filechooserdialog eventbox
{
background-color: transparent;
}
filechooserdialog sidebar-icon
{
padding: 0pt 5pt 0pt 10pt;
}
filechooserdialog sidebar-row
{
padding-top: 3pt;
}
filechooserdialog sidebar-row:hover
{
background-color: shade(@selected_bg_color, 1.7);
}
progressbar
{
background-color: @really_dark_bg_color;
}
progressbar progress
{
background-color: @fg_color;
}
cell:selected
{
background-color: shade(@selected_bg_color, 1.2);
}
#show_mask_button
{
color: #FFFF00;
}
#pref_section
{
border-bottom: 2px solid @fg_color;
}
#pref_section *
{
font-size: 1.3em;
margin-left: 10em;
margin-right: 10em;
}
signature.asc
Description: This is a digitally signed message part
