New darktable themes

Since it will still take “some time” until the switch to GTK4 is complete, I have created a corresponding adjustment via CSS based on the current design (especially colours – grey, dark, darker).

My main focus was on the following points.

  • Clear Visual Boundaries: Modules are separated by subtle borders, creating a card-like layout. This makes it instantly clear where one tool ends and the next begins.
  • Distinct Grouping of Controls: When expanding a module, all its sliders, dropdowns, and settings are neatly contained within its specific box. They no longer “float” loosely in the sidebar, preventing visual clutter.
  • Instant State Recognition: Active modules are much easier to spot at a glance. Because the entire background of an active module is highlighted (rather than just the icon), you can scan the panel much faster.
  • Reduced Visual Fatigue: By providing clear structural anchors for the eye, it lowers the cognitive load. You don’t have to actively search or guess which slider belongs to which tool header.
  • Function Meets Modernity: It fixes the common usability issues of flat design by bringing back necessary UI structures, while still maintaining a clean and modern aesthetic.

darktable modern grey


darktable modern dark

darktable modern darker

Here is a link to download the themes:
https://darktable.info/sdc_download/13278/?key=ys8lkw5cun44j99w6v042ze4ocx7tk
If it does not already exist, create the following folder (Linux):
.config/darktable/themes/
Unzip all files there. After starting darktable, they will be displayed together with the existing themes.

Important: This is a proposal that is open for discussion. So please give me your feedback.

What do you like? What don’t you like? Which theme are you currently using – and would you like to stick with it?

4 Likes

Just confirming your themes likely add to darktable.css and you include one. Are there any changes in that or will your themes work with an existing darktable.css…

Just trying to save looking through it to check …

1 Like

This is the original darktable.css (from GitHub). It is required for correct display. If you already have one, you do not need to overwrite it.

I just didn’t want to assume and mine was close in size but not identical…thanks for taking the time to confirm and so quickly… thanks for all your recent contributions… I am in awe when people find the time and have the skills to share to improve things…

1 Like

Thank you, and you’re very welcome.

I’ve split this into its own topic to avoid feedback confusion.

1 Like

Hey those look pretty nice! I like the slightly rounded corners.

1 Like

I love the new themes.

I spoke with Chris about a strange thing that I observed, but he doesn’t know what is going on. So maybe someone else knows…

I noticed that the icon indicating if a module is active get’s a blueish cast when the module is opened. See the screenshot.

Is it possible to stop this kind of effect? It doesn’t look so nice imho, and I don’t need the feedback in the icon that the module open… that is rather obvious.

Also a huge thank you!! for the devs that have made this all possible! It is really a cool feature that darktable can be customised like this!!

1 Like