My personal darktable theme.

Hi.

It’s a pity that this theme doesn’t work for you. I have no clear idea why. The PC I was using in Cuba with darktable is configured with Fedora 37 and then I installed version 42 of the system, it always worked without problems of any kind. I was using it with Gnome. Now I have a laptop with Windows 11 that barely works, unfortunately it is not configured to be able to do much more than documents with Libre office, but I installed darktable the experimental version that uses AgX and I passed the .css in the configuration window. In fact, these last fixes I made to the theme I did them on this laptop and it looks without problems, the resolution is lower, because before I used a 32¨ 4K monitor and now the laptop is 15¨ and 1920x1080px but well, better times will come :blush: Here I leave screenshots of the fully functional theme installed on the laptop.

Greetings from Mérida, Yucatán.

3 Likes

Controlling the UI with css is great and thanks for making your theme available. However, for my install it breaks the UI. Everything turns exclusively black or white, no shades of grey and large chunks of the interface disappear including the module menu, the configuration icon itself and my thumbnails. I can get them back briefly by hovering hopefully over different parts of the screen but then they vanish again.

Clearly something in your css file disagrees with my install. I have no idea what but I’m going to attempt to debug by adding in each line of css one by one until something breaks.

One issue I see straight away -

This rule:

@define-color grey_01 #cccccc; /* collections tagging and styles background color in lighttable

at the very beginning makes the “darkroom” module tab disappear unless I mouse over it. Commenting out the rule brings it back.

It’s a long old page of rules, I fear debugging make take a while!

@D_M saying what version of dt you’re using and your OS and any other details would be helpful.

Ubuntu 23.10

It looks like somehow I’m using DT 5.3. Not sure how, I didn’t install 5.3 deliberately, should be 5.2. maybe one of those automatic ubuntu updates caught me out.

5.3 is a development version, so you’re probably using the OBS repo?

I don’t know. I get confused between all these repos and other methods of installing stuff. What is OBS?

I seem to remember that once upon a time you could conjure a pop up window that listed all your repos, but I can’t find it any more.

Any suggestions?

Thanks

p.s.

Periodically, when I switch on, a pop up window appears saying that there are upgrades available and click to upgrade. I have never managed to work out exactly which part of the Ubuntu installation system is managing that pop up. I usually do what it says, but I try and leave darktable upgrades alone as I remember it starts installing snap versions that cause trouble. Maybe I slipped up.

pps

I cleared user.css then added this css block in on its own:

#basics-box-labels widget
{
  border-top: None;
}
#iop-expander,
#basics-header-box {
    background-color: #444;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: 4px;
    margin-right: 4px;
}
#iop-expander {
    margin-top: 2px;
    margin-bottom: 2px;
}
#right #plugins_vbox_left {
    background-color: @plugin_bg_color;
}
#blending-wrapper {
    border-left: 3px solid @field_active_bg;
    border-right: 3px solid @field_active_bg;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

It works fine, so I think this establishes that is not css in general that is causing the issue, but something in the custom theme.

OBS is the openSuSe build service, which provides repos for your native package manager, in your case an apt repo, which you’d see in your apt repos list.

Which I can no longer find :thinking:

I got this:

~$ add-apt-repository --list
deb Index of /ubuntu mantic main restricted universe multiverse
deb Index of /ubuntu mantic-updates main restricted universe multiverse
deb Index of /ubuntu mantic-backports main restricted universe multiverse
deb Index of /ubuntu mantic-security main restricted universe multiverse
deb /repositories/graphics:/darktable/xUbuntu_23.10 - openSUSE Download /
deb /repositories/graphics:/darktable:/master/xUbuntu_23.10 - openSUSE Download /

and

apt-cache policy darktable
darktable:
Installed: 5.3.0~git173.fc869e82-1+12982.1
Candidate: 5.3.0~git177.908623b3-1+12986.1
Version table:
5.3.0~git177.908623b3-1+12986.1 500
500 /repositories/graphics:/darktable:/master/xUbuntu_23.10 - openSUSE Download Packages
*** 5.3.0~git173.fc869e82-1+12982.1 100
100 /var/lib/dpkg/status
4.8.1-1.1+80.1 500
500 /repositories/graphics:/darktable/xUbuntu_23.10 - openSUSE Download Packages
4.4.2-1ubuntu1 500
500 Index of /ubuntu mantic/universe amd64 Packages

Is this bad?

Hello,

If possible, please try this .css on your system to see if it works for you. I am currently testing this version after making a series of changes to optimize it.

Greetins from Mérida, Yucatán.

my-personal-theme.zip (6.9 KB)

3 Likes

I tried your previous css files. They all had problems with showing the curves in various modules and the text visibilities . It seems this new “my-personal-theme.css” has does not have the above mentioned issues and it is working. Great job thank you. However, I would like to make a request. My default theme always was grey theme, to me it is the best theme for judging and editing the colors of the photos. It would be more useful if your theme will also be available in 18% grey.

1 Like

Why not take a swing at it yourself?

2 Likes

I wish I knew how.

Just search for a basic CSS tutorial to get an idea and try first to change only small things … Do little changes and check your result. In this way you create your own theme, exactly how you like it … :wink: And later adapt it easily, if you change your mind or want something else.
Enjoy it and remember that The goal is the journey! :wink:

Hi

This seems to be working for me! Even after restarting darktable, nothing breaks.

This is promising.

Thanks!

D.

1 Like

I’m glad you liked it and that the theme works for you. This is the theme I currently have applied to darktable and it runs without any problems. Later I will try to make a version of it in grey 18% as some have requested. I will see how I can adapt the settings to that other theme.

2 Likes

I’ve been out of website development for a while (apart from my own rudimentary wordpress site) and it’s frightening how you forget as the years go by.

One thing I thought I still had was basic css, but playing around myself with the standard themes brought home to me just how rusty I was. I even had to look up the syntax for font-family on W3C schools. Sad.

One of the issues I’ve found with darktable’s use of css, it that you don’t have a browser inspector to pinpoint the ids and classes to tweak. I also came from an environment where we didn’t use variables to specify values, but hard-coded everything into the rules. It throws me a bit trying to get used to all these variable names.

Anyway, I shall play with your good looking theme for a while, see how I get on with it and decide whether i shall make it permanent.

Thanks again for this work.

1 Like

@davidvj Can you test this theme to see if it works on your operating system?
(My-personal-theme).

@difrkaguilar This maybe useful to you. I used your latest theme “my-personal-theme” for DT 5.2, as well as the Nightly and Agx versions in osx and Mx-linux in my Virtualbox . They all worked. Thank you again. Looking forward to your 18% grey version.

1 Like

Thank you for sharing your “personal darktable theme”.

I have installed your theme of august 8 (the latest version?) on windows without problems.
I very much like the idea of using the orange color to emphasize important messages/selections/settings/active items. The orange active module icon is a good example of this.

I my workflow I use the “stars” in lighttable to select images for further editing. The selected stars used to be black which made them clearly different from the not-selected white stars. In your theme, the selected stars are white which is not clearly different from the not-selected grey stars.

I don’t know the first thing about css-programming but I have discovered that changing the background-color setting from @grey_90 to @orange in the /* set stars icon when active */-section cures this problem.

You have stated that you are using the orange color as emphasis in icons, sliders and selectors. I have not noticed any orange sliders so far?

2 Likes

Hello,
It would be great to get an 18% grey version.
I think your themes could be included natively in Darktable.
Greetings from Leberon (France)
Christian

4 Likes