Qt之LiteIDE中漂亮的几款QSS

1.

QStackedWidget, QLabel, QPushButton, QRadioButton, QCheckBox, 
QGroupBox, QStatusBar, QToolButton, QComboBox, QDialog  {
    background-color :  #222222 ;
    color :  #BBBBBB ;
    font-family :  "Segoe UI" ;
}


QWidget:window  {
    background :  #222222 ;
    color :  #BBBBBB ;
    font-family :  "Segoe UI" ;
}


QToolTip  {
    background-color :  #000000 ;
    border :  2px solid #333333 ;
    color :  yellow ;
}


QPushButton  {
    border :  1px solid #333333 ;
    padding :  4px ;
    min-width :  65px ;
    min-height :  12px ;
}

QPushButton:hover  {
    background-color :  #333333 ;
    border-color :  #444444 ;
}

QPushButton:pressed  {
    background-color :  #111111 ;
    border-color :  #333333 ;
    color :  yellow ;
}

QPushButton:disabled  {
    color :  #333333 ;
}


QCheckBox::indicator, QRadioButton::indicator, QTreeView::indicator  {
    width :  16px ;
    height :  16px ;
    background-color :  #111111 ;
    border :  1px solid #333333 ;
}

QRadioButton::indicator  {
    border-radius :  8px ;
}

