Xnview MP Dark UI Enhancement

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

Moderators: XnTriq, helmut, xnview

User avatar
orbspider
Posts: 170
Joined: Tue May 22, 2012 5:42 pm
Location: Malayan jungle
Contact:

Re: Xnview MP Dark UI Enhancement

Post by orbspider »

well I figured how to turn off the preview in the info pane so that solves it for me. :?
User avatar
XnTriq
Moderator & Librarian
Posts: 6336
Joined: Sun Sep 25, 2005 3:00 am
Location: Ref Desk

Re: Xnview MP Dark UI Enhancement

Post by XnTriq »

orbspider wrote:I found it searching the same problem as noted (and somehow solved) by arabtornado, how to change backgd color of PREVIEW panel

[...]

but not Preview bkgd, correct? So how do I do it, as my dark themes is looking good.
Tools » Settings... » Browser » Preview background color
orbspider wrote:Another thing, how to change the selected thumbnail having blue-white box around it and the selected thumbnail label dark blue? I'd like to make them just maybe lighter grey. If that's Qt style sheet then where do I find those in Linux Debian?
The following INI entry only works in XnView v1.9:
XnView Wiki (UI-less Settings » [url=http://www.xnview.com/wiki/index.php/UI-less_Settings#Browser]Browser[/url]) wrote:
SelBorderColor
  • Changes the color of the selection frame around the selected thumbnail.
    Value: Raw color (integer) or formatted color string
    See also FolderColor# settings
There's a similar entry in the xnview.ini of XnViewMP v0.53 (Wndows), …

Code: Select all

[Appearance]
selectedColor=10 36 106
… but (manually) changing the value doesn't seem to have any effect :?
orbspider wrote:Also, how do I change the white 1px line to left of each pane, as arabtornado doesn't have them?

Code: Select all

MyThumbListView,
QTreeView {
border: 1px solid black;
}
User avatar
orbspider
Posts: 170
Joined: Tue May 22, 2012 5:42 pm
Location: Malayan jungle
Contact:

Re: Xnview MP Dark UI Enhancement

Post by orbspider »

Hi thanks for the help!
I have this in my css

Code: Select all

QTreeView#UIGroup_TreeView QHeaderView::section:first{
    border-left: 1px solid black;
}
and lower down:

Code: Select all

QTreeView{
    background-color: rgb(20, 20, 20);
    alternate-background-color:  rgb(40, 40, 40);
    border: 0px groove rgb(70, 70, 70);
}
but originally it was

Code: Select all

QTreeView{
    background-color: rgb(20, 20, 20);
    alternate-background-color:  rgb(40, 40, 40);
    border: 1px solid black;
}
but both give white vertical lines at dividers, left side
User avatar
XnTriq
Moderator & Librarian
Posts: 6336
Joined: Sun Sep 25, 2005 3:00 am
Location: Ref Desk

Re: Xnview MP Dark UI Enhancement

Post by XnTriq »

orbspider wrote:[...] but both give white vertical lines at dividers, left side
Forget about MyThumbListView & QTreeView! This oughta do the trick:
Qt Reference Ducumentation (Qt Style Sheets Examples » [url=http://doc.qt.digia.com/stable/stylesheet-examples.html#customizing-qmainwindow]Customizing QMainWindow[/url]) wrote:The separator of a QMainWindow can be styled as follows:

Code: Select all

QMainWindow::separator {
    background: yellow;
    width: 10px; /* when vertical */
    height: 10px; /* when horizontal */
}

QMainWindow::separator:hover {
    background: red;
}
User avatar
orbspider
Posts: 170
Joined: Tue May 22, 2012 5:42 pm
Location: Malayan jungle
Contact:

Re: Xnview MP Dark UI Enhancement

Post by orbspider »

hey that's it, well not the yellow but that's the one to adjust (grey and 2px for me)
It's good to have a librarian around!

just one more, when Tree tabs are vertical there's a white line from them all the way down!
User avatar
XnTriq
Moderator & Librarian
Posts: 6336
Joined: Sun Sep 25, 2005 3:00 am
Location: Ref Desk

Re: Xnview MP Dark UI Enhancement

Post by XnTriq »

orbspider wrote:It's good to have a librarian around!
Yep, we're the unsung heroes :P
orbspider ([url=http://newsgroup.xnview.com/viewtopic.php?p=89171#p89171]Qt Stylesheet Snippet Repository[/url]) wrote:just one more, when Tree tabs are vertical there's a white line from them all the way down!
This one remains a complete mystery to me :-|
JohnFredC ([url=http://newsgroup.xnview.com/viewtopic.php?p=89171#p89171]Qt Stylesheet Snippet Repository[/url]) wrote:Unfortunately, none of those affect the line arrowed in the following image:

Image
User avatar
orbspider
Posts: 170
Joined: Tue May 22, 2012 5:42 pm
Location: Malayan jungle
Contact:

Re: Xnview MP Dark UI Enhancement

Post by orbspider »

perhaps its part of the Tabs widget that would get drawn under tabs but their giff image covers it.

oh well! cheers
Last edited by orbspider on Sun Mar 03, 2013 1:04 pm, edited 1 time in total.
User avatar
XnTriq
Moderator & Librarian
Posts: 6336
Joined: Sun Sep 25, 2005 3:00 am
Location: Ref Desk

Re: Xnview MP Dark UI Enhancement

Post by XnTriq »

orbspider wrote:perhaps its part of the Tabs widget that would get drawn under tabs but their giff image covers it.
So far, I've tried these properties/pseudo-states/subcontrols:
  • QTabWidget
    • QTabWidget::pane
      QTabWidget::tab-bar
    QTabBar
    • QTabBar::tab
      • QTabBar::tab:first
        QTabBar::tab:middle
        QTabBar::tab:last
      QTabBar::Shape
      • QTabBar::RoundedNorth=0
        QTabBar::RoundedSouth=1
      QTabBar[shape="0"]::tab
      QTabBar[shape="1"]::tab
      QTabBar[shape="2"]::tab
    MyTabWidget
    • MyTabWidget::pane
      MyTabWidget::tab-bar
    MyTabBar
    • MyTabBar::tab
User avatar
XnTriq
Moderator & Librarian
Posts: 6336
Joined: Sun Sep 25, 2005 3:00 am
Location: Ref Desk

Re: Xnview MP Dark UI Enhancement

Post by XnTriq »

@Pierre: Can you make the border “styleable” by setting QTabBar::drawBase() to false?
User avatar
xnview
Author of XnView
Posts: 43326
Joined: Mon Oct 13, 2003 7:31 am
Location: France
Contact:

Re: Xnview MP Dark UI Enhancement

Post by xnview »

XnTriq wrote:@Pierre: Can you make the border “styleable” by setting QTabBar::drawBase() to false?
The QTabBar for tree view?
Pierre.
User avatar
XnTriq
Moderator & Librarian
Posts: 6336
Joined: Sun Sep 25, 2005 3:00 am
Location: Ref Desk

Re: Xnview MP Dark UI Enhancement

Post by XnTriq »

xnview wrote:
XnTriq wrote:@Pierre: Can you make the border “styleable” by setting QTabBar::drawBase() to false?
The QTabBar for tree view?
Yes. John's screenshot:
JohnFredC ([url=http://newsgroup.xnview.com/viewtopic.php?p=89171#p89171]Qt Stylesheet Snippet Repository[/url]) wrote:Unfortunately, none of those affect the line arrowed in the following image:

Image
And this is the discussion on Stack Overflow I'm referring to:
Qt: hiding bottom line in QTabBar wrote:
Allur wrote:It seems like no possible to set stylesheet for bottom line QTabBar.
I need remove bottom line:
Image
Please, help!
hus787 wrote:Haven't used Qt in 6-7 months now so I'm not sure if this will work nor can I test it. Give QTabBar::drawBase a try. Plus the Qt library are very well documents so you should find a solution to your problems if you just carefully sift through it.

Hope you are using the Qt SDK.
Allur wrote:Thank you! It works.
User avatar
xnview
Author of XnView
Posts: 43326
Joined: Mon Oct 13, 2003 7:31 am
Location: France
Contact:

Re: Xnview MP Dark UI Enhancement

Post by xnview »

Not easy, it's not a QTabBar but a QDockWidget
Pierre.
Evil_D
Posts: 5
Joined: Thu Apr 11, 2013 8:23 am

Re: Xnview MP Dark UI Enhancement

Post by Evil_D »

How to make the color of the number 1 is the same as the color of number 2?
http://img402.imageshack.us/img402/5525/ghl.png
User avatar
XnTriq
Moderator & Librarian
Posts: 6336
Joined: Sun Sep 25, 2005 3:00 am
Location: Ref Desk

Re: Xnview MP Dark UI Enhancement

Post by XnTriq »

Evil_D wrote:How to make the color of the number 1 is the same as the color of number 2?
http://img402.imageshack.us/img402/5525/ghl.png
Changing the background color of the thumbnail panel (Tools » Settings... » Browser » Thumbnail » Appearance » Thumbnail cell » Appearance » Background) doesn't take immediate effect behind/under the folders :bugconfirmed:

As a workaround, you can force MP to redraw the folder thumbnails by changing the thumbnail size (View » Thumbnail size...).
User avatar
helmut
Posts: 8705
Joined: Sun Oct 12, 2003 6:47 pm
Location: Frankfurt, Germany

Re: Xnview MP Dark UI Enhancement

Post by helmut »

In Batch processing of XnView MP with dark theme the labels and parameters are very hard to read:
Dark-Theme_Batch-Processing.png
Dark-Theme_Batch-Processing.png (126.53 KiB) Viewed 9148 times
(Tested with XnView MP 0.61 on Windows XP SP3)
Post Reply