Xnview MP Dark UI Enhancement

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

Moderators: XnTriq, xnview

orbspider
Posts: 135
Joined: Tue May 22, 2012 5:42 pm
Location: uk
Contact:

Re: Xnview MP Dark UI Enhancement

Postby orbspider » Mon Feb 11, 2013 2:11 pm

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: 4869
Joined: Sun Sep 25, 2005 3:00 am
Location: Ref Desk

Re: Xnview MP Dark UI Enhancement

Postby XnTriq » Mon Feb 11, 2013 5:30 pm

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 » Browser) 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;
}

orbspider
Posts: 135
Joined: Tue May 22, 2012 5:42 pm
Location: uk
Contact:

Re: Xnview MP Dark UI Enhancement

Postby orbspider » Thu Feb 14, 2013 2:32 pm

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: 4869
Joined: Sun Sep 25, 2005 3:00 am
Location: Ref Desk

Re: Xnview MP Dark UI Enhancement

Postby XnTriq » Fri Feb 15, 2013 4:30 am

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 » Customizing QMainWindow) 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;
}

orbspider
Posts: 135
Joined: Tue May 22, 2012 5:42 pm
Location: uk
Contact:

Re: Xnview MP Dark UI Enhancement

Postby orbspider » Fri Feb 15, 2013 5:18 pm

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: 4869
Joined: Sun Sep 25, 2005 3:00 am
Location: Ref Desk

Re: Xnview MP Dark UI Enhancement

Postby XnTriq » Fri Feb 15, 2013 8:00 pm

orbspider wrote:It's good to have a librarian around!

Yep, we're the unsung heroes :P

orbspider (Qt Stylesheet Snippet Repository) 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 (Qt Stylesheet Snippet Repository) wrote:Unfortunately, none of those affect the line arrowed in the following image:

Image

orbspider
Posts: 135
Joined: Tue May 22, 2012 5:42 pm
Location: uk
Contact:

Re: Xnview MP Dark UI Enhancement

Postby orbspider » Sat Feb 16, 2013 1:03 am

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: 4869
Joined: Sun Sep 25, 2005 3:00 am
Location: Ref Desk

Re: Xnview MP Dark UI Enhancement

Postby XnTriq » Sat Feb 16, 2013 4:00 am

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: 4869
Joined: Sun Sep 25, 2005 3:00 am
Location: Ref Desk

Re: Xnview MP Dark UI Enhancement

Postby XnTriq » Sun Feb 17, 2013 4:00 am

@Pierre: Can you make the border “styleable” by setting QTabBar::drawBase() to false?


User avatar
xnview
Author of XnView
Posts: 27086
Joined: Mon Oct 13, 2003 7:31 am
Location: France
Contact:

Re: Xnview MP Dark UI Enhancement

Postby xnview » Thu Apr 11, 2013 2:33 pm

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: 4869
Joined: Sun Sep 25, 2005 3:00 am
Location: Ref Desk

Re: Xnview MP Dark UI Enhancement

Postby XnTriq » Thu Apr 11, 2013 4:00 pm

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 (Qt Stylesheet Snippet Repository) 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: 27086
Joined: Mon Oct 13, 2003 7:31 am
Location: France
Contact:

Re: Xnview MP Dark UI Enhancement

Postby xnview » Fri Apr 12, 2013 6:18 am

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

Postby Evil_D » Mon Jul 01, 2013 11:41 am

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: 4869
Joined: Sun Sep 25, 2005 3:00 am
Location: Ref Desk

Re: Xnview MP Dark UI Enhancement

Postby XnTriq » Wed Jul 03, 2013 12:15 am

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: 8116
Joined: Sun Oct 12, 2003 6:47 pm
Location: Frankfurt, Germany

Re: Xnview MP Dark UI Enhancement

Postby helmut » Wed Oct 09, 2013 8:49 pm

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 3570 times

(Tested with XnView MP 0.61 on Windows XP SP3)


Return to “Customization”

Who is online

Users browsing this forum: No registered users and 1 guest