Disappearing Checkboxes!

m.Th. · Post by **m.Th.** » Sat May 18, 2013 9:52 am

In order to show how many items of your selection have a certain Category you can use a checkbox with its classical three states (see for a full discussion of a GUI design on the matter here: http://newsgroup.xnview.com/viewtopic.php?f=60&t=27999 )

Checked: All items have the said category
Unchecked: None of the items have the said category
Grayed: Some of the items have the category

...the problem is that in XnViewMP the grayed state is very grayed:

: Screen-2013-05-16_11-33.png (2.05 KiB) Viewed 1999 times

To reproduce: Put on two photos the "Friends" Category. Select three photos.
Expected: Next to "Friends" Category should appear a grayed checkbox. (see Windows for an example)
Actual: the Checkbox disappears

Pierre, can you put a better 'grayed' checkbox on there?

Post by **xnview** » Mon Jun 10, 2013 8:58 am

I don't understand, the checkbox disapears?
Or the problem is with the dark grey?

oops66 · Post by **oops66** » Mon Jun 10, 2013 9:54 am

m.Th. wrote:...To reproduce: Put on two photos the "Friends" Category. Select three photos.
Expected: Next to "Friends" Category should appear a grayed checkbox. (see Windows for an example)
Actual: the Checkbox disappears

Pierre, can you put a better 'grayed' checkbox on there?

Hello,
Right, same here (but only with this my dark theme bellow) ... but , even if the gray is the same(the box & background), you can check the box and it works here... So a parameter need to be changed into this custom dark theme.

View\Theme\Dark Theme:

Code: Select all

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
:disabled{
   color: rgb(130,130, 130);
}


/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
QMainWindow{
	background-color: rgb(83, 83, 83);
   /*background-color: rgb(83, 83, 83);
   border: 10px solid red;
   selection-background-color: red;
   selection-color:red;
   color: red;*/
}

QMainWindow::separator {
}

QMainWindow::separator:hover {
}


/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
QPushButton{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(90, 90, 90), stop:1 rgb(60, 60, 60));
    border: 1px solid black;
    color:rgb(220,220,220);
    padding: 1ex 2ex;
}

QPushButton::hover{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(150, 150, 150), stop:1 rgb(120, 120, 120));
    color:rgb(255,255,255);
}

QPushButton:pressed{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(120, 120, 120), stop:1 rgb(90, 90, 90));
}

QDialogButtonBox > QPushButton, QDialog > QPushButton, QWizard > QWidget > QPushButton{
    min-width: 5em;
    min-height: 1.4em;
}

QPushButton#m_pbFolderTpl, QPushButton#m_pbFilenameTpl, QPushButton#m_pbInfo, QPushButton#m_pbSoundPlay
{
   background-color:transparent;
   border: 0px solid red;

}

QPushButton[text="..."]{
    min-width: 1em;
}

QPushButton#m_pbAdvancedSetting{
   background-color:transparent;
   border:0px solid red;
   padding: 0ex 0ex;
}

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
QDockWidget
{ 
   background-color: rgb(90, 90, 90);
   border-top: 1px solid orange;
   color:rgb(220, 220, 220);
}

QDockWidget::title
{
   background-color: rgb(90, 90, 90);
   border: 2px groove rgb(70, 70, 70);

   padding: 0.4em;
}

QDockWidget  .QWidget{
   background-color: rgb(66, 66, 66);
   color: rgb(200,200,200);
   border: 0px solid red;
}

QDockWidget QScrollArea{
    border: 0px solid rgb(90, 90, 90);
}

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
QHeaderView::section{
   color: rgb(220,220,220);
}

QHeaderView::section{
   background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(90, 90, 90), stop:1 rgb(60, 60, 60));
   padding: 1ex;
}

QHeaderView::section:first{
   border-top: 0px solid black;
   border-right: 0px solid black;
   border-bottom: 1px solid black;
   border-left: 0px solid black;
}

QHeaderView::section:middle{
   border-top: 0px solid black;
   border-right: 0px solid black;
   border-bottom: 1px solid black;
   border-left: 1px solid black;
}

QHeaderView::section:last{
   border-top: 0px solid black;
   border-right: 0px solid black;
   border-bottom: 1px solid black;
   border-left: 1px solid black;
}

QHeaderView::section:hover{
     background-color:  qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(150, 150, 150), stop:1 rgb(120, 120, 120));
}

