XnView MP & theme

Ideas for improvements and requests for new features in XnView MP

Moderators: XnTriq, xnview

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

XnView MP & theme

Post by xnview » Mon Oct 20, 2008 9:47 am

In 0.1 you can edit style, i've made a little dark theme, you can enhance it
Pierre.

User avatar
oops66
XnThusiast
Posts: 1999
Joined: Tue Jul 17, 2007 1:17 am
Location: France

Re: XnView MP & theme

Post by oops66 » Mon Oct 20, 2008 11:29 am

xnview wrote:In 0.1 you can edit style, i've made a little dark theme, you can enhance it
Great, I will try latter !
XnViewMP 0.82 Linux X64 - Ubuntu 16.04 LTS - X64

User avatar
JohnFredC
XnThusiast
Posts: 2010
Joined: Wed Mar 17, 2004 8:33 pm
Location: Sarasota Florida

Post by JohnFredC » Mon Oct 20, 2008 3:36 pm

Cool! I'll work up something I like and maybe post it!

Edit:

Awwwww. It doesn't remember! :(
John

User avatar
JohnFredC
XnThusiast
Posts: 2010
Joined: Wed Mar 17, 2004 8:33 pm
Location: Sarasota Florida

Post by JohnFredC » Mon Oct 20, 2008 4:08 pm

OK. Here's a quick theme that exaggerates all of the missing elements that need to be included in a theme definition (but aren't).

Also obvious is all of the extra little screen junk the QT controls have embedded in them (in all of the themes) that are not controllable by the current theme definition. For instance: control borders around the toolbar, the toolbar dividers, superfluous borders around each panel, etc.

IMO thumbnail colors should also be included in the theme definition.

I think this theme works best with the "Clean Looks" style.

Code: Select all

QMainWindow { 
	background-color: #323232; 
	color: #dddddd; 
} 
QTreeView { 
	background-color: #717171; 
	color: #dddddd; 
	alternate-background-color: #303030; 
} QListView { 
	background-color: #303030; 
	color: #dddddd; 
 } 
 QTextEdit { 
	background-color: #717171; 
	color: #dddddd; 
 } 
QScrollBar:horizontal {
	height: 20px; 
 }
QScrollBar:vertical {
	width: 20px; 
 }
QTabWidget::pane {
	border-top: 2px solid #C2C7CB;
 }
.QLabel { 
	color: white;  
} 
 
.QCheckBox { 
	color: white;  
} 
 
.QRadioButton{ 
	color:white; 
} 
John

User avatar
Clo
XnThusiast
Posts: 4441
Joined: Sun Oct 17, 2004 4:57 am
Location: Bordeaux, France
Contact:

Black is blaaaack……

Post by Clo » Mon Oct 20, 2008 8:52 pm

:arrow: JohnFredC

:) Again…

• I had a look again now, and closing the edition box (doing nothing),
now all the browser BGs are black, impossible to go back… till I close¦restart.

• That script looks like a CSS like a pair of twins… Really inconvenient to customize a programme,
despite I'm in the habit to write (huge) style-sheets… :(

:mrgreen: KR
Claude
Clo
Old user ON SELECTIVE STRIKE till further notice

User avatar
JohnFredC
XnThusiast
Posts: 2010
Joined: Wed Mar 17, 2004 8:33 pm
Location: Sarasota Florida

Post by JohnFredC » Mon Oct 20, 2008 10:25 pm

Hi Clo

Here is how that theme looks on my system:


Image
John

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

Post by xnview » Tue Oct 21, 2008 5:59 am

JohnFredC wrote: Here is how that theme looks on my system:
Is it a good start?
Pierre.

User avatar
JohnFredC
XnThusiast
Posts: 2010
Joined: Wed Mar 17, 2004 8:33 pm
Location: Sarasota Florida

Post by JohnFredC » Tue Oct 21, 2008 12:36 pm

Yes!!! :D
John

User avatar
oops66
XnThusiast
Posts: 1999
Joined: Tue Jul 17, 2007 1:17 am
Location: France

Post by oops66 » Tue Oct 21, 2008 1:19 pm

Sympa your theme John !
Adopted + oops66 custom :

************************* Oops#666666 Theme :D *******************************

Code: Select all

