New interface in darktable 2.7 (dev)

In my case, I’ve selected Elegant as the theme and installed all the Roboto fonts needed. This seems to run smoothly, and I have never touched the darktablerc file (don’t even know where it’s located) so it’s not an old tweak that would still be active.
Some icons also are, imho, a bit big - bigger than some others ? like the one for the collection (and, or, except etc)

Where can I found this darktablerc file ?
Also, where is located the darktable.css file except in my source folder ? If I want to customise via another css, the original to override should be mentioned in an import command right ? I haven’t find anything in /Users/seb/.config/darktable/.

I have built from master, created the dmg file and installed it so I can run it like any other normal app.

Playing around with the different themes, and the icons.

Is this alignment intended ?

See this post (seems relevant here):

That’s very interesting, thank you for sharing that! I wouldn’t mind being able to do such things actually. Right now I don’t think I’m capable so I would need some guidance as to how I would achieve that.

Right now I’m following the BUILD.txt instruction files up to making a .DMG file, install it and run it as any other applications.

What exactly would need to be different in order to start DT in “dev mode” with such instructions (export GTK_DEBUG=interactive which works also on macOS) ?

If someone would be able to provide some help that’d be great :slight_smile:
It’d be like another BUILD.txt but with the final goal not necessarily being to package it in a .dmg file but just run it out of the box.

Thanks ahead of time for your support!

No, please open a bug report on GitHub. Thanks.

Alignment (here not intended) and too big sizes of icons and text could be a consequence of screen_dpi_overwrite wrong setting. So it’s important to check if that or something else.

To see the correct alignment of these icons and sizes, you could also see the grey theme I made (I post a screen capture of modules icons rendering, same on dark and grey theme) from the dark theme by Aurelien here : Grey css themes for new UI on darktable 2.7 (dev), on with and the other without modules icons

darktablerc file is on this folder you mention : /Users/seb/.config/darktable/
Be sure to have -1.0 on the line I previously mentioned and of course, edit this file with darktable closed as this file store your preferences and state of last state of darktable.

For css, all default css are where darktable is installed on share/darktable/themes. If you want to customize some things, you indeed have to create a custom css on your .config/darktable folder.