QHeaderView::section:pressed{
     background-color:  qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(150, 150, 150), stop:1 rgb(120, 120, 120));
}

 /* style the sort indicator */
QHeaderView::down-arrow {
    image: url("UI:arrow_down_V2.png");

    width: 10px;
    height: 10px;

    padding-right: 1ex;
}

QHeaderView::up-arrow {
    image: url("UI:arrow_up_V2.png");

    width: 10px;
    height: 10px;

    padding-right: 1ex;
}

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


/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
QScrollBar{
    background-color:  rgb(66, 66, 66);
}

QScrollBar::add-page, QScrollBar::sub-page {
    background: none;
}

QScrollBar::horizontal{
    border: 1px solid rgb(90, 90, 90);
    border-left: 0px solid red;
    border-right: 0px solid red;

    margin: 0px 16px 0px 16px;
}

QScrollBar::vertical {
    border: 1px solid rgb(90, 90, 90);
    border-top: 0px solid red;
    border-bottom: 0px solid red;

    margin: 16px 0px 2px 0px;
}

QScrollBar::handle{
    background-color: rgb(90, 90, 90);
   border: 2px groove rgb(70, 70, 70);
}

QScrollBar::handle:horizontal{
    min-width: 20px;
}

QScrollBar::handle:vertical{
    min-height: 20px;
}

QScrollBar::handle:hover {
    background-color: rgb(130, 130, 130);
}

QScrollBar::handle:pressed {
    background-color: rgb(180, 180, 180);
}

QScrollBar::add-line:horizontal {
    background-color: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 rgb(60, 60, 60), stop:1 rgb(90, 90, 90));
    border: 1px solid rgb(90, 90, 90);
    border-left:0px;
    
    width: 15px;
    subcontrol-position: right;
    subcontrol-origin: margin;
}

QScrollBar::sub-line:horizontal{
    background-color: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 rgb(90, 90, 90), stop:1 rgb(60, 60, 60));
    border: 1px solid rgb(90, 90, 90);
    border-right:0px;

    width: 15px;
    subcontrol-position: left;
    subcontrol-origin: margin;
}

QScrollBar::add-line:horizontal:hover{
    background-color: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 rgb(100, 100, 100), stop:1 rgb(150, 150, 150));
}

QScrollBar::sub-line:horizontal:hover{
    background-color: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 rgb(150, 150, 150), stop:1 rgb(100, 100, 100));
}

QScrollBar::add-line:horizontal:pressed{
    background-color: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 rgb(130, 130, 130), stop:1 rgb(180, 180, 180));
}

QScrollBar::sub-line:horizontal:pressed{
    background-color: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 rgb(180, 180, 180), stop:1 rgb(130, 130, 130));
}

QScrollBar::add-line:vertical {
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(60, 60, 60), stop:1 rgb(90, 90, 90));
    border: 1px solid rgb(90, 90, 90);
    border-top:0px;

    height: 15px;
    subcontrol-position: bottom;
    subcontrol-origin: margin;
}

QScrollBar::sub-line:vertical{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(90, 90, 90), stop:1 rgb(60, 60, 60));
    border: 1px solid rgb(90, 90, 90);
    border-bottom:0px;

    height: 15px;
    subcontrol-position: top;
    subcontrol-origin: margin;
}

QScrollBar::add-line:vertical:hover{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(100, 100, 100), stop:1 rgb(150, 150, 150));
}

QScrollBar::sub-line:vertical:hover{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(150, 150, 150), stop:1 rgb(100, 100, 100));
}

QScrollBar::add-line:vertical:pressed{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(130, 130, 130), stop:1 rgb(180, 180, 180));
}

QScrollBar::sub-line:vertical:pressed{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(180, 180, 180), stop:1 rgb(130, 130, 130));
}

QScrollBar::left-arrow:horizontal{
    background-image: url("UI:arrow_left_V2.png");
    background-position: center;
} 

QScrollBar::right-arrow{
    background-image: url("UI:arrow_right_V2.png");
    background-position: center;
}

QScrollBar::up-arrow:vertical{
    background-image: url("UI:arrow_up_V2.png");
    background-position: center;
}

QScrollBar::down-arrow:vertical{
    background-image: url("UI:arrow_down_V2.png");
    background-position: center;
}


/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
QSplitter{
    background-color: transparent;
    border: 0px solid red;
}

