/*深色*/ $main1 = #00f0ff; $main2 = #104366; $main3 = #001220; $main4 = #033d67; $main5 = #001d46; $main6 = #b3d7f9; $background = #032448; $border = #0070a2; $grad1a = #072d48; $grad1b = #0d3756; $text1 = #00b0ff; $text2 = #5783ae; $diabled = #325371; $path = dark; /*浅色*/ $main1 = #096ae4; $main2 = #eceff2; $main3 = #FDFDFD; $main4 = #d9e8fd; $main5 = #f4f8fb; $main6 = #b3d7f9; $background = #FDFDFD; $border = #B2B9C3; $grad1a = #EEEEEF; $grad1b = #DADADF; $text1 = #333333; $text2 = #666666; $diabled = #cccccc; $path = light; QWidget { font: 10pt "Microsoft YaHei"; color: $text1; background:$background; outline:none; } QWidget:disabled { color:$text2; border-color: $diabled; } QFrame{ color: $text1; background-color: $background;/*不能设置为transparent*/ } QMainWindow::separator{ border: 1px solid $border; border-style: outset; width: 4px; height: 4px; } QMainWindow::separator:hover{ background: $main4; } QSplitter::handle{ border: 0px solid $border; width: 4px; height: 4px; } QSplitter::handle:hover{/*splitter->handle(1)->setAttribute(Qt::WA_Hover, true);才生效*/ border-color: $main1; background-color: $main4; } QSplitter::handle:pressed{ border-color: $main1; background-color: $main4; } QSizeGrip{ background-color: none; } /* =============================================== */ /* Label */ /* =============================================== */ QLabel { background: transparent; border: 0px solid transparent; padding: 1px; } /* A QLabel is a QFrame ... */ /* A QToolTip is a QLabel ... */ QToolTip { border: 1px solid $border; border-radius: 3px; opacity:210; } /* =============================================== */ /* QMenu */ /* =============================================== */ QMenu { background:$background; border: 1px solid $border; padding: 10px 0px 10px 0px; } QMenu::item{ min-width: 80px; height:30px; color:$text1; background:$background; border: 1px solid transparent; padding: 0px 20px 0px 20px; } QMenu::item:hover{ color:$text1; background:$main4; } QMenu::item:disabled,QMenu::item:disabled:selected,QMenu::item:disabled:pressed{ color: $text2; background: $background; } QMenu::item#editBatch{ min-width: 150px; } QMenu::item:selected{ color:$text1; background:$main4; } QMenu::item:pressed { color:$main1; background:$main4; } QMenu#contextMenu{ min-width:240px; } /* =============================================== */ /* TextBox */ /* =============================================== */ QLineEdit { background: $background;/*不建议设为透明,否则table编辑时会字显示*/ selection-background-color: $main1; selection-color:$background; border: 1px solid $border; border-radius: 4px; padding: 0 0 0 0px; height:30px; } QLineEdit:hover{ border-color: $main1; } QLineEdit:focus{ border-color: $main1; } /*QLineEdit[readOnly="true"] { color: gray }*/ QLineEdit[echoMode="2"]{ lineedit-password-character: 9679;/*字符的ascii码35 88等 */ } QLineEdit:read-only { color: $text2; } QLineEdit:disabled{ color:$text2; } QTextEdit{ selection-background-color:$main1; selection-color:$background; border: 1px solid $border; } QTextEdit:hover{ border-color: $main1; } QTextEdit:focus{ border-color: $main1; } /* =============================================== */ /* Button */ /* =============================================== */ QPushButton { border: 1px solid $border; border-radius: 2px; /*background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 $grad1a, stop: 0.05 $grad1b,stop: 0.5 $grad1b, stop: 0.9 $grad1a, stop: 1 $grad1a);*/ radius:4px; width: 80px; height: 28px; } QPushButton:hover{ background-color: $main4; border-color: $main1; } QPushButton:pressed { color:$main3; background-color: $main1; } QPushButton:focus,QPushButton:default { border-color: $main1; /* make the default button prominent */ } QToolButton,QToolButton:unchecked { /* ToolBar里的按钮和带下拉菜单的按钮 */ border-width: 1px; border-radius: 3px; background-color: transparent; width: 80px; height: 28px; } QToolButton:checked{ border-width: 1px; background-color: $main1; border-color: $border; color:$main3; } QToolButton:hover{ border-width: 1px; background-color: $main4; border-color: $main1; } QToolButton:pressed,QToolButton:checked:hover{ background-color: $main1; color:$main3; } QToolButton:checked:pressed{ border-width: 1px; background-color: $main1; border-color: $border; } /* only for MenuButtonPopup */ QToolButton[popupMode="1"]{ padding-left: 1px; padding-right: 15px; /* make way for the popup button */ border: 1px solid $border; min-height: 15px; /*background: qlineargradient(x1:0, y1:0 ,x2:0, y2:1 stop: 0 $grad1a, stop: 0.05 $grad1b, stop: 0.5 $grad1b stop: 0.95 $grad1a stop: 1$grad1a)*/ } QToolButton[popupMode="1"]:hover{ border-width: 1px; background-color: $main4; border-color: $main1; } QToolButton::menu-button { border: 1px solid $border; border-top-right-radius: 2px; border-bottom-right-radius: 2px; width: 16px; } QToolButton::menu-button:hover { border: 1px solid $main1; } QToolButton::menu-button:pressed { border: 1px solid $border; } QToolButton QMenu { selection-background-color: $main1; selection-color:$main3; background: $background; border: 1px solid $border; padding: 10px 0px 10px 0px; } QToolButton QMenu::item { height:30px; background: $background; border: 1px solid transparent; padding: 0px 20px 0px 20px; } /* =============================================== */ /* QRadioButton */ /* =============================================== */ QRadioButton { height: 28px; } QRadioButton:hover{ color:$main1; } QRadioButton::indicator{ width: 14px; height: 14px; } QRadioButton::indicator::unchecked{ border-image:url(../../product/common/resource/zh/public/$path/icon/rkb-normal.png); } QRadioButton::indicator:unchecked:hover { border-image:url(../../product/common/resource/zh/public/$path/icon/rkb-hover.png); } QRadioButton::indicator:unchecked:pressed { border-image:url(../../product/common/resource/zh/public/$path/icon/rkb-hover.png); } QRadioButton::indicator:unchecked:disabled { border-image:url(../../product/common/resource/zh/public/$path/icon/rkb-disable.png); } QRadioButton::indicator::checked{ border-image:url(../../product/common/resource/zh/public/$path/icon/rkb-select-normal.png); } QRadioButton::indicator:checked:hover { border-image:url(../../product/common/resource/zh/public/$path/icon/rkb-select-normal.png); } QRadioButton::indicator:checked:pressed { border-image:url(../../product/common/resource/zh/public/$path/icon/rkb-select-normal.png); } QRadioButton::indicator:checked:disabled { border-image:url(../../product/common/resource/zh/public/$path/icon/rkb-select-disable.png); } /* =============================================== */ /* QCheckBox */ /* =============================================== */ QCheckBox{ color:$text1; } QCheckBox::hover { color:$main1; } QCheckBox::indicator{ width: 14px; height: 14px; } QCheckBox::indicator::unchecked{ border-image:url(../../product/common/resource/zh/public/$path/icon/ckb-normal.png); } QCheckBox::indicator:unchecked:hover { border-image:url(../../product/common/resource/zh/public/$path/icon/ckb-uncheck-hover.png); } QCheckBox::indicator:unchecked:pressed { border-image:url(../../product/common/resource/zh/public/$path/icon/ckb-uncheck-hover.png); } QCheckBox::indicator:unchecked:disabled { border-image:url(../../product/common/resource/zh/public/$path/icon/ckb-disable.png); } QCheckBox::indicator::checked{ border-image:url(../../product/common/resource/zh/public/$path/icon/ckb-select-hover.png); } QCheckBox::indicator:checked:hover { border-image:url(../../product/common/resource/zh/public/$path/icon/ckb-select-hover.png); } QCheckBox::indicator:checked:pressed { border-image:url(../../product/common/resource/zh/public/$path/icon/ckb-select-hover.png); } QCheckBox::indicator:checked:disabled { border-image:url(../../product/common/resource/zh/public/$path/icon/ckb-select-disable.png); } QCheckBox::indicator:indeterminate { border-image:url(../../product/common/resource/zh/public/$path/icon/ckb-ptck.png); } QCheckBox::indicator:indeterminate:hover { border-image:url(../../product/common/resource/zh/public/$path/icon/ckb-ptck-hover.png); } QCheckBox::indicator:indeterminate:pressed { border-image:url(../../product/common/resource/zh/public/$path/icon/ckb-ptck-hover.png); } QCheckBox::indicator:indeterminate:disabled { border-image:url(../../product/common/resource/zh/public/$path/icon/ckb-ptck-disable.png); } /* =============================================== */ /* Slider ProgressBar */ /* =============================================== */ QProgressBar { border: 1px solid $border; border-radius: 4px; text-align: center; } QProgressBar::chunk { background-color: $main6; width: 4px; margin: 1px; } QSlider{ border: 1px solid transparent; } QSlider::disabled{ border: 1px solid transparent; } QSlider::groove{ border: 1px solid $border; background: $background; } QSlider::handle {/*设置中间的那个滑动的键*/ border: 1px solid $border; background: $main1; } QSlider::groove:horizontal { height: 3px; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */ left:5px; right: 5px; } QSlider::groove:vertical{ width: 3px; top: 5px; bottom: 5px; } QSlider::handle:horizontal{ width: 6px; margin: -7px; /* height */ } QSlider::handle:vertical{ height: 6px; margin: -7px; /* height */ } QSlider::add-page{/*还没有滑上去的地方*/ border: 1px solid $border; background:$main2; } QSlider::sub-page{/*已经划过的从地方*/ background: $main1; } /* =============================================== */ /* ScrollBar */ /* =============================================== */ QScrollBar{ background-color: $background; border: 1px solid $grad1b; border-radius: 0px; padding: 1px; margin:0px; height: 15px; width: 15px; } QScrollBar::handle{ border-color:$border; radius: 8px; background: $border; min-width: 10px; min-height: 10px; } QScrollBar::handle:hover { background: $main1; } QScrollBar::add-line, QScrollBar::sub-line, QScrollBar::add-page, QScrollBar::sub-page { width: 0px; background: transparent; } QScrollArea{ border: none; } /*QScrollArea QAbstractSlider{ border-radius: 0px; }*/ /* =============================================== */ /* GroupBox */ /* =============================================== */ QGroupBox { background-color: $background; border: 1px solid $border; padding:6px; margin: 12px 0px 0px 0px; } QGroupBox::title { left: 6px; top:-10px; background-color: $background; } QGroupBox::indicator::unchecked{ border-image:url(../../product/common/resource/zh/public/$path/icon/ckb-normal.png); } QGroupBox::indicator::checked{ border-image:url(../../product/common/resource/zh/public/$path/icon/ckb-select-hover.png); } QGroupBox::indicator:indeterminate { border-image:url(../../product/common/resource/zh/public/$path/icon/ckb-ptck.png); } /* =============================================== */ /* ToolBox */ /* =============================================== */ QToolBox{ border: 1px solid $border; } QToolBox::tab { background: $main2; border: 1px solid $border; } QToolBox::tab:hover { background-color: $main4; border-color: $main1; } QToolBox::tab:pressed { background-color: $main1; color:$main3; border-color: transparent; } QToolBox::tab:selected { font-weight: bold; color:$main1; background-color: $main4; border: 1px solid $main1; } /* =============================================== */ /* QTabBar */ /* =============================================== */ QTabWidget{ /*margin-top:10px;*/ } QTabWidget::pane{ border: 1px solid $border; } QTabWidget::tab-bar { left: 0px; } QTabBar::tab { font-weight:bold; color:$text1; min-height:30px; padding:0 10 0 10px; background: $background; border: 1px solid $border; } QTabBar::tab:hover { background: $main4; border-color: transparent; } QTabBar::tab:selected { background: $main4; color:$main1; border-color: $main1; } QTabBar::tab:pressed { background: $main1; border-color: $main1; color:$main3; } QTabBar::tab:focus { border-color: $main1; } QTabBar::tab:top{ height:30px; margin-left:1px; border-top:0px; border-left:0px; border-right:0px; border-bottom:2px solid transparent; } QTabBar::tab:top:selected{ border-top:0px; border-left:0px; border-right:0px; border-bottom:2px solid $main1; } QTabBar::tab:bottom{ width:80px; height:30px; border-top:2px solid transparent; border-left:0px; border-right:0px; border-bottom:0px; } QTabBar::tab:bottom:selected{ border-top:2px solid $main1; border-left:0px; border-right:0px; border-bottom:0px; } QTabBar::tab:right{ height:80px; border-top:0px; border-bottom:0px; border-right:0px; border-left:2px solid transparent; } QTabBar::tab:right:selected{ height:80px; border-top:0px; border-bottom:0px; border-right:0px; border-left:2px solid $main1; } QTabBar::tab:left{ height:80px; border-top:0px; border-bottom:0px; border-left:0px; border-right:2px solid transparent; } QTabBar::tab:left:selected{ height:80px; border-top:0px; border-bottom:0px; border-left:0px; border-right:2px solid $main1; } QTabWidget::pane { border:1px solid $border; padding:6px; } /* =============================================== */ /* QHeaderView for list table */ /* =============================================== */ QHeaderView { background-color: $main2; border: none; margin: -1px; padding: 0px; height:30px; } QHeaderView::section, QTableCornerButton::section {/*设置表头属性*//*左上角*/ background-color: $main2; padding: 0 3px; height: 30px; border-top: 0px solid $border; border-left: 0px solid $border; border-right: 1px solid $border; border-bottom: 1px solid $border; border-radius: 0px; } QHeaderView::section:hover, QTableCornerButton::section:hover{ /*background-color: $main4;*/ } QHeaderView::section:pressed{ background-color: $main1; color:$main3; } QHeaderView::section:checked { background-color: $main2; color:$text1; } QHeaderView::down-arrow { subcontrol-position:center right; padding-right:10px; image:url(../../product/common/resource/zh/public/$path/icon/box-down-normal.png); } QHeaderView::up-arrow { subcontrol-position:center right; padding-right:10px; image:url(../../product/common/resource/zh/public/$path/icon/box-up-normal.png); } /* =============================================== */ /* QAbstractItemView */ /* =============================================== */ QAbstractItemView { show-decoration-selected:1; selection-background-color:$main4; /*鼠标选中时背景色*/ selection-color:$main3; /*鼠标选中时前景色:文字颜色*/ /*设置交替颜色,需要在函数属性中设置:tableWidget->setAlternatingRowColors(true)*/ alternate-background-color: $main5; background: $background; color:$text1; border: 1px solid $border; } QAbstractItemView::item { radius:0px; min-height:30px; border: 0px; padding: 0px; } QAbstractItemView::item:hover{ background: $main4; } QAbstractItemView::item:pressed{ color: $main4; background:$main4; } QAbstractItemView::item:selected:focus { background: $main4; color: $main1; } QAbstractItemView::item:selected:!focus { background: $main4; color: $main1; } QAbstractItemView::item:selected:active { background: $main4; color: $main1; } QAbstractItemView QCheckBox::hover{ background: $main4; } QAbstractItemView QCheckBox::pressed{ color: $main1; background:$main4; } QAbstractItemView QCheckBox::focus{ color:$main1; background: $main4; } QAbstractItemView QCheckBox::selected:focus { background: $main4; color: $main1; } QAbstractItemView QCheckBox::selected:!focus { background: $main4; color: $main1; } QAbstractItemView QCheckBox::selected:active { background: $main4; color: $main1; } QAbstractItemView::indicator::unchecked{ border-image:url(../../product/common/resource/zh/public/$path/icon/ckb-normal.png); } QAbstractItemView::indicator::checked{ border-image:url(../../product/common/resource/zh/public/$path/icon/ckb-select-hover.png); } QAbstractItemView::indicator:indeterminate { border-image:url(../../product/common/resource/zh/public/$path/icon/ckb-ptck.png); } QAbstractItemView::branch{ background-color: $background; } QAbstractItemView::branch:alternate { alternate-background-color: $main5; } QAbstractItemView::branch:hover{ background: $main4; } QAbstractItemView::branch:pressed{ color: $main4; background:$main4; } QAbstractItemView::branch:focus{ color:$main1; background: $main4; } QAbstractItemView::branch:selected:focus { background: $main4; color: $main1; } QAbstractItemView::branch:selected:!focus{ background: $main4; color: $main1; } QAbstractItemView::branch:selected:active { background: $main4; color: $main1; } /* =============================================== */ /* QListView QListWidget */ /* =============================================== */ QListWidget, QListView { gridline-color: $border; /*表格中的网格线条颜色*/ border:1px solid $border; /*边框线的宽度、颜色*/ /*border:none;*/ /*去除边界线*/ /*border-radius:5px;*/ /*padding:10px 10px;*/ /*表格与边框的间距*/ } QListView::item, QListWidget::item{ background: transparent; outline-style: none; border: none; padding: 0px 10px 0px 10px; } /* =============================================== */ /* QTableWidget */ /* =============================================== */ QTableWidget, QTableView { gridline-color: $grad1a; /*表格中的网格线条颜色*/ border:1px solid $border; /*边框线的宽度、颜色*/ /*border:none;*/ /*去除边界线*/ /*border-radius:5px;*/ /*padding:10px 10px;*/ /*表格与边框的间距*/ } QTableView::item, QTabWidget::item{ background: transparent; outline-style: none; border: none; } QTableView QLineEdit { /*background: $background;*/ border-radius: 0px; padding: 0px; } QTableWidget QComboBox{ /*background: $background;*/ border-radius: 0px; /*margin: 2px;*/ border: none; height:28px; } /* =============================================== */ /* QTreeWidget QTreeView */ /* =============================================== */ QTreeWidget, QTreeView { background:$background; } QTreeWidget::item, QTreeView::item{ background: transparent; outline-style: none; border: none; } QTreeWidget::branch,QTreeView::branch { background-color: $background; } QTreeWidget::branch:hover,QTreeView::branch:hover{ background: $main4; } QTreeWidget::branch:pressed,QTreeView::branch:pressed{ color: $main4; background:$main4; } QTreeWidget::branch:focus,QTreeView::branch:focus{ color:$main1; border-color: $main4; } QTreeWidget::branch:selected:focus,QTreeView::branch:selected:focus { background: $main4; color: $main1; } QTreeWidget::branch:selected:!focus,QTreeView::branch:selected:!focus{ background: $main4; color: $main1; } QTreeWidget::branch:selected:active,QTreeView::branch:selected:active { background: $main4; color: $main1; } QTreeView::branch { width:9px; height:9px; background-repeat: no-repeat; background-position: center; } QTreeView::branch:closed:has-children { image:url(../../product/common/resource/zh/public/$path/icon/arrowRight.png); } QTreeView::branch:closed:has-children:hover { image:url(../../product/common/resource/zh/public/$path/icon/arrowRight.png); } QTreeView::branch:open:has-children { image:url(../../product/common/resource/zh/public/$path/icon/arrowBottom.png); } QTreeView::branch:open:has-children:hover { image:url(../../product/common/resource/zh/public/$path/icon/arrowBottom.png); } /* =============================================== */ /* QAbstractSpinBox spinbox QDateTimeEdit */ /* =============================================== */ QAbstractSpinBox { background: $background;/*不建议设为透明,否则table编辑时会字显示*/ selection-background-color:$main1; selection-color:$background; border: 1px solid $border; border-radius: 4px; padding: 0 10 0 10px; height:30px; } QAbstractSpinBox:hover { border-color: $main1; selection-background-color:$main1; selection-color:$background; } QAbstractSpinBox:focus { border-color: $main1; } /*SpinBox向上按钮样式*/ QAbstractSpinBox::up-button { margin: 5px 5px 5px 5px; height:7px; width:11px; image:url(../../product/common/resource/zh/public/$path/icon/box-up-normal.png); } QAbstractSpinBox::up-button:hover { image:url(../../product/common/resource/zh/public/$path/icon/box-up-select.png); } QAbstractSpinBox::up-button:pressed { image:url(../../product/common/resource/zh/public/$path/icon/box-up-select.png); } QAbstractSpinBox::up-button:disabled{ image:url(../../product/common/resource/zh/public/$path/icon/box-up-normal.png); } /*SpinBox向下按钮样式*/ QAbstractSpinBox::down-button { margin: 5px 5px 5px 5px; height:7px; width:11px; image:url(../../product/common/resource/zh/public/$path/icon/box-down-normal.png); } QAbstractSpinBox::down-button:hover{ image:url(../../product/common/resource/zh/public/$path/icon/box-down-select.png); } QAbstractSpinBox::down-button:pressed{ image:url(../../product/common/resource/zh/public/$path/icon/box-down-select.png); } QAbstractSpinBox::down-button:disabled{ image:url(../../product/common/resource/zh/public/$path/icon/box-down-normal.png); } /* =============================================== */ /* QComboBox */ /* =============================================== */ QComboBox{ background: $background;/*不建议设为透明,否则table编辑时会字显示*/ selection-background-color:$main1; selection-color:$background; border: 1px solid $border; border-radius: 4px; padding: 0 10 0 10px; height:30px; } QComboBox:hover { border-color: $main1; } QComboBox:focus { border-color: $main1; } QComboBox QAbstractItemView { selection-background-color: $main4; selection-color:$main1; alternate-background-color: $main5; background: $background; border: 1px solid $border; padding: 10px 0px 10px 0px; } QComboBox QAbstractItemView::item:selected:active { background: transparent; color: $main1; } QComboBox::drop-down { border-image:url(../../product/common/resource/zh/public/$path/icon/box-down-normal.png); margin-right: 10px; height:7px; width:11px; subcontrol-origin: margin; subcontrol-position: center right; } QComboBox::drop-down:hover{ border-image:url(../../product/common/resource/zh/public/$path/icon/box-down-select.png); } QComboBox::drop-down:open:!hover { border-image:url(../../product/common/resource/zh/public/$path/icon/box-down-normal.png); } QComboBox::drop-down:open:hover { border-image:url(../../product/common/resource/zh/public/$path/icon/box-down-select.png); } QComboBox::drop-down:disabled { border-image:url(../../product/common/resource/zh/public/$path/icon/box-down-normal.png); } /* =============================================== */ /* QCalendarWidget */ /* =============================================== */ QCalendarWidget QWidget{ border: none; background-color: $main3; color:$text1; } QCalendarWidget QWidget#qt_calendar_calendarview{ border-left: 1px solid $border; border-right: 1px solid $border; border-bottom: 1px solid $border; background-color: $main3; } QCalendarWidget QWidget#qt_calendar_navigationbar { background-color: $main2; border: 1px solid $border; } QCalendarWidget QMenu{ width: 80px; background-color: $background; border: 0px solid #cccfd9; color:$main1; } QCalendarWidget QWidget#qt_calendar_yearbutton{ background-color: transparent; } QCalendarWidget QWidget#qt_calendar_yearbutton{ background-color: transparent; } QCalendarWidget QAbstractSpinBox { background: $background;/*不建议设为透明,否则table编辑时会字显示*/ selection-background-color: $main1; border: 1px solid $border; border-radius: 0px; padding: 0 10 0 10px; height:30px; } QCalendarWidget QAbstractSpinBox:hover { border-color: $main1; } QCalendarWidget QAbstractSpinBox:focus { border-color: $main1; } QCalendarWidget QToolButton:pressed,QCalendarWidget QToolButton:checked:hover{ color:$main1; } QCalendarWidget QToolButton#qt_calendar_prevmonth{ width: 40px; qproperty-icon: url(../../product/common/resource/zh/public/$path/icon/arrowLeft.png); background-color: transparent; } QCalendarWidget QToolButton#qt_calendar_nextmonth { width: 40px; qproperty-icon: url(../../product/common/resource/zh/public/$path/icon/arrowRight.png); background-color: transparent; } QCalendarWidget QToolButton#qt_calendar_monthbutton { padding-right: 10px; background-color: transparent; } QCalendarWidget QAbstractItemView { selection-background-color:$main1; /*鼠标选中时背景色*/ selection-color:$main3; /*鼠标选中时前景色:文字颜色*/ /*设置交替颜色,需要在函数属性中设置:tableWidget->setAlternatingRowColors(true)*/ alternate-background-color: $main5; background: $background; border: 1px solid $border; }