QMainWindow {
   background-color: #666666;
   color: #cccccc;
}
QTreeView {
   background-color: #666666;
   color: #cccccc;
   alternate-background-color: #333333;
} QListView {
   background-color: #333333;
   color: #cccccc;
 }
 QTextEdit {
   background-color: #666666;
   color: #cccccc;
 }
QScrollBar:horizontal {
   height: 20px;
 }
QScrollBar:vertical {
   width: 20px;
 }
QTabWidget::pane {
   border-top: 2px solid #cccccc;
 }
.QLabel {
   color: white; 
}
 
.QCheckBox {
   color: white; 
}
 
.QRadioButton{
   color:white;
}
Image
XnViewMP 0.82 Linux X64 - Ubuntu 16.04 LTS - X64

User avatar
JohnFredC
XnThusiast
Posts: 2010
Joined: Wed Mar 17, 2004 8:33 pm
Location: Sarasota Florida

Post by JohnFredC » Tue Oct 21, 2008 2:10 pm

Defining themes in this way makes it so easy to try them out and to share them! Perhaps I'll make some alternatives and post them.

Here's (just the beginning of) an idea:

I conceive of five separate groups of settings we users might be likely to share individually: Workspaces, Layout Groups, Themes, Thumb Definitions, and Behaviors.

Behaviors:

Keyboard shortcuts
File format save options
Startup options, etc.

Thumb Definitions:

Borders, Spacing
Colors
Label layout
Icon visibility and placement

Themes:

All interface colors
File-list colors
Flag to override colors in Thumb Definition
Toolbar skin

Layout Groups:

Panel visibilities, positions, and splitter locations for each internal layout

Workspaces:

Link to Layout Group
Link to Theme
Link to Thumbnail Definition
Link to Behaviors Definition
Initial (default) layout
Default Browser sorting order
Default Browser filter
Default thumb size
Default Path
Toolbar Definition
More...


To my way of thinking, each Workspace could have all: a Layout Group, a Theme, and a Thumbnail Definition, and a Behavior Definition... or any combination.

Users could share an entire workspace or only a single component, such as a theme.

Menu options/toolbar buttons would make switching between themes, etc quick and easy. XnView would be come almost chameleon-like and save some of us a lot of time!
John

User avatar
oops66
XnThusiast
Posts: 1999
Joined: Tue Jul 17, 2007 1:17 am
Location: France

2 ini files (xnview.ini & theme.ini)

Post by oops66 » Wed Oct 29, 2008 6:01 pm

+1, I agree.
To be able to share easier the themes and the others custom cosmetics settings, it would be interesting in this case to have two XnView.ini file, one for the normal setting(xnview.ini), and an other one for a custom cosmetic setting (theme.ini, including the theme and the others stuffs).
XnViewMP 0.82 Linux X64 - Ubuntu 16.04 LTS - X64

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

Re: XnView MP & theme

Post by xnview » Fri Nov 07, 2008 9:01 am

Pierre.


User avatar
oops66
XnThusiast
Posts: 1999
Joined: Tue Jul 17, 2007 1:17 am
Location: France

Re: XnView MP & theme

Post by oops66 » Tue Sep 29, 2009 9:45 pm

An other example of dark theme to copy/paste into the setting theme area (View\Style\Theme...)

Code: Select all

QMainWindow {
background-color: #454545;
color: #dddddd;
}
QTreeView {
background-color: #454545;
color: #dddddd;
alternate-background-color: #515151;
} QListView {
background-color: #454545;
color: #dddddd;
}
QTextEdit {
background-color: #454545;
color: #dddddd;
}
QScrollBar:horizontal {
height: 10px;
}
QScrollBar:vertical {
width: 10px;
}
QTabWidget::pane {
border-top: 2px solid #C2C7CB;
}
.QLabel {
color: #000000;
}

.QCheckBox {
color: #000000;
}

.QRadioButton{
color:#000000;
}
XnViewMP 0.82 Linux X64 - Ubuntu 16.04 LTS - X64

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

Re: XnView MP & theme

Post by xnview » Wed Mar 31, 2010 9:49 am

Style documentation has been updated
http://doc.trolltech.com/4.6/stylesheet ... -qcheckbox

If someone has a good theme, please post it
Pierre.

Post Reply