QSplitter::handle{
    background-color: rgb(40,40,40);
    border: 0px solid green;
}


/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
QScrollArea {
    background-color: transparent;
    border: 0px solid red;
}

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
QTreeView{
    background-color: rgb(90, 90, 90);
    alternate-background-color:  rgb(100, 100, 100);
   border: 2px groove rgb(70, 70, 70);
}

QTreeView:active{
    selection-background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(80, 80, 80), stop:1 rgb(60, 60, 60));
}

QTreeView:!active{
    selection-background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(80, 80, 80), stop:1 rgb(70, 70, 70));
}

QTreeView::item{
    color: rgb(220,220,220);
    border: 0px solid green;
}

QTreeView::item:alternate{
}

QTreeView::item:selected:!active{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(80, 80, 80), stop:1 rgb(70, 70, 70));
}

QTreeView::item:selected:active{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(80, 80, 80), stop:1 rgb(60, 60, 60));
}

QTreeView::item:hover{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(80, 80, 80), stop:1 rgb(60, 60, 60));
}

QTreeView::branch:closed:has-children:!has-siblings, QTreeView::branch:closed:has-children:has-siblings{
    image: url(UI:treeview_arrow_right.png);
}

QTreeView::branch:open:has-children:!has-siblings, QTreeView::branch:open:has-children:has-siblings{
    image: url(UI:treeview_arrow_down.png);
}

QTreeView::indicator{
    border: 0px solid red;
    width: 14px;
    height: 16px;
}

QTreeView::indicator:unchecked{
     image: url(UI:checkbox_unchecked.png);
 }

QTreeView::indicator:unchecked:disabled{
     image: url(UI:checkbox_unchecked_disabled.png);
 }

QTreeView::indicator:checked{
     image: url(UI:checkbox_checked.png);
 }

QTreeView::indicator:checked:disabled{
     image: url(UI:checkbox_checked_disabled.png);
}

QTreeView#UIGroup_TreeView{
    background-color: rgb(66, 66, 66);
    alternate-background-color:  rgb(50, 50, 50);
    border: 0px solid black;
}


QTreeView#UIGroup_TreeView:active{
    selection-background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(110, 110, 110), stop:1 rgb(100, 100, 100));
}

QTreeView#UIGroup_TreeView:!active{
    selection-background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(80,80, 80), stop:1 rgb(70, 70, 70));
}


QTreeView#UIGroup_TreeView::item:selected:!active{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(80,80, 80), stop:1 rgb(70, 70, 70));
}

QTreeView#UIGroup_TreeView::item:selected:active{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(110, 110, 110), stop:1 rgb(100, 100, 100));
}

QTreeView#UIGroup_TreeView::item:hover{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(110, 110, 110), stop:1 rgb(100, 100, 100));
}


/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
MyThumbListView{
	background-color: black; 
}

QListView{
	background-color: rgb(83, 83, 83);

   border: 2px groove rgb(70, 70, 70);
    padding: 5px 2px 5px 10px;
    margin: 0px 3px 0px 0px;


}

QListView::item{
    color: rgb(20,20,20);
}

QListView::item:alternate{
 }

QListView::item:selected{
    color: rgb(83,83,83);
}

QListView::item:selected:!active{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(60, 60, 60), stop:1 rgb(60, 60, 60));
}

QListView::item:selected:active{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(90, 90, 90), stop:1 rgb(60, 60, 60));
 }

QListView::item:hover{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(90, 90, 90), stop:1 rgb(60, 60, 60));
}

QListView#UIGroup_ListView{
    background-color: rgb(66, 66, 66);
    border: 0px solid black;
    selection-background-color: rgb(60, 60, 60); 
}



/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
QTableView{
    background-color: rgb(180, 180, 180);
}


/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
QMenuBar{
    /*background-color: rgb(66, 66, 66);*/
    /*background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(30, 30, 30), stop:1 rgb(60, 60, 60));*/
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(120, 120, 120), stop:1 rgb(100, 100, 100));
   border-bottom: 2px groove rgb(80, 80, 80);
}

QMenuBar::item{
    background-color: transparent;
    color: rgb(220, 220, 220);
}

QMenuBar::item:selected{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(180, 180, 180), stop:1 rgb(130, 130, 130));
    color: rgb(220, 220, 220);
}


