/* * * 标题 :样式表-黑色 * * 说明 : 该文件是用于实现Qt开发过程中,使用qss换肤效果,以下url加载图片路径,均为资源路径。 * */ /**********主界面**********/ QWidget#MainWindow, QDialog,QWidget#frmMessageBox{ border:1px solid #656565; border-radius:0px; background-color: #434343; } /**********边框**********/ .QFrame{ border:1px solid #282828; border-radius:5px; } /**********自定义标题栏背景**********/ QWidget#wgtTitleBar{ background: #656565; } /**********自定义标题栏标签**********/ QLabel#lblTitle{ font-weight: bold; border-radius:0px; color: #FFFFFF; background-color:rgba(0,0,0,0); border-style:none; } QLabel#lblSystemIcon { border-image:url(:/skin/image/home.png); } /**********标签**********/ QLabel {color: #FFFFFF;} /**********输入框 & 文本编辑框**********/ QLineEdit, QTextEdit { color: #51ACFA; border: 0px; padding: 2px; background: #262626; selection-background-color: #0F7DBE; border: 1px solid #282828; } QLineEdit:hover, QTextEdit:hover, QLineEdit:focus, QTextEdit:focus{ /*border: 1px solid #51ACFA;*/ } QLineEdit:read-only, QTextEdit:read-only { selection-color: #FFFFFF; selection-background-color: #0F7DBE; } QLineEdit:disabled, QTextEdit:disabled { color: #909090; background: #696969; border: 0px; } QLineEdit[echoMode="2"] { lineedit-password-character: 9679; } /**********分组框**********/ .QGroupBox{ font: bold; color: #FFFFFF; border: 1px solid #282828; margin-top: 10px; /*background: #313131;*/ } .QGroupBox::title { subcontrol-origin: margin; subcontrol-position: left top; /* position at the left top */ left: 10px; } /**********按钮**********/ .QPushButton{ border-style: none; border: 1px solid #282828; color: #FFFFFF; padding: 2px; min-height: 20px; background: #363636; } .QPushButton:hover{ background: #535353; } .QPushButton:pressed{ background: #262626; } .QPushButton:disabled{ color: #909090; background: #696969; border: 0px; } /*****************标题栏按钮*******************/ QPushButton#btnMenu {image: url(:/skin/image/window_menu.png);} QPushButton#btnMinMenu {image: url(:/skin/image/window_min.png);} QPushButton#btnMaxMenu {image: url(:/skin/image/window_max.png);} QPushButton#btnMaxMenu[maximizeProperty="maximize"] {image: url(:/skin/image/window_max.png);} QPushButton#btnMaxMenu[maximizeProperty="restore"] {image: url(:/skin/image/window_restore.png);} QPushButton#btnCloseMenu {image: url(:/skin/image/window_close.png);} QPushButton#btnMenu,QPushButton#btnMinMenu,QPushButton#btnMaxMenu,QPushButton#btnCloseMenu{ border-radius:0px; color: #F0F0F0; background-color: rgba(0,0,0,0); border-style:none; } QPushButton#btnMenu:hover,QPushButton#btnMinMenu:hover,QPushButton#btnMaxMenu:hover{ background-color: #909090; } QPushButton#btnMenu:pressed,QPushButton#btnMinMenu:pressed,QPushButton#btnMaxMenu:pressed{ padding: 1px -1px -1px 1px; } QPushButton#btnCloseMenu:hover{ background-color: #909090; } QPushButton#btnCloseMenu:pressed{ padding: 1px -1px -1px 1px; } /**********复选框**********/ QCheckBox { color: #FFFFFF; spacing: 2px; } QCheckBox::indicator { width: 15px; height: 15px; } QCheckBox::indicator:unchecked { image: url(:/skin/image/dark/checkbox_unchecked.png); } QCheckBox::indicator:unchecked:hover { image: url(:/skin/image/dark/checkbox_unchecked_hover.png); } QCheckBox::indicator:unchecked:pressed { image: url(:/skin/image/dark/checkbox_unchecked_pressed.png); } QCheckBox::indicator:checked { image: url(:/skin/image/dark/checkbox_checked.png); } QCheckBox::indicator:checked:hover { image: url(:/skin/image/dark/checkbox_checked_hover.png); } QCheckBox::indicator:checked:pressed { image: url(:/skin/image/dark/checkbox_checked_pressed.png); } QCheckBox::indicator:checked:disabled { color: #909090; image: url(:/skin/image/dark/checkbox_checked_disabled.png); } QCheckBox::indicator:unchecked:disabled { color: #909090; image: url(:/skin/image/dark/checkbox_unchecked_disabled.png); } QCheckBox:disabled { color: #909090; } /**********单选框**********/ QRadioButton { color: #FFFFFF; spacing: 2px; } QRadioButton::indicator { width: 15px; height: 15px; } QRadioButton::indicator::unchecked { image: url(:/skin/image/dark/radiobutton_unchecked.png); } QRadioButton::indicator::unchecked:hover { image: url(:/skin/image/dark/radiobutton_unchecked_hover.png); } QRadioButton::indicator::unchecked:pressed { image: url(:/skin/image/dark/radiobutton_unchecked_pressed.png); } QRadioButton::indicator::checked { image: url(:/skin/image/dark/radiobutton_checked.png); } QRadioButton::indicator::checked:hover { image: url(:/skin/image/dark/radiobutton_checked_hover.png); } QRadioButton::indicator::checked:pressed { image: url(:/skin/image/dark/radiobutton_checked_pressed.png); } QRadioButton::indicator:checked:disabled { color: #909090; image: url(:/skin/image/dark/radiobutton_checked_disabled.png); } QRadioButton::indicator:unchecked:disabled { color: #909090; image: url(:/skin/image/dark/radiobutton_unchecked_disabled.png); } QRadioButton:disabled { color: #909090; } /**********下拉列表 & 日期编辑 & 时间编辑 & 日期时间编辑**********/ QComboBox,QDateEdit,QTimeEdit,QDateTimeEdit{ color: #51ACFA; background: #313131; padding: 1px 10px 1px 5px; border: 1px solid #282828; /*selection-background-color: #0F7DBE;*/ } QComboBox:disabled, QDateEdit:disabled, QTimeEdit:disabled, QDateTimeEdit:disabled{ color: #909090; background: #696969; border: 0px; } QComboBox:hover, QDateEdit:hover,QTimeEdit:hover, QDateTimeEdit:hover, QComboBox:focus, QDateEdit:focus, QTimeEdit:focus, QDateTimeEdit:focus{ /*border: 1px solid #51ACFA;*/ } QComboBox::drop-down,QDateEdit::drop-down { subcontrol-origin: padding; subcontrol-position: top right; width: 15px; border: 0px; } QComboBox::down-arrow,QDateEdit::down-arrow { image: url(:/skin/image/dark/arrow_down.png); } QComboBox::down-arrow:hover,QDateEdit::down-arrow:hover { image: url(:/skin/image/dark/arrow_down_hover.png); } QComboBox::down-arrow:pressed,QDateEdit::down-arrow:pressed { image: url(:/skin/image/dark/arrow_down_pressed.png); } QComboBox::down-arrow:disabled,QDateEdit::down-arrow:disabled { image: url(:/skin/image/dark/arrow_down_disabled.png); } QComboBox QAbstractItemView { border: 1px solid #282828; color: #FFFFFF; background: #313131; selection-color: #51ACFA; selection-background-color: #262626; } QComboBox QAbstractItemView::item { min-height: 20px; } /**********菜单栏**********/ /*QMenuBar { background-color: #F2F2F2; } QMenuBar::item { color: #1A1A1A; spacing: 3px; padding: 2px 8px; background: transparent; border: 2px solid transparent; } QMenuBar::item:selected { background: transparent; } QMenuBar::item:pressed { color: #50A3F0; border-bottom: 2px solid #50A3F0; } QMenu { background-color:#FAFAFB; margin: 2px; } QMenu::item { padding: 2px 40px 2px 12px; } QMenu::indicator { width: 13px; height: 13px; } QMenu::item:hover, QMenu::item:selected { color: #F0F0F0; background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #0F7DBE, stop:1 #1582C3); } QMenu::item:disabled { color: #787878; background: transparent; } QMenu::separator { height: 1px; background: #B1B1B1; } QMenu::right-arrow { padding: 2px 0 0 5px; }*/ /**********进度条**********/ QProgressBar { text-align: center; color: #FFFFFF; border-radius: 0px; background: #313131; border: 1px solid #282828; } QProgressBar::chunk { width: 5px; background-color: #4088C5; } /**********滑动条**********/ QSlider::groove:horizontal,QSlider::add-page:horizontal { background: #313131; height: 6px; border-radius: 3px; } QSlider::sub-page:horizontal { height: 6px; border-radius: 3px; background-color: #4088C5; } QSlider::handle:horizontal { width: 12px; margin-top: -3px; margin-bottom: -3px; border-radius: 6px; background: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5,stop:0.6 #4088C5, stop:0.778409 #FFFFFF); } QSlider::handle:horizontal:hover { background: qradialgradient(spread: pad, cx: 0.5, cy: 0.5, radius: 0.5, fx: 0.5, fy: 0.5, stop: 0.6 #51ACFA,stop:0.778409 #FFFFFF); } QSlider::groove:vertical,QSlider::sub-page:vertical { background: #313131; width: 6px; border-radius: 3px; } QSlider::add-page:vertical { width: 6px; border-radius: 3px; background-color: #4088C5; } QSlider::handle:vertical { height: 12px; margin-left: -3px; margin-right: -3px; border-radius: 6px; background: qradialgradient(spread: pad, cx: 0.5, cy: 0.5, radius: 0.5, fx: 0.5, fy: 0.5, stop: 0.6 #4088C5, stop:0.778409 #FFFFFF); } QSlider::handle:vertical:hover { background: qradialgradient(spread: pad, cx: 0.5, cy: 0.5, radius: 0.5, fx: 0.5, fy: 0.5, stop: 0.6 #51ACFA,stop:0.778409 #FFFFFF); } /**********滚动条-水平**********/ QScrollBar:horizontal { height:10px; background-color: #313131; padding-left: 10px; padding-right: 10px; border-radius: 5px; } QScrollBar::handle:horizontal { height:10px; border-radius: 5px; margin: 0px -10px 0px -10px; background: #666666; } QScrollBar::handle:horizontal:hover { height:10px; background: #909090; } QScrollBar::add-line:horizontal { height:0px; width:0px; } QScrollBar::sub-line:horizontal { height:10px; width:10px; subcontrol-position: left; subcontrol-origin: margin; background-color: transparent; } QScrollBar::add-page:horizontal,QScrollBar::sub-page:horizontal { height:10px; background-color: transparent; } /**********滚动条-垂直**********/ QScrollBar:vertical { width:10px; background-color: #313131; padding-top: 10px; padding-bottom: 10px; border-radius: 5px; } QScrollBar::handle:vertical { width:10px; border-radius: 5px; margin: -10px 0px -10px 0px; background: #666666; } QScrollBar::handle:vertical:hover { width:10px; background: #909090; } QScrollBar::add-line:vertical { height:0px; width:0px; } QScrollBar::sub-line:vertical { height:10px; width:10px; subcontrol-position: top; subcontrol-origin: margin; background-color: transparent; } QScrollBar::add-page:vertical,QScrollBar::sub-page:vertical { width:10px; background-color: transparent; } /**********滚动区域**********/ QScrollArea { border: 0px ; } /**********树形表 & 列表 & 表格**********/ QTreeView,QListView,QTableView { color: #51ACFA; border: 1px solid #424242; selection-background-color: #FFFFFF; selection-color: #FFFFFF; background-color: #191919; alternate-background-color: #3A3A3A; outline: #282828; } QTableView::item:selected, QListView::item:selected, QTreeView::item:selected { color: #FFFFFF; background: #424242; } QTableView::item:hover, QListView::item:hover, QTreeView::item:hover { color: #FFFFFF; background: #424242; } QTableView::item, QListView::item, QTreeView::item { margin: 0px; } QTableView::item:disabled, QListView::item:disabled, QTreeView::item:disabled { color: #909090; background: none; border: none; } QTableView QTableCornerButton::section { background: #424242; } QTableView::indicator:unchecked, QListView::indicator:unchecked, QTreeView::indicator:unchecked{ image: url(:/skin/image/dark/checkbox_unchecked.png); } QTableView::indicator:unchecked:hover, QListView::indicator:unchecked:hover, QTreeView::indicator:unchecked:hover { image: url(:/skin/image/dark/checkbox_unchecked_hover.png); } QTableView::indicator:unchecked:pressed, QListView::indicator:unchecked:pressed, QTreeView::indicator:unchecked:pressed { image: url(:/skin/image/dark/checkbox_unchecked_pressed.png); } QTableView::indicator:checked, QListView::indicator:checked, QTreeView::indicator:checked { image: url(:/skin/image/dark/checkbox_checked.png); } QTableView::indicator:checked:hover, QListView::indicator:checked:hover, QTreeView::indicator:checked:hover { image: url(:/skin/image/dark/checkbox_checked_hover.png); } QTableView::indicator:checked:pressed, QListView::indicator:checked:pressed, QTreeView::indicator:checked:pressed { image: url(:/skin/image/dark/checkbox_checked_pressed.png); } /**********表头**********/ QHeaderView { background: #424242;} QHeaderView::section { padding:3px; margin:0px; color: #FFFFFF; border: 1px solid #282828; background: #424242; } QHeaderView::section:horizontal { padding:3px; margin:0px; color: #FFFFFF; border: 1px solid #282828; border-bottom: 1px solid #487191; background: #424242; } QTabWidget::pane { /* The tab widget frame */ border: 1px solid #282828; border-radius: 0px; background: #535353; top: -1px; } /**********页签项**********/ QTabBar::tab { border-bottom-left-radius:0px; border-bottom-right-radius:0px; color: #A6A6A6; min-width: 60px; min-height: 20px; padding: 3px 8px 3px 8px; margin:1px 2px 0px 0px; background: #363636; border: 1px solid #282828; } QTabBar::tab:selected, QTabBar::tab:hover { color: #51ACFA; background: #535353; border-bottom: 1px solid transparent; } /**********状态栏**********/ QStatusBar::item { border: 1px solid #282828; } /**********微调器**********/ QSpinBox, QDoubleSpinBox { color: #51ACFA; border: 1px solid #282828; padding: 2px; border: 0px; background: #262626; selection-background-color: #0F7DBE; } QSpinBox:disabled, QDoubleSpinBox:disabled { color: #909090; background: #696969; border: 0px; } QSpinBox:hover, QDoubleSpinBox:hover, QSpinBox:focus, QDoubleSpinBox:focus{ /*border: 1px solid #51ACFA;*/ } QSpinBox::up-button, QDoubleSpinBox::up-button, QDateEdit::up-button, QTimeEdit::up-button, QDateTimeEdit::up-button { subcontrol-origin: border; subcontrol-position: top right; width: 16px; background: transparent; border-top-right-radius: 3px; } QSpinBox::up-arrow, QDoubleSpinBox::up-arrow, QDateEdit::up-arrow, QTimeEdit::up-arrow, QDateTimeEdit::up-arrow { image: url(:/skin/image/dark/arrow_up.png); width: 7px; height: 7px; } QSpinBox::up-arrow:hover, QDoubleSpinBox::up-arrow:hover, QDateEdit::up-arrow:hover, QTimeEdit::up-arrow:hover, QDateTimeEdit::up-arrow:hover { image: url(:/skin/image/dark/arrow_up_hover.png); } QSpinBox::up-arrow:pressed, QDoubleSpinBox::up-arrow:pressed, QDateEdit::up-arrow:pressed, QTimeEdit::up-arrow:pressed, QDateTimeEdit::up-arrow:pressed { image: url(:/skin/image/dark/arrow_up_pressed.png); } QSpinBox::up-arrow:disabled, QDoubleSpinBox::up-arrow:disabled, QDateEdit::up-arrow:disabled, QTimeEdit::up-arrow:disabled, QDateTimeEdit::up-arrow:disabled { image: url(:/skin/image/dark/arrow_up_disabled.png); } QSpinBox::up-button:disabled, QSpinBox::up-button:off, QDoubleSpinBox::up-button:disabled, QDoubleSpinBox::up-button:off, QDateEdit::up-button:disabled, QDateEdit::up-button:off, QTimeEdit::up-button:disabled, QTimeEdit::up-button:off, QDateTimeEdit::up-button:disabled, QDateTimeEdit::up-button:off { background: transparent; } QSpinBox::down-button, QDoubleSpinBox::down-button, QDateEdit::down-button, QTimeEdit::down-button, QDateTimeEdit::down-button { subcontrol-origin: border; subcontrol-position: bottom right; width: 16px; background: transparent; border-bottom-right-radius: 3px; } QSpinBox::down-arrow, QDoubleSpinBox::down-arrow, QDateEdit::down-arrow, QTimeEdit::down-arrow, QDateTimeEdit::down-arrow { image: url(:/skin/image/dark/arrow_down.png); width: 7px; height: 7px; } QSpinBox::down-arrow:hover, QDoubleSpinBox::down-arrow:hover, QDateEdit::down-arrow:hover, QTimeEdit::down-arrow:hover, QDateTimeEdit::down-arrow:hover { image: url(:/skin/image/dark/arrow_down_hover.png); } QSpinBox::down-arrow:pressed, QDoubleSpinBox::down-arrow:pressed, QDateEdit::down-arrow:pressed, QTimeEdit::down-arrow:pressed, QDateTimeEdit::down-arrow:pressed { image: url(:/skin/image/dark/arrow_down_pressed.png); } QSpinBox::down-arrow:disabled, QDoubleSpinBox::down-arrow:disabled, QDateEdit::down-arrow:disabled, QTimeEdit::down-arrow:disabled, QDateTimeEdit::down-arrow:disabled { image: url(:/skin/image/dark/arrow_down_disabled.png); } QSpinBox::down-button:disabled, QSpinBox::down-button:off, QDoubleSpinBox::down-button:disabled, QDoubleSpinBox::down-button:off, QDateEdit::down-button:disabled, QDateEdit::down-button:off, QTimeEdit::down-button:disabled, QTimeEdit::down-button:off, QDateTimeEdit::down-button:disabled, QDateTimeEdit::down-button:off { /* off state when value in min */ background: transparent; } /**********工具箱**********/ QToolBox::tab { border: 1px solid #282828; background: #535353; border-radius: 0px; } QToolBox::tab:selected { background: #363636; } /**********浮动窗口**********/ QDockWidget { color: #FFFFFF; titlebar-close-icon: url(:/skin/image/dark/window_close.png); titlebar-normal-icon: url(:/skin/image/dark/window_restore.png); } QDockWidget::title { text-align: left; background: #656565; padding: 5px; border:1px solid #282828; } QDockWidget::close-button, QDockWidget::float-button { background: transparent; padding: 0px; icon-size: 14px; } QDockWidget::close-button:hover, QDockWidget::float-button:hover { background: #909090; border: 0px; } QDockWidget::close-button:pressed, QDockWidget::float-button:pressed { padding: 1px 0px -1px 1px; } QDockWidget::close-button { subcontrol-position: top right; subcontrol-origin: margin; position: absolute; top: 0px; right: 5px; bottom: 0px; width: 12px; } QDockWidget::float-button { subcontrol-position: top right; subcontrol-origin: margin; position: absolute; top: 0px; right: 25px; bottom: 0px; width: 14px; }