QCheckBox::indicator::checked, QRadioButton::indicator::checked, QTreeView::indicator::checked  {
    background-color :  qradialgradient(cx:0.5, cy:0.5, fx:0.25, fy:0.15, radius:0.3, stop:0 #BBBBBB, stop:1 #111111) ;
}

QCheckBox::indicator:disabled, QRadioButton::indicator:disabled, QTreeView::indicator:disabled  {
    background-color :  #444444 ;
}

QCheckBox::indicator::checked:disabled, QRadioButton::indicator::checked:disabled, QTreeView::indicator::checked:disabled  {
    background-color :  qradialgradient(cx:0.5, cy:0.5, fx:0.25, fy:0.15, radius:0.3, stop:0 #BBBBBB, stop:1 #444444) ;
}


QComboBox  {
    background-color :  black ;
    border :  1px solid #333333 ;
    color :  white ;
    padding : 1px 2em 1px 3px ;
}

QComboBox::drop-down  {
    subcontrol-origin :  padding ;
    subcontrol-position :  top right ;
    border-left :  1px solid #333333 ;
}

QComboBox::down-arrow  {
    border :  2px solid #333333 ;
    width :  6px ;
    height :  6px ;
    background :  #5f5f5f ;
}


QGroupBox  {
    border :  2px solid #333333 ;
    margin-top :  2ex ;
}

QGroupBox::title  {
    color :  yellow ;
    subcontrol-origin :  margin ;
    subcontrol-position :  top left ;
    margin-left :  5px ;
}


QTabWidget::pane  {
    background :  #222222 ;
    border :  2px solid #333333 ;
}


QTabBar::tab  {
    background :  transparent ;
    border :  1px solid #333333 ;
    border-bottom :  none ;
    color :  #BBBBBB ;
    padding-left :  5px ;
    padding-right :  10px ;
    padding-top :  3px ;
    padding-bottom :  3px ;
}

QTabBar::tab:hover  {
    background-color :  #333333 ;
    border :  1px solid #444444 ;
    border-bottom :  none ;
}

QTabBar::tab:selected  {
    background-color :  #111111 ;
    border :  1px solid #333333 ;
    border-top :  1px solid yellow ;
    border-bottom :  none ;
    color :  yellow
}


QToolBar  {
    background-color :  #222222 ;
    border :  none ;
    padding :  1px ;
}

QToolBar:handle  {
    background :  #222222 ;
    border-left :  1px dotted yellow ;
    color :  #BBBBBB ;
}

QToolBar::separator  {
    width :  6px ;
    background-color :  #222222 ;
}


QToolButton  {
    border :  1px solid #333333 ;
    margin :  1px ;
}

QToolButton:hover  {
    background-color :  #333333 ;
    border :  1px solid #444444 ;
}

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

QToolButton::menu-button  {
    border-left :  1px solid #333333 ;
    background :  transparent ;
    width :  16px ;
}

QToolButton::menu-button:hover  {
    border-left :  1px solid #444444 ;
    background :  transparent ;
    width :  16px ;
}

QToolButton:checked, QToolButton:pressed  {
    background-color :  #111111 ;
    color :  yellow ;
}


QMenu  {
    background-color :  black ;
    border :  1px solid gray ;
    color :  white ;
    padding :  1px ;
}

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

QMenu::item:disabled  {
    color :  #666666 ;
}

QMenu::item:selected  {
    border-color :  gray ;
    background :  #222222 ;
}

QMenu::icon:checked  {

}

QMenu::separator  {
    height :  1px ;
    background :  #222222 ;
    margin-left :  10px ;
    margin-right :  10px ;
    margin-top :  1px ;
    margin-bottom :  1px ;
}

QMenu::indicator  {
    width :  13px ;
    height :  13px ;
}


QMenuBar  {
    background-color :  black ;
    color :  white ;
}

QMenuBar::item  {
    background :  transparent ;
}

QMenuBar::item:disabled  {
    color :  gray ;
}

QMenuBar::item:selected  {
    background :  #222222 ;
}

QMenuBar::item:pressed  {
    background :  #444444 ;
}
 

QScrollBar:vertical  {
    background :  #111111 ;
    width :  16px ;
    margin :  16px 0 16px 0 ;
}

QScrollBar::handle:vertical  {
    background :  #555555 ;
    min-height :  16px ;
}

QScrollBar::add-line:vertical  {
    background :  #444444 ;
    height :  16px ;
    subcontrol-position :  bottom ;
    subcontrol-origin :  margin ;
}

QScrollBar::sub-line:vertical  {
    background :  #444444 ;
    height :  16px ;
    subcontrol-position :  top ;
    subcontrol-origin :  margin ;
}

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

QScrollBar:up-arrow:vertical, QScrollBar:down-arrow:vertical  {
    border :  2px solid #333333 ;
    width :  6px ;
    height :  6px ;
    background :  #5f5f5f ;
}


QScrollBar:horizontal  {
    background :  #111111 ;
    height :  16px ;
    margin :  0 16px 0 16px ;
}

QScrollBar::handle:horizontal  {
    background :  #555555 ;
    min-width :  16px ;
}

QScrollBar::add-line:horizontal  {
    background :  #444444 ;
    width :  16px ;
    subcontrol-position :  right ;
    subcontrol-origin :  margin ;
}

QScrollBar::sub-line:horizontal  {
    background :  #444444 ;
    width :  16px ;
    subcontrol-position :  left ;
    subcontrol-origin :  margin ;
}

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

QScrollBar:left-arrow:horizontal, QScrollBar:right-arrow:horizontal  {
    border :  2px solid #333333 ;
    width :  6px ;
    height :  6px ;
    background :  #5f5f5f ;
}


QLineEdit, QListView, QTreeView, QTableView, QAbstractSpinBox  {
    background-color :  black ;
    color :  #BBBBBB ;
    border :  1px solid #333333 ;
}

QAbstractScrollArea, QLineEdit, QTextEdit, QAbstractSpinBox, QComboBox  {
    border-color :  #333333 ;
    border :  1px solid #333333 ;

}


QHeaderView::section  {
    background :  #222222 ;
    border :  0 ;
    color :  #BBBBBB ;
    padding :  3px 0 3px 4px ;
}


QListView::item:hover  {
    background :  #333333 ;
}

QListView::item:selected  {
    background :  #111111 ;
    color :  yellow ;
}


QTableView::item:hover  {
    background :  #333333 ;
}

QTableView::item:hover  {
    background :  #111111 ;
    color :  yellow ;
}


QTreeView::item  {
    background :  black ;
}

QTreeView::item:hover  {
    background :  #333333 ;
}

QTreeView::item:selected  {
    background :  #111111 ;
    color :  yellow ;
}

QTreeView::branch  {

}

QTreeView::branch:has-siblings:adjoins-item  {

}

QTreeView::branch:has-siblings:!adjoins-item  {

}

QTreeView::branch:closed:has-children:has-siblings  {

}

QTreeView::branch:has-children:!has-siblings:closed  {

}

QTreeView::branch:!has-children:!has-siblings:adjoins-item  {

}

QTreeView::branch:open:has-children:has-siblings  {

}

QTreeView::branch:open:has-children:!has-siblings  {

}


QFrame#infoLabel  {
    border :  1px inset #333333 ;
}

2.

.QWidget  {
   background-color :  beige ;
}

QToolBar  {
    background-color :  beige ;
}

QDialog, QFileDialog  {
    background-color :  beige ;
}

QTabWidget::pane  {  
    border-top :  2px solid #C2C7CB ;
}

QTabWidget::tab-bar  {
    left :  5px ;  
}

QTabBar, QTabWidget  {
    background-color :  beige ;
}
QTabBar::tab  {
     background :  qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #E1E1E1, stop: 0.4 #DDDDDD,
                                 stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3) ;
     border :  1px solid darkkhaki ;
     border-bottom-color :  #C2C7CB ;  
     border-top-left-radius :  4px ;
     border-top-right-radius :  4px ;
     min-width :  8ex ;
     padding :  2px ;
  }