/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
QMenu{
    background-color: rgb(83, 83, 83);
    color: rgb(220, 220, 220);
    border: 0px solid red;
    padding: 5px; 
}

QMenu::item{
    background-color: transparent; 
    border: 1px solid transparent;
    padding: 2px 25px 2px 20px; 
}

QMenu::item:selected{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(150, 150, 150), stop:1 rgb(100, 100, 100));
    border: 1px solid transparent;
    color:rgb(220, 220, 220);
}

QMenu::separator{
border-bottom: 2px groove rgb(70, 70, 70);
   height: 1px;
   background-color: rgb(70, 70, 70);
   margin: 5px 5px 5px 5px;
} 


/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
QDialog{
    background-color:  rgb(83, 83, 83);
    border: 0px solid black;
}

QDialog QWidget#qt_scrollarea_viewport > QWidget {
    border: 1px solid black;
}

QDialog WScrollArea{
   background-color: rgb(66, 66, 66);
}



/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
QTabWidget::pane { /* The tab widget frame */
     border: 1px solid transparent;
     margin:-1px 0px 2px 0px;
}

 
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*enum QTabBar::Shape QTabBar::RoundedNorth=0, QTabBar::RoundedSouth=1 */
QTabBar{
    background-color: transparent;
    border:0px solid red;
}

QTabBar::tab{
    background-color: rgb(66, 66, 66);
    color: rgb(200, 200, 200);
    /*border: 1px solid black;*/
}

QTabBar[shape="0"]::tab{
	min-width:3em;
    padding: 1ex 3ex;
}

MyTabBar[shape="0"]::tab:selected{
    border-bottom-color: rgb(120, 120, 120);
}

QTabBar[shape="0"]::tab:selected{
	background-color: rgb(120, 120, 120);
    border-bottom-color: rgb(66, 66, 66);
}

MyTabWidget::tab-bar {
	left: 1px; 
}

MyTabBar::tab:selected{
	color: rgb(60, 60, 60); 
    background-color: rgb(120, 120, 120); 
    /*border-left-color: green; */
    /*border: 2px solid rgb(30, 144, 255);*/
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
}

MyTabBar[shape="0"]::tab:selected{
	border-bottom-color: rgb(120, 120, 120); 
}

MyTabWidget::pane{
	padding: 1px 0px; 
}

QTabBar[shape="2"]::tab{
	min-height:3em;
    padding: 3ex 1ex;
}

QTabBar[shape="2"]::tab:selected{
	background-color: rgb(120, 120, 120);
    border-left:1px solid rgb(30, 144, 255);
}

/*
QTabBar::tab:first:selected{
    margin-left: 0px;
    margin-right: -2px;
} 

QTabBar::tab:middle:selected{
    margin-left: 0px;
    margin-right: -2px;
 }

QTabBar::tab:last:selected{
    margin-left: 0px;
    margin-right: 0px;
}
*/

QTabBar[shape="0"]::tab:!selected{
    margin-top: 2px;
}

/*QTabBar::tab:first:!selected{
    border-left:1px solid black;
    border-right:1px solid black;
}

QTabBar::tab:middle:!selected{
    border-left:0px solid red;
    border-right:1px solid black;
}*/

QTabBar::tab:last:!selected{
    border-left:0px solid red;
    border-right:1px solid black;
}

QTabBar::tab:!selected:hover{
     background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(90, 90, 90), stop:1 rgb(60, 60, 60)); 
}

QTabBar[shape="1"]::tab:selected{
    border-top-color: rgb(66, 66, 66);
    margin-left: 0px;
    margin-right: -2px;
}

QTabBar[shape="1"]::tab:!selected{
    margin-bottom: 2px;
}

QTabBar[shape="0"]::tab:selected{
    border-top-color: rgb(30, 144, 255);
}

QTabBar[shape="1"]::tab:selected{
    border-bottom-color: rgb(30, 144, 255);
}

/*QTabBar[shape="2"]::tab:selected{
    border-left-color: rgb(30, 144, 255);
}*/

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
QProgressBar{
    background-color:  qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(90, 90, 90), stop:1 rgb(60, 60, 60));
    border: 1px solid black;
}

QProgressBar::chunk{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgba(180, 180, 180, 100), stop:1 rgba(60, 60, 60, 60));
    border: 1px solid rgba(180, 180, 180, 200);
    margin: 2px 2px 2px 2px;

}


