Installing Themes

February 5, 2026

Darktable allows you to completely customize the appearance of the user interface to suit your needs. Whether you need more contrast, prefer a different font size, or simply want a more modern look, our themes (CSS customizations) let you do this in a matter of seconds.

Here we show you step by step how to insert the CSS code into Darktable.

Step 1: Copy the code

First, choose the design you like best from our theme overview.

1. Click on the desired theme.
2. You will see a block of code there (this is CSS).
3. Select all of the code or click the “Copy” button (top right) to copy it to your clipboard.

Step 2: Open Darktable settings

1. Start Darktable.
2. Click on the gear icon (Preferences) in the top right corner.
3. The settings window opens.

Step 3: Find the CSS editor

1. Remain in the “General“ tab.
2. Scroll down the list on the right until you find the section titled “CSS tweaks.“
3. There you will see a large text field.
   • Note: If you have never made any changes, this field will be empty. If there is already code there, simply add the new code at the very bottom in a new line.

Step 4: Insert code & save

1. Click in the text box.
2. Paste the copied code (right-click -> Paste or Strg + V / Cmd + V).
3. Click on the “Save and apply” button at the bottom right.

Done!
Darktable applies the new design immediately, without restarting. You can see the result right away.