On this folder, first create a “themes” folder.
2nd : create a file (for example Seb.css) and then add an @import line on the beginning of your file that point on the default css (full path of one of the default css).
Then you just add options you want to change (no need to copy all things as the @import section import by default all css and after you just write those you want to customize.

@homer3018 and @Pascal_Obry : I’ve just tested to change the screen_dpi_overwrite on darktablerc file. I put a setting of 110 instead of -1.0 (setting I’ve used when I was on Mac Os for darktable 2.4 and small OS font problem at this time on Mac OS). See what this setting change on dark icons theme as you homer. You could see that It confirm same problems as yours :

Capture-20190514191430-334x550

If I revert back to default setting, so -1.0, I see the correct UI :

Capture-20190514191954-315x521

@Nilvus, thank you very much for the in depth response, the associated reactivity and the detailed walk through for getting me started with css customisation. I appreciate that a lot.

Now I have check my darktablerc file (which I didn’t know where to find it until now) and of course it is showing -1 for that variable. It means that I’m getting this misalignment with the theme with icons that came from the very recent version I pulled.
It also means that the font size looks a bit big but it’s not because of this parameter.

When you have set this variable to 110, you icons looks bigger, and the misalignment is within the same order of magnitude as mine.
However with the variable back to its default value -1, the misalignment is less obvious nonetheless still there: the icons lay on the same line at their bottom, and are not centered vertically which, imho would look nicer. I also prefer the on/off icon having the same size of the module icon, but that could very well just be me.

Anyhow, I still find the font size too heavy for my test and this is what I would like to try and adjust on my own.

Would you please be able to advise how I would go about starting DT from terminal with the parameter export GTK_DEBUG=interactive ?

@Pascal_Obry I’ll report it now, thanks.

Just set GTK_DEBUG (with export as quoted by you) and then start darktable as usual, nothing special.

Thanks @Pascal_Obry. I’ll try and play a bit with it.

Glad that’s help you and resolve most of the issues.

About improving icons alignment, you’re right. I’ve seen that when make the test view for your issue (I don’t use icons theme). As I have worked on grey theme and have just make minor tweaks on darktable.css file (pull request not published at this time), I will see If I could make something better for this.

About font too heavy for you, if it’s on darktable.css theme, that’s the minor tweaks I’ve made so that would be better when I will publish my pull request. If it’s on darktable-elegant themes, please publish a screen capture. On these themes, heavy font could not be possible normally.

Yeah I don’t think I’ll use the icons either - I was just exploring the new UI and everything that came along with it. but yeah all your explanations helped a lot to figure out things, thanks again :slight_smile:

For the font, I’m now using the elegant theme and my resolution is set to 3200x1800. Here is how it looks :

I found the left panel kinda awkward. The icons and fields of the collect module feel weird, and big. In the image information, it’s the same, everything looks quite big (again this is just a feeling, I love the slick look and I’m sure I’ll be able to tweak all this stuff to my taste). There is some funky stuff still going on with the font (look at the date time field). And finally have a look at the difference in size from this panel compared to the year in the very nice histogram below the lighttable. This looks like the size I have in my terminal.

What do you think ? Does that look normal for you ? Or is there something dodgy going on.

Your side panels seems small. Maybe your reduce their size too much. That could be change on preferences. By default it’s 350px, personally I use 320px, less make especially the left panel to condensed. By contrast, that could be seen bigger. That’s the only thing remaining that I see.

Only arrow icon on collect module remain quite big on the new UI (probably something to improve but by this time I’ve search a little how without success). The other icon is big only if side panel width is under 300px for the little tests I’ve just made on my system.

For other things, think about compare your views with screens capture from Aurélien on start of this thread or on my thread about grey css.

everything except the theme has been left to its default value ie the side panels are still set to 350px.

Is there a way of knowing which font size is being used ? Maybe with the inspector ? I admit I haven’t had time to look just yet but I will.

Thanks

Yes, you could see with Gtk inspector. Try also to decrease (to 1 or 2 points) your OS font size, as fonts size use emphasis sizes on elegant themes. And be sure to have all Roboto fonts installed.

Hi, as I’ve update css yesterday and it’s now merge on master, could you please update to last revision and test it. On your suggestion, i’ve made vertical alignment on icons module. As the height is related to label, It seems not possible to adjust height on other buttons like on/off one with just css. The difference is quite small and I don’t think would be a priority for devs by now.

hey,
Actually I saw that yesterday night and wanted to test but haven’t had the opportunity. I’ll make sure I find the time this weekend and will report accordingly.

Thanks for the good work ! :slight_smile:

crowded how ?

Goals :

  1. Keep the emphasis on the picture
  2. Minimize details and distractions out of the picture
  3. Minimize every chance of optical illusions due to picture/UI interactions (ie frames, drop shadows, excessive contrast with background)
  4. Squeeze as much text as possible in as little space as possible (with respect to legibility) to respect 1.
  5. Take advantage of high DPI screens (HD 1080, 2.5 K and 4 K)
  6. Ensure that controls (buttons, etc.) look different than labels (info, titles, etc.) and are easily distinguishable.
  7. Make the current control stands out from the others (because it gets the keyboard focus).

It’s good that dt tries to serve users with limited means and below average gear, but at some point, photography is a graphic art and needs proper tools to be done properly, including a proper screen. An HD 720 screen and below is not a proper graphic arts tool. dt is a raw photographs processor, raw photographs mainly come out of 350 € and counting cameras, so if users don’t have another 120-150 € to spend on a decent screen, let’s call them irrational human beings with an illed-designed graphic chain.

But this question bissects with:

“are we doing a photo software for IT guys doing some photography on the side or are we doing a photo software for actual photographers ?”.

I’m working to make dt a professional tool because enthusiasts are not the crowd that makes a soft progress, and enthusiast users are more willing to accept the complexity of an advanced soft once they have seen what the pros are able to get from it (photoshop).

The current one is already supposed to be condensed. Have you checked the DPI settings in darktablerc and Gnome screen scaling factor ? In darktablerc, it should be set to -1 (system default), and in Gnome, it should be set to whatever suits you (be carefull, in Gnome Tweaks, to set the font scaling factor to 1.00).

Goals aren’t the issue. The contention is what a met objective would look like.

Sorry for not getting back to you earlier. I’ve pulled the latest master and there are a few things that are really weird.
I’m getting 3 times out of 4 a seg fault a few seconds following the startup like this :
Magick: abort due to signal 11 (SIGSEGV) "Segmentation Fault"... Abort trap: 6
When it does not crash, the icons are still misaligned. I’m starting to think that there might be another old css somewhere that it must use… But I’m cleaning stuff before each build so I’m not sure.

First few times it ran, I had the date and time displayed correctly in the lighttable, but after 3 of 4 crashes, the Japanese-like symbols came back.
2nd preview window is still showing the selected picture full screen, but when it’s done rendering, it shows the (rendered) picture with half size, so taking up 1/4 of the space available…
Not more luck on the openCL side of things, still unable to compile lut3d.cl even after 15 restarts…

A lot is going on and as a result I’m unable to use the sw right now :frowning:

@anon41087856 Would you know what font size is used to display the year in the histogram below the lighttable ? Would you also know the size used to display the image information for instance ? Just trying to make sense of what I see on my screen…