/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
QToolBar{
    border: 0px;
}

QToolBar:horizontal{
    /*background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(60, 60, 60), stop:1 rgb(90, 90, 90));*/
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(100, 100, 100), stop:1 rgb(83, 83, 83));

   border-bottom: 2px groove rgb(70, 70, 70);




}

QToolBar:vertical{
    background-color: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 rgb(90, 90, 90), stop:1 rgb(60, 60, 60));

}

QToolBar:separator{

   background-color:qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 rgb(180, 180, 180), stop:1 rgb(90, 90, 90));;

   border-bottom: 1px solid black;
 
   width:1px;
   height:1px;
   margin:5px;

}

QToolBar#UIPanosView_ToolBar{
    border-top: 1px solid black;
    border-bottom: 0px solid red;

}

QToolBar#UIGroupsView_ToolBar{
    border-top: 1px solid black;
    border-bottom: 0px solid red;

}

QToolBar#UIGroup_ToolBar{
    border-bottom: 1px solid black;

}

QToolBar#UIPano_ToolBar{
    border-bottom: 1px solid black;


}

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
QSlider::groove:horizontal {
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(180, 180, 180), stop:1 rgb(140, 140, 140));
    border: 1px solid rgb(60, 60, 60);
    height: 4px; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */
    margin: 0px 10px 0px 0px;
}

QSlider::handle:horizontal {
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(180, 180, 180), stop:1 rgb(140, 140, 140));

    border: 1px solid rgb(60, 60, 60);
    width: 8px;
    margin: -2px 0; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */
    border-radius: 2px;

 }

QSlider::handle:horizontal:hover {
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(220, 220, 220), stop:1 rgb(180, 180, 180));
}

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
QStatusBar{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(60, 60, 60), stop:1 rgb(90, 90, 90));
    color: rgb(220, 220, 220);
    border: 0px solid red;
}

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
DlgSettings QToolButton {
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(90, 90, 90), stop:1 rgb(60, 60, 60));
border: 2px groove rgb(70, 70, 70); 
    color:rgb(220,220,220);
    /*padding: 1ex 2ex;*/
}

DlgSettings QTabWidget::pane {
	background-color: rgb(83, 83, 83); 
border: 2px groove rgb(70, 70, 70); 
}

DlgSettings QTabBar[shape="0"]::tab:selected {
	background-color: rgb(60, 60, 60); 
	color: rgb(83, 83, 83); 
	border-top:1px solid rgb(30, 144, 255); 
	/*border-top-color: rgb(30, 144, 255);*/
}

QToolButton {
   background-color: transparent;
    border: 0px solid red;
    color:rgb(220, 220, 220);
margin: 2px 0px 2px 0px;
}

QToolButton#m_tbClose{
    background-color: transparent;
}

QToolButton::hover{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(150, 150, 150), stop:1 rgb(120, 120, 120));
}

QToolButton::checked{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(180, 180, 180), stop:1 rgb(150, 150, 150));
}

QToolButton::pressed{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(120, 120, 120), stop:1 rgb(90, 90, 90));
}

QToolButton[popupMode="1"]{
    padding-right: 10px; 
} 

QToolButton::menu-button{
    border: 0px solid red;
} 

QToolButton::menu-button:hover{
   background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(180, 180, 180), stop:1 rgb(150, 150, 150)); 
}

QToolButton::menu-button:pressed{

} 

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
QLabel, QCheckBox, QRadioButton{
    color: rgb(220, 220, 220);
}

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
QSpinBox, QDoubleSpinBox {
   background-color:  qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(180, 180, 180), stop:1 rgb(150, 150, 150));   
   border: 1px solid black;
   padding:0px;

   selection-background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(120, 120, 120), stop:1 rgb(90, 90, 90));
   selection-color: rgb(83, 83, 83);
}


QSpinBox::up-button, QSpinBox::down-button, QDoubleSpinBox::up-button, QDoubleSpinBox::down-button {
     subcontrol-origin: border;
     width: 16px;
     border-width: 0px;
 }

QSpinBox::up-button, QDoubleSpinBox::up-button {
     subcontrol-position: top right;     
}

QSpinBox::down-button, QDoubleSpinBox::down-button {
     subcontrol-position: bottom right;
}

QSpinBox::up-arrow, QDoubleSpinBox::up-arrow {
     border-image: url(UI:spinbox_up.png);
     height:7px;
 }