QTabBar::tab:selected, QTabBar::tab:hover  {
    background :  qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                stop: 0 #fafafa, stop: 0.4 #f4f4f4,
                                stop: 0.5 #e7e7e7, stop: 1.0 #fafafa) ;
}

QTabBar::tab:selected  {
    border-color :  #9B9B9B ;
    border-bottom-color :  #C2C7CB ;  
}

QTabBar::tab:!selected  {
    margin-top :  2px ;  
}


QLineEdit[echoMode="2"]  {
    lineedit-password-character :  9679 ;
}

QHeaderView::section  {
     background-color :  qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                       stop:0 #616161, stop: 0.5 #505050,
                                       stop: 0.6 #434343, stop:1 #656565) ;
     color :  white ;
     padding-left :  4px ;
     border :  1px solid #6c6c6c ;
  }

 QHeaderView::section:checked
  {
     background-color :  red ;
  }



QPushButton  {
    background-color :  palegoldenrod ;
    border-width :  2px ;
    border-color :  darkkhaki ;
    border-style :  solid ;
    border-radius :  5 ;
    padding :  3px ;
    min-width :  9ex ;
    min-height :  2.5ex ;
}

QPushButton:hover  {
   background-color :  khaki ;
}


QPushButton:pressed  {
    padding-left :  5px ;
    padding-top :  5px ;
    background-color :  #d0d67c ;
}

QLabel, QAbstractButton  {
    font :  bold ;
}


.mandatory  {
    color :  brown ;
}


QStatusBar QLabel  {
   font :  normal ;
}

QStatusBar::item  {
    border-width :  1 ;
    border-color :  darkkhaki ;
    border-style :  solid ;
    border-radius :  2 ;
}

QStackedWidget, QComboBox, QLineEdit, QSpinBox, QTextEdit, QListView, QWebView, QTreeView, QHeaderView  {
    background-color :  cornsilk ;
    selection-color :  #0a214c ;  
    selection-background-color :  #C19A6B ;
}

QListView  {
    show-decoration-selected :  1 ;
}

QListView::item:hover  {
    background-color :  wheat ;
}


QLineEdit, QFrame  {
    border-width :  1px ;
    padding :  1px ;
    border-style :  solid ;
    border-color :  darkkhaki ;
    border-radius :  5px ;
}


QLineEdit:focus, QFrame:focus  {
    border-width :  3px ;
    padding :  0px ;
}


QLabel  {
    border :  none ;
    padding :  0 ;
    background :  none ;
}


QToolTip  {
    border :  2px solid darkkhaki ;
    padding :  5px ;
    border-radius :  3px ;
    opacity :  200 ;
}


QRadioButton:hover, QCheckBox:hover  {
    background-color :  wheat ;
}


QDialogButtonBox  {
    button-layout :  0 ;
}


3.

QStackedWidget, QLabel, QPushButton, QRadioButton, QCheckBox, 
QGroupBox, QStatusBar, QToolButton, QComboBox, QDialog, QTabBar  {
    font-family :  "Segoe UI" ;
    background-color :  #888 ;
    color :  #000 ;
}


QWidget:window  {
    font-family :  'Segoe UI' ;
    background-color :  #888 ;
}


QPushButton  {
    border :  1px solid #555 ;
    padding :  4px ;
    min-width :  65px ;
    min-height :  12px ;
}

QPushButton:hover  {
    background-color :  #999 ;
}

QPushButton:pressed  {
    background-color :  #333 ;
    border-color :  #555 ;
    color :  #AAA ;
}

QPushButton:disabled  {
    color :  #333333 ;
}


QComboBox  {
    background-color :  #AAA ;
    border :  1px solid #555 ;
    color :  black ;
}

QComboBox::drop-down  {
    subcontrol-origin :  padding ;
    subcontrol-position :  top right ;
    border-left :  1px solid #333333 ;
}


QGroupBox  {
    border :  1px solid #555 ;
    margin-top :  2ex ;
}

QGroupBox::title  {
    color :  black ;
    subcontrol-origin :  margin ;
    subcontrol-position :  top left ;     
    border :  1px solid #555 ;
}


QTabBar::tab  {
    border-bottom :  none ;
    color :  #000 ;
    padding :  4px ;
    background-color :  #888 ;
    border :  1px solid #555 ;
}

QTabBar::tab:hover  {
    background-color :  #AAA ;
}

QTabBar::tab:selected  {
    background-color :  #000 ;
    color :  white ;
}


QTabWidget::pane  {
    background :  #888 ;
    border :  1px solid #555 ;
}



