Please help me create this ACDSee Pro8 theme

[Xn User]

Please , help me create this theme
I can not find in XnViewer where can set colors on all what me need ) example is example theme ,
but I now I use as on Screenshot_3626 , I want monolithic color but can not find where this can do ? Thank you

[Xn User]

I understand what me need colorize all red zones in color as in green zone ) but I not known which parameters in ini file linked with this zones ) if possible , help me )

[XnTriq]

Have you tried to change background-color of…

• MyThumbListView
• QAbstractScrollArea
• QDockWidget QWidget
• QTreeView
• QTreeView::item

Tools » Settings... » Browser » Preview background color

[Xn User]

Yes , but color apply not in all places
In 4.zip my profile ) What mot so ?

[XnTriq]

I'm not sure what you mean.

Code: Select all

QDialog {
background-color: red;
}

[Xn User]

I created style for XnView MP as in ACDSee Pro ) enjoy

[Xn User]

But at all , need create theme editor in XnView MP , what to user can tune style easy , without edit style_sheet_win.qss file )

[Xn User]

You can use my this style as main for XnView MP )
But I will finalize it soon

[Xn User]

Last one question ) here I can set colors for this section ? I want what on white was be black font or colorize in gray , but where I this can set ?

Code: Select all

QMainWindow{
   /*background-color: rgb(55, 55, 55);
   selection-color:red;
   color: red;*/
}
QWidget {
  background: #373737;
  border: 0px;
  color: white;
}
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(55, 55,55);
   border-top: 1px solid orange;
   color:rgb(220, 220, 220);
}
QDockWidget::title
{
   background-color: rgb(55, 55, 55);
   border: 1px solid black;
   padding: 0.4em;
}
QDockWidget  .QWidget{
   background-color: rgb(55, 55, 55);
   color: rgb(200,200,200);
   border: 0px solid red;
}
QDockWidget QScrollArea{
    border: 0px solid rgb(155, 155,55);
}
QHeaderView::section{
   color: rgb(220,220,220);
}
QHeaderView::section{
   background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(55, 55,55), 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));
}
QTreeView#UIGroup_TreeView QHeaderView::section:first{
    border-left: 1px solid black;
}
QTreeView{
    background-color: rgb(55, 55,55);
    alternate-background-color:  rgb(55, 55,55);
    border: 1px solid black;
}
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::indicator{
    border: 0px solid red;
    width: 14px;
    height: 16px;
}
QTreeView#UIGroup_TreeView{
    background-color: rgb(40, 40, 40);
    alternate-background-color:  rgb(50, 50, 50);
    border: 0px solid black;
}
QMenuBar{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(120, 120, 120), stop:1 rgb(55, 55,55));
}
QMenuBar::item{
    background-color: transparent;
    color: rgb(220, 220, 220);
}
QDialog{
    background-color:  rgb(25, 25, 25);
    border: 0px solid black;
}
QDialog QWidget#qt_scrollarea_viewport > QWidget {
    border: 1px solid black;
}
QDialog WScrollArea{
   background-color: rgb(40, 40, 40);
}
QTabWidget::pane { /* The tab widget frame */
     border: 1px solid black;
     margin-top:-1px;
}
/*enum QTabBar::Shape QTabBar::RoundedNorth=0, QTabBar::RoundedSouth=1 */
QTabBar{
    background-color: transparent;
    border:0px solid red;
}
QTabBar::tab{
    background-color: rgb(40, 40, 40);
    color: rgb(200, 200, 200);
    /*border: 1px solid black;*/
}
QScrollBar::add-page, QScrollBar::sub-page {
    background: none;
}

[Xn User]

I'm fix this bug , now you can redownload this version with fix )
I'm updated this several times )

Code: Select all