QSpinBox::down-arrow, QDoubleSpinBox::down-arrow {
     border-image: url(UI:spinbox_down.png);
     height:7px;
}


/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
QCheckBox::indicator:unchecked{
     image: url(UI:checkbox_unchecked.png);
 }

QCheckBox::indicator:unchecked:disabled{
     image: url(UI:checkbox_unchecked_disabled.png);
 }

QCheckBox::indicator:checked{
     image: url(UI:checkbox_checked.png);
 }

QCheckBox::indicator:checked:disabled{
     image: url(UI:checkbox_checked_disabled.png);
 }

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
QRadioButton::indicator:unchecked{
     image: url(UI:radiobutton_unchecked.png);
 }

QRadioButton::indicator:unchecked:disabled{
     image: url(UI:radiobutton_unchecked_disabled.png);
 }

QRadioButton::indicator:checked{
     image: url(UI:radiobutton_checked.png);
 }

QRadioButton::indicator:checked:disabled{
     image: url(UI:radiobutton_checked_disabled.png);
 }

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
QLineEdit{
   background-color:  qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(180, 180, 180), stop:1 rgb(150, 150, 150));   

   padding:0px;
margin: -1px 0px 1px -1px;


   color:black;

   selection-background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(120, 120, 120), stop:1 rgb(90, 90, 90));
   selection-color: black;
}

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
QComboBox{
     border: 1px solid black;
     padding: 0px 18px 0px 3px;		
 }

QComboBox:!editable, QComboBox::drop-down:editable{
     background-color:  qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(180, 180, 180), stop:1 rgb(150, 150, 150)); 
 }

QComboBox:editable{
     background-color:  qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(180, 180, 180), stop:1 rgb(150, 150, 150)); 
 
    selection-background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(120, 120, 120), stop:1 rgb(90, 90, 90));
    selection-color: rgb(83, 83, 83);
}

QComboBox:!editable:on, QComboBox::drop-down:editable:on{
     background-color:  qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(180, 180, 180), stop:1 rgb(150, 150, 150));
}

QComboBox::drop-down{
     subcontrol-origin: padding;
     subcontrol-position: top right;
     width: 15px;
     border: 0px;
}

QComboBox::down-arrow{
     image: url(UI:dropdown_arrow.png);
}


/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/* fix group box */
QGroupBox{
    color: rgb(200, 200, 200);
    background-color: rgb(90, 90, 90);
border: 2px groove rgb(70, 70, 70); 

    margin-top: 1.1em; /* leave space at the top for the title */ 
    margin-bottom: 0.1em; /* leave space at the top for the title */ 

    font-weight: bold;
}

QGroupBox::title{
    border: 0px solid red;

    subcontrol-origin: margin;
    top: 0px;
}

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
QTextEdit{
    background-color: rgb(83, 83, 83);
    color: rgb(220,220,220);
    border: 2px groove rgb(70, 70, 70);

   selection-background-color:  rgb(60, 60, 60) ;
   selection-color: rgb(220, 220, 220);
margin: 3px 0px 3px 0px;
}


/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
QToolTip{
      background-color:  qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(180, 180, 180), stop:1 rgb(150, 150, 150)); 
}


/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
QWizard{
}

QWizard .QWidget{
      background-color: rgb(40,40,40);
      color:rgb(220,220,220);
}

QWizard .QFrame{
      background-color: rgb(40,40,40);
      color:rgb(220,220,220);
}

QWizard  > .QWidget > .QLabel{
      background-color: rgb(40,40,40);
      color:rgb(220,220,220);
}

QWizard QListView{
      background-color: rgb(60,60,60);
      color:rgb(220,220,220);
}


QWizardPage .QFrame{
    background-color: transparent;
    border: 1px solid black;
}

SearchLineEdit{
   background-color:  qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(180, 180, 180), stop:1 rgb(150, 150, 150)); 
	border: 1px solid black;
	padding: 0px; 
}

SearchLineEdit>QLineEdit{
   background-color:  qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(180, 180, 180), stop:1 rgb(150, 150, 150)); 
  
}

/*QProgressBar::chunk{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgba(255, 167, 0, 128), stop:1 rgba(255, 167, 0, 0));
    border: 1px solid rgba(250, 167, 0, 255);
}*/

Post by **xnview** » Mon Jun 10, 2013 10:09 am