QToolBar  {
    background :  #949494 ;
    border :  none ;
    padding-left :  0px ;
    padding-right :  0px ;
    margin :  2px ;
}

QToolBar::separator  {
    width :  1px ;
    margin-left :  3px ;
    margin-right :  3px ;
    background-color :  #555 ;
}


QToolButton  {
    border :  1px solid #666 ;
    margin :  1px ;
}

QToolButton:hover  {
    background-color :  #AAA ;
}

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

QToolButton::menu-button  {
    border-left :  1px solid #666 ;
    background :  transparent ;
    width :  16px ;
}

QToolButton::menu-button:hover  {
    border-left :  1px solid #666 ;
    background :  transparent ;
    width :  16px ;
}

QToolButton:checked, QToolButton:pressed  {
    background-color :  #000 ;
    border :  1px solid #555 ;
    color :  white ;
}


QScrollBar:vertical  {
    width :  16px ;
    margin :  16px 0 16px 0 ;
    background :  #333 ;
}

QScrollBar::handle:vertical  {
    background :  #888 ;
    min-height :  16px ;
    border-top :  1px solid #666 ;
    border-bottom :  1px solid #666 ;
}

QScrollBar::add-line:vertical  {
    background :  #888 ;
    height :  16px ;
    subcontrol-position :  bottom ;
    subcontrol-origin :  margin ;
}

QScrollBar::sub-line:vertical  {
    background :  #888 ;
    height :  16px ;
    subcontrol-position :  top ;
    subcontrol-origin :  margin ;
}

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


QScrollBar:horizontal  {
    height :  16px ;
    margin :  0 16px 0 16px ;
    background :  #333 ;
}

QScrollBar::handle:horizontal  {
    background :  #888 ;
    min-width :  16px ;
    border-left :  1px solid #666 ;
    border-right :  1px solid #666 ;
}

QScrollBar::add-line:horizontal  {
    background :  #888 ;
    width :  16px ;
    subcontrol-position :  right ;
    subcontrol-origin :  margin ;
}

QScrollBar::sub-line:horizontal  {
    background :  #888 ;
    width :  16px ;
    subcontrol-position :  left ;
    subcontrol-origin :  margin ;
}

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


QMenu  {
    background-color :  black ;
    border :  1px solid gray ;
    color :  white ;
    padding :  1px ;
}

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

QMenu::item:disabled  {
    color :  #666666 ;
}

QMenu::item:selected  {
    border-color :  gray ;
    background :  #222222 ;
}

QMenu::icon:checked  {

}

QMenu::separator  {
    height :  1px ;
    background :  #222222 ;
    margin-left :  10px ;
    margin-right :  10px ;
    margin-top :  1px ;
    margin-bottom :  1px ;
}

QMenu::indicator  {
    width :  13px ;
    height :  13px ;
}


QMenuBar  {
    background-color :  black ;
    color :  white ;
}

QMenuBar::item  {
    background :  transparent ;
}

QMenuBar::item:disabled  {
    color :  gray ;
}

QMenuBar::item:selected  {
    background :  #222222 ;
}

QMenuBar::item:pressed  {
    background :  #444444 ;
}

QLineEdit, QListView, QTreeView, QTableView, QAbstractSpinBox  {
    background-color :  #AAA ;
    color :  #000 ;
    border :  1px solid #555 ;
}

QAbstractScrollArea, QLineEdit, QTextEdit, QAbstractSpinBox, QComboBox  {
    border :  1px solid #555 ;
}


QHeaderView::section  {
    height :  20px ;
}

QHeaderView::section  {
    background :  #666 ;
    border :  0 ;
    color :  #000 ;
    padding-left :  4px ;
}


QListView::item:hover  {
    background :  #AAA ;
}

QListView::item:selected  {
    background :  #333 ;
    color :  #AAA ;
}


QTableView::item:hover  {
    background :  #333333 ;
}

QTableView::item:hover  {
    background :  #111111 ;
    color :  yellow ;
}


QTreeView::item  {
    background :  #AAA ;
}

QTreeView::item:hover  {
    background :  #CCC ;
}

QTreeView::item:selected  {
    background :  #333 ;
    color :  #AAA ;
}

QTreeView::branch  {

}

QTreeView::branch:has-siblings:adjoins-item  {

}

QTreeView::branch:has-siblings:!adjoins-item  {

}

QTreeView::branch:closed:has-children:has-siblings  {

}

QTreeView::branch:has-children:!has-siblings:closed  {

}

QTreeView::branch:!has-children:!has-siblings:adjoins-item  {

}

QTreeView::branch:open:has-children:has-siblings  {

}

QTreeView::branch:open:has-children:!has-siblings  {

}