Darktable CSS Tweaks

Starting a thread for people to post CSS tweaks for darktable. Let’s try to keep them small and isolated if possible (don’t post everything at once) and if you could post a before/after screenshot that would be even better!

A couple to start off…

The following CSS changes the font for the input box in which you edit your CSS tweaks (a tweak for the tweaks):

#usercss-box textview { font-family: "hack"; }

The following CSS reduces the spacing within the module headers for a more compact module list:

#module-header { padding: 0.15em; }

Before:

After:

5 Likes

What about using the brand new http://darktable-css.danielepighin.net? :slight_smile:

Context:

https://discuss.pixls.us/t/introuducing-darktable-css-a-theme-snippet-repository-for-darktable-theming

4 Likes

Looks good. I think it would be nice to have stuff within pixls as well though.

Kind of intended this thread for smaller tweaks than this, so that users can pick-and-choose which enhancements to include. Perhaps you could include a theme.css file rather than the entire thing as a code block?