oops66 wrote: Right, same here (but only with this my dark theme bellow) ...

no checkbox?

oops66 · Post by **oops66** » Mon Jun 10, 2013 10:12 am

xnview wrote:
oops66 wrote: Right, same here (but only with this my dark theme bellow) ...
no checkbox?

(... Si, il y a une case, mais invisible car de la même couleur que le fond gris

- cocher une photo. "Friend" puis après sélectionner 2 photos (une taggée Friend et l'autre non) )
... there is a box, but invisible because of the same color as the gray background;-)

Post by **xnview** » Mon Jun 10, 2013 10:34 am

So make this box with more light grey, right?

oops66 · Post by **oops66** » Mon Jun 10, 2013 10:38 am

xnview wrote:So make this box with more light grey, right?

...Yes

m.Th. · Post by **m.Th.** » Wed Jun 12, 2013 4:16 pm

oops66 wrote:
xnview wrote:So make this box with more light grey, right?
...Yes

+1 (sorry for the delay)

m.Th. · Post by **m.Th.** » Thu Jun 13, 2013 8:18 am

xnview wrote:So make this box with more light grey, right?

...an interesting thing to note is that in the UI subfolder you have PNG images for the following Checkbox states:
- checked+enabled
- checked+disabled
- unchecked+enabled
- unchecked+disabled

Perhaps the 'grayed' state (enabled and disabled) is missing?

m.Th. · Post by **m.Th.** » Mon Jul 22, 2013 8:45 am

Hoooray!!!

After many many years I fixed this one!

Go to the Dark theme (btw, why Dark theme isn't the default? - it IS the default in any other program on the market - without it it gives a very oldish and non functional look to XnView) and in the style_sheet.qss tab (the 1st one) add the marked lines:

Code: Select all

QTreeView::indicator:checked:disabled{
     image: url(UI:checkbox_checked_disabled.png);
}

/*--------==============================---- From here! ---- */
QTreeView::indicator:indeterminate{
     image: url(UI:checkbox_indeterminate.png);
 }

QTreeView::indicator:indeterminate:disabled{
     image: url(UI:checkbox_indeterminate_disabled.png);
 }

/*--------==============================---- Till here! ---- */

QTreeView#UIGroup_TreeView{
    background-color: rgb(40, 40, 40);
    alternate-background-color:  rgb(50, 50, 50);
    border: 0px solid black;
}

...and in the UI folder add the following two files referenced above:

: checkbox_indeterminate.png (257 Bytes) Viewed 1783 times

: checkbox_indeterminate_disabled.png (211 Bytes) Viewed 1783 times

oops66 · Post by **oops66** » Mon Jul 22, 2013 12:29 pm

m.Th. wrote:Hoooray!!!
After many many years I fixed this one!
Go to the Dark theme (btw, why Dark theme isn't the default? - it IS the default in any other program on the market - without it it gives a very oldish and non functional look to XnView) and in the style_sheet.qss tab (the 1st one) add the marked lines:
Code: Select all
QTreeView::indicator:checked:disabled{
     image: url(UI:checkbox_checked_disabled.png);
}

/*--------==============================---- From here! ---- */
QTreeView::indicator:indeterminate{
     image: url(UI:checkbox_indeterminate.png);
 }

QTreeView::indicator:indeterminate:disabled{
     image: url(UI:checkbox_indeterminate_disabled.png);
 }

/*--------==============================---- Till here! ---- */

QTreeView#UIGroup_TreeView{
    background-color: rgb(40, 40, 40);
    alternate-background-color:  rgb(50, 50, 50);
    border: 0px solid black;
}
...and in the UI folder add the following two files referenced above:
The attachment checkbox_indeterminate.png is no longer available

The attachment checkbox_indeterminate_disabled.png is no longer available

Hello,
Congratulations ... that's works ... thank you
... +1, Yes Dark theme should be the theme by default

XnView Software

Disappearing Checkboxes!

Disappearing Checkboxes!

Re: Disappearing Checkboxes!

Re: Disappearing Checkboxes!

Re: Disappearing Checkboxes!

Re: Disappearing Checkboxes!

Re: Disappearing Checkboxes!

Re: Disappearing Checkboxes!

Re: Disappearing Checkboxes!

Re: Disappearing Checkboxes!

Re: Disappearing Checkboxes!

Re: Disappearing Checkboxes!