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

Plug-ins, add-ons, skins, icons, templates and other downloads. Contributions are welcome.

Moderators: XnTriq, helmut, xnview

Post Reply
User avatar
miki
Posts: 17
Joined: Wed Oct 04, 2017 2:40 pm
Contact:

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

Post by 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.
Browser
Browser
Viewer
Viewer
Settings dialog
Settings dialog
Batch convert dialog
Batch convert dialog
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.
Custom icons
Custom icons
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.
Last edited by miki on Tue Feb 20, 2018 12:13 pm, edited 2 times in total.
Miki Proxima (meshlogic)
User avatar
XnTriq
Moderator & Librarian
Posts: 6336
Joined: Sun Sep 25, 2005 3:00 am
Location: Ref Desk

Re: Blender inspired theme for XnViewMP including icons

Post by XnTriq »

THANK YOU very much for sharing, miki! Welcome to the forum :-D
User avatar
miki
Posts: 17
Joined: Wed Oct 04, 2017 2:40 pm
Contact:

Re: Blender inspired theme for XnViewMP including icons

Post by miki »

Thank you XnTriq :-)
Miki Proxima (meshlogic)
FileNotFound

Re: Blender inspired theme for XnViewMP including icons

Post by 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.
User avatar
miki
Posts: 17
Joined: Wed Oct 04, 2017 2:40 pm
Contact:

Re: Blender inspired theme for XnViewMP including icons

Post by 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.
Miki Proxima (meshlogic)
User avatar
oakside
Posts: 14
Joined: Thu Nov 07, 2013 7:58 pm

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

Post by 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.
User avatar
Akovia
Posts: 132
Joined: Sat Apr 02, 2011 2:10 am
Contact:

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

Post by 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?

Image

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);
 }
Arch Linux
XnView MP
doobs
Posts: 17
Joined: Wed Aug 28, 2019 12:31 pm

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

Post by 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
User avatar
Akovia
Posts: 132
Joined: Sat Apr 02, 2011 2:10 am
Contact:

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

Post by 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. :D
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.
Arch Linux
XnView MP
doobs
Posts: 17
Joined: Wed Aug 28, 2019 12:31 pm

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

Post by doobs »

Akovia wrote: Wed Aug 28, 2019 10:27 pm 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. :D

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
Posts: 17
Joined: Wed Aug 28, 2019 12:31 pm

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

Post by 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
XnThusiast
Posts: 3973
Joined: Sun Apr 29, 2012 9:45 am
Location: Cheltenham, U.K.

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

Post by cday »

doobs wrote: Sun Jan 26, 2020 7:39 pm 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
Post Reply