QMainWindow{
   /*background-color: rgb(55, 55, 55);
   border: 10px solid red;
   selection-background-color: red;
   selection-color:red;
   color: red;*/
}
QWidget {
  background: #373737;
  border: 0px;
  color: white;
}
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(55, 55,55);
   border-top: 1px solid orange;
   color:rgb(220, 220, 220);
}
QDockWidget::title
{
   background-color: rgb(55, 55, 55);
   border: 1px solid black;
   padding: 0.4em;
}
QDockWidget  .QWidget{
   background-color: rgb(55, 55, 55);
   color: rgb(200,200,200);
   border: 0px solid red;
}
QDockWidget QScrollArea{
    border: 0px solid rgb(155, 155,55);
}
QHeaderView::section{
   color: rgb(220,220,220);
}
QHeaderView::section{
   background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(55, 55,55), 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));
}
QTreeView#UIGroup_TreeView QHeaderView::section:first{
    border-left: 1px solid black;
}
QTreeView{
    background-color: rgb(55, 55,55);
    alternate-background-color:  rgb(55, 55,55);
    border: 1px solid black;
}
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::indicator{
    border: 0px solid red;
    width: 14px;
    height: 16px;
}
QTreeView#UIGroup_TreeView{
    background-color: rgb(40, 40, 40);
    alternate-background-color:  rgb(50, 50, 50);
    border: 0px solid black;
}
QMenuBar{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(120, 120, 120), stop:1 rgb(55, 55,55));
}
QMenuBar::item{
    background-color: transparent;
    color: rgb(220, 220, 220);
}
QDialog{
    background-color:  rgb(25, 25, 25);
    border: 0px solid black;
}
QDialog QWidget#qt_scrollarea_viewport > QWidget {
    border: 1px solid black;
}
QDialog WScrollArea{
   background-color: rgb(40, 40, 40);
}
QTabWidget::pane { /* The tab widget frame */
     border: 1px solid black;
     margin-top:-1px;
}
/*enum QTabBar::Shape QTabBar::RoundedNorth=0, QTabBar::RoundedSouth=1 */
QTabBar{
    background-color: transparent;
    border:0px solid red;
}
QTabBar::tab{
    background-color: rgb(40, 40, 40);
    color: rgb(200, 200, 200);
    /*border: 1px solid black;*/
}
QScrollBar::add-page, QScrollBar::sub-page {
    background: none;
}
QAbstractScrollArea {
    alternate-background-color: transparent;
    border: 0px solid lime;
    margin: 0px;
}
/* Menu */
QMenuBar::item:selected, QMenu::item:selected{
    background-color: #555555;
    color: white;
}
/* Tabs */
QTabBar::tab:selected{
    background-color: #555555;
}
/* File Tabs */
MyTabBar::tab:!selected:hover{
    background-color: #555555;
    color: white;
}
/* Tool Buttons */
QToolButton::hover, QToolButton::checked, QToolButton::pressed{
    background-color: #555555;
}
/* List/Tree Selections */
QListView{
    selection-background-color: #555555;
    selection-color: black;
}
QListView::item:selected, QTreeView::item:selected{
    background-color: #555555;
    color: white;
}
/* Text Edit Boxes */
QTextEdit, QLineEdit, QSpinBox, QDoubleSpinBox, QComboBox:editable{   
    selection-background-color: #555555;
    selection-color: white;

[XnTriq]

But at all , need create theme editor in XnView MP , what to user can tune style easy , without edit style_sheet_win.qss file )

I support this request.

PS:

Editor for qt stylesheet (qss). Real-time preview, and user can define varibles in qss.

[Xn User]

Thank you )

[Xn User]

Update
added buttons and a little improved design )

Code: Select all

/* fix group box */
QGroupBox{
    color: rgb(200, 200, 200);
    background-color: rgb(45, 45, 45);
    border: 1px solid black;
    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(45, 45, 45);
    color: rgb(220,220,220);
    border: 1px solid black;
   selection-background-color:  rgb(60, 60, 60) ;
   selection-color: rgb(220, 220, 220);
}
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);
 }
QScrollBar{
    background-color:  rgb(40, 40, 40);
}
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 16px 0px;
}
QScrollBar::handle{
    background-color: rgb(90, 90, 90);
    border: 1px solid black;
}
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: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::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;
}
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;
}

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;
}
QMainWindow{
   /*background-color: rgb(55, 55, 55);
   border: 10px solid red;
   selection-background-color: red;
   selection-color:red;
   color: red;*/
}
QWidget {
  background: #2D2D2D;
  border: 0px;
  color:rgb(200, 200, 200);
}
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(45, 45,45);
   border-top: 1px solid orange;
   color:rgb(200, 200, 200);
}
QDockWidget::title
{
   background-color: rgb(55, 55, 55);
   border: 1px solid black;
   padding: 0.4em;
}
QDockWidget  .QWidget{
   background-color: rgb(45, 45, 45);
   color: rgb(200,200,200);
   border: 0px solid red;
}
QDockWidget QScrollArea{
    border: 0px solid rgb(45, 45,45);
}
QHeaderView::section{
   color: rgb(200,200,200);
}
QHeaderView::section{
   background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(45, 45,45), 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));
}
QTreeView#UIGroup_TreeView QHeaderView::section:first{
    border-left: 1px solid black;
}
QTreeView{
    background-color: rgb(45, 45,45);
    alternate-background-color:  rgb(45, 45,45);
    border: 1px solid black;
}
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(200,200,200);
    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::indicator{
    border: 0px solid red;
    width: 14px;
    height: 16px;
}
QTreeView#UIGroup_TreeView{
    background-color: rgb(40, 40, 40);
    alternate-background-color:  rgb(50, 50, 50);
    border: 0px solid black;
}
QMenuBar{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(120, 120, 120), stop:1 rgb(45, 45,45));
}
QMenuBar::item{
    background-color: transparent;
    color: rgb(200, 200, 200);
}
QDialog{
    background-color:  rgb(25, 25, 25);
    border: 0px solid black;
}
QDialog QWidget#qt_scrollarea_viewport > QWidget {
    border: 1px solid black;
}
QDialog WScrollArea{
   background-color: rgb(40, 40, 40);
}
QTabWidget::pane { /* The tab widget frame */
     border: 1px solid black;
     margin-top:-1px;
}
/*enum QTabBar::Shape QTabBar::RoundedNorth=0, QTabBar::RoundedSouth=1 */
QTabBar{
    background-color: transparent;
    border:0px solid red;
}
QTabBar::tab{
    background-color: rgb(40, 40, 40);
    color: rgb(200, 200, 200);
    /*border: 1px solid black;*/
}
QScrollBar::add-page, QScrollBar::sub-page {
    background: none;
}
QAbstractScrollArea {
    alternate-background-color: transparent;
    border: 0px solid lime;
    margin: 0px;
}
/* Menu */
QMenuBar::item:selected, QMenu::item:selected{
    background-color: #648FB4;
    color: white;
}
/* Tabs */
QTabBar::tab:selected{
    background-color: #648FB4;
}
/* File Tabs */
MyTabBar::tab:!selected:hover{
    background-color: #648FB4;
    color: white;
}
/* Tool Buttons */
QToolButton::hover, QToolButton::checked, QToolButton::pressed{
    background-color: #648FB4;
}
/* List/Tree Selections */
QListView{
    selection-background-color: #648FB4;
    selection-color: black;
}
QListView::item:selected, QTreeView::item:selected{
    background-color: #648FB4;
    color: white;
}
/* Text Edit Boxes */
QTextEdit, QLineEdit, QSpinBox, QDoubleSpinBox, QComboBox:editable{   
    selection-background-color: #648FB4;
    selection-color: white;

[xnview]

I created style for XnView MP as in ACDSee Pro ) enjoy

Thanks for the theme. What's the problem with Dark theme?

[Xn User]

I showed , your dark theme not harmonious , in your theme look ridiculous bands black in dark gray theme ) see here viewtopic.php?p=202769#p202769 as be atomized or separated elements of theme ) in all theme not solid )