[Theme] Blender inspired theme for XnViewMP (incl. icons)

[miki]

First of all, great thanks to the authors of this amazing photo manager! I was very excited to find this Qt based program, which just proves that the Qt framework is a perfect choice for multi-platform user programs. Indeed, XnViewMP starts and responds really fast without any lagging, and the possibilities of UI customization using the QSS style sheets are just brilliant! I really enjoyed making this QSS style to my liking. Of course, sometimes it's a bit of puzzle to get what you want, but that's part of the fun

The idea behind this theme
I'm a big fan of Blender (open-source 3D package), which I think has one of the best and most flexible/modifiable user interfaces. So, I've got inspired by the default grey theme from Blender, which I like so much. This theme is neither too dark, nor too light, which I believe is the best choice in general. I think, when a theme is too light/colorful, it glows to the eyes and distracts user from the actual content. When a theme is too dark, I find it worse readable and I tend to adjust my creations too dark as well. Thus, I have tried to create a low contrast, mid-grey theme that wouldn't distract users from the actual content.

screen-browser.png

screen-viewer.png

screen-settings.png

screen-convert.png

Custom Icons
I have created my custom set of icons as well. Originally, I started making them in Inkscape for my own photo editor which I never finished, because it was too much work Later, I finished the icons in Affinity Designer, which I find much more user friendly than Inkscape. The icons are monochrome and I tried to make them simple and easy to recognize.

_icons-toolbars_catalog.png

Install the theme
1. Download and unpack the archive from here.
2. Replace the UI folder in the XnViewMP install folder.
3. Replace the user settings files (on Windows 10 it's the folder C:\Users\xxxxx\AppData\Roaming\XnViewMP).


ChangeLog
20.02.2018 - Minor fix for version 0.89/0.90


Known problems
I'm already very happy about the look of the theme, but there are still few things I'm not able to modify/replace, especially icons like...

Code: Select all

cmd_levels
cmd_showHisto
cmd_import
cmd_viewAs
cmd_category
cmd_ratingAndLabel

Also all the icons in dialogs (like batch convert, etc) cannot be replaced.

Another issue is the light border base line produced by QTabBar, which is visible besides the vertical tabs. I've tried to disable the drawBase feature in the style sheet by

Code: Select all

QTabBar{
    qproperty-drawBase: 0;
}

but it doesn't work for the vertical tabs. The qproperty-drawBase seems to work only for the file tabs. But these are only minor issues.

[XnTriq]

THANK YOU very much for sharing, miki! Welcome to the forum

[miki]

Thank you XnTriq

[FileNotFound]

I've been occasionally working on a blender icon theme that follows the Tango Style Guideline. Not that Blender actually follows any interface guidelines on any of the platforms it runs, I just felt the default icons are somewhat 1990. I don't have complete coverage yet, but the most exposed icons are themed.
Where these don't work so well is the button context header. The lower opacity makes them a bit unclear. I'd prefer the current button context was highlighted differently than making the other contexts semi-opaque.

[miki]

FileNotFound: Actually, I think the few icons that exist in Blender are quite good and easy to recognize. Besides most of the buttons is textual and don't use any icon.

I just had problem with the original icons in XnView, which I can't recognize what they are supposed to mean, and they look ugly on dark backgrounds. So, I've created my own monochrome icons, which I find the best recognizable and it's very easy to change their color globally.

[oakside]

Wow. This is one of the best user-created themes I've ever seen for... well, anything, ever. Beautiful work! Enormous thanks, miki! The settings alone re-arrange things very nicely. Combined with your icons, it's just amazing. Totally agree on the color scheme reasoning; not too dark, and makes the subject or work stand out.

Tip: For those trying XnView MP in "portable" mode (ZIP, no-install, settings probably in program folder), these new settings still need to be copied to the proper AppData folder per instructions. Didn't work otherwise. I just went ahead and installed the XnView MP executable. Farewell to XnView Classic. And huge congrats to the devs of XnView MP, Pierre; it's still early but it already seems like a very worthy successor. Bravo.

[Akovia]

Spectacular theme!
I love Blender's colors and you did a perfect rendition.

The only problem I'm having is the radio buttons in the settings window are huge. I am unable to size the window smaller to reach the ok button on the bottom. (My desktop is 1920x1080) I can use my window manager controls to grab the window and move it luckily, but not sure why they are so big. Are you on a hi dpi screen?



I can convert them to png if necessary, but wondered if there was a setting I could use to size them properly. Regardless I'm thrilled with your work. Thank you for sharing it.

EDIT:
Well I went another route to fix it and added size code to the stylesheet. Not sure why only the radio buttons are effected, but this worked.

Code: Select all

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
QRadioButton::indicator:unchecked{
    width: 25px;
    height:25px;
     image: url(UI:radiobutton_unchecked.svg);
 }

QRadioButton::indicator:unchecked:disabled{
    width: 25px;
    height:25px;
     image: url(UI:radiobutton_unchecked_disabled.svg);
 }

QRadioButton::indicator:checked{
    width: 25px;
    height:25px;
     image: url(UI:radiobutton_checked.svg);
 }

QRadioButton::indicator:checked:disabled{
    width: 25px;
    height:25px;
     image: url(UI:radiobutton_checked_disabled.svg);
 }

[doobs]

I'm on a Win10 box with a 1920 x 1080 screen and am having this problem as well. I tried the mod above to no avail. I love this theme, but without being able to save settings, it's kinda not useful.

Any suggestions?

thanks

chris

[Akovia]

Not sure the OP is around anymore. Some of the latest updates have broken some of the theme graphics and he hasn't posted any fixes. It's still useable, but it was near perfection before. I wish the dev would take this over and make it part of the core as a dark theme option.

Any suggestions?

I've installed this theme on two machines since I first had this problem and didn't have trouble with either. One was a Windows 10 machine, the other was arch linux. <- (The same OS I had the original problem with.) The only real difference was I installed xnviewmp fresh on both of these machines, whereas the machine I had the problem with had xnviewmp installed for many years before adding the theme.

My suggestion is to delete and/or backup your existing install and start from scratch. Just make sure there are no settings files left.

[doobs]

Not sure the OP is around anymore. Some of the latest updates have broken some of the theme graphics and he hasn't posted any fixes. It's still useable, but it was near perfection before. I wish the dev would take this over and make it part of the core as a dark theme option.

I've installed this theme on two machines since I first had this problem and didn't have trouble with either. One was a Windows 10 machine, the other was arch linux. <- (The same OS I had the original problem with.) The only real difference was I installed xnviewmp fresh on both of these machines, whereas the machine I had the problem with had xnviewmp installed for many years before adding the theme.

My suggestion is to delete and/or backup your existing install and start from scratch. Just make sure there are no settings files left.

Well I'm back again....

Somehow, don't really know how actually, I got the theme to work to my liking on my desktop computer. I had copied those settings to my laptop, a Dell XPS-13 with good success.

Anywho, I did a scorched earth Windows reinstall on the laptop due to other reasons.

I copied all the setup files from my desktop computer, just like I did last time, and this time, its hosed. All the sizes, particularly the icons, are fluey and I've tried over and over to get it the same and cannot. And further investigation indicates the icons in the theme are not being used. The screen resolution on both systems is the same 1920 x 1080.
I've tweaked the Fusion Dark settings with the panels where I want, but I hate the colors.

For now, I'm going to live with it, but Themes seems to be one of those things in XnViewMP that need some work.

cheers

chris

[doobs]

Well, the version on my Desktop is 0.93.1 whereas the version on my laptop is the latest. Methinks that's the driver.

Thanks

[cday]

Well, the version on my Desktop is 0.93.1 whereas the version on my laptop is the latest. Methinks that's the driver.

If you reinstall the earlier version? Old versions