简述

关于样式，前面介绍了很多内容，下面分享一个深色样式表，很值得借鉴！

效果

QSS

  1. /*
  2.  * The MIT License (MIT)
  3.  *
  4.  * Copyright (c) <2013-2014> <Colin Duquesnoy>
  5.  *
  6.  * Permission is hereby granted, free of charge, to any person obtaining a copy
  7.  * of this software and associated documentation files (the "Software"), to deal
  8.  * in the Software without restriction, including without limitation the rights
  9.  * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  10.  * copies of the Software, and to permit persons to whom the Software is
  11.  * furnished to do so, subject to the following conditions:
  13.  * The above copyright notice and this permission notice shall be included in
  14.  * all copies or substantial portions of the Software.
  16.  * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  17.  * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  18.  * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  19.  * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  20.  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  21.  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  22.  * THE SOFTWARE.
  23.  */
  24. QToolTip
  25. {
  26.     border: 1px solid #76797C;
  27.     background-color: rgb(90, 102, 117);;
  28.     color: white;
  29.     padding: 5px;
  30.     opacity: 200;
  31. }
  33. QWidget
  34. {
  35.     color: #eff0f1;
  36.     background-color: #31363b;
  37.     selection-background-color:#3daee9;
  38.     selection-color: #eff0f1;
  39.     background-clip: border;
  40.     border-image: none;
  41.     outline: 0;
  42. }
  44. QWidget:item:hover
  45. {
  46.     background-color: #3daee9;
  47.     color: #eff0f1;
  48. }
  50. QWidget:item:selected
  51. {
  52.     background-color: #3daee9;
  53. }
  55. QCheckBox
  56. {
  57.     spacing: 5px;
  58.     outline: none;
  59.     color: #eff0f1;
  60.     margin-bottom: 2px;
  61. }
  63. QCheckBox:disabled
  64. {
  65.     color: #76797C;
  66. }
  68. QCheckBox::indicator,
  69. QGroupBox::indicator
  70. {
  71.     width: 18px;
  72.     height: 18px;
  73. }
  74. QGroupBox::indicator
  75. {
  76.     margin-left: 2px;
  77. }
  79. QCheckBox::indicator:unchecked
  80. {
  81.     image: url(:/qss_icons/rc/checkbox_unchecked.png);
  82. }
  84. QCheckBox::indicator:unchecked:hover,
  85. QCheckBox::indicator:unchecked:focus,
  86. QCheckBox::indicator:unchecked:pressed,
  87. QGroupBox::indicator:unchecked:hover,
  88. QGroupBox::indicator:unchecked:focus,
  89. QGroupBox::indicator:unchecked:pressed
  90. {
  91.   border: none;
  92.     image: url(:/qss_icons/rc/checkbox_unchecked_focus.png);
  93. }
  95. QCheckBox::indicator:checked
  96. {
  97.     image: url(:/qss_icons/rc/checkbox_checked.png);
  98. }
  100. QCheckBox::indicator:checked:hover,
  101. QCheckBox::indicator:checked:focus,
  102. QCheckBox::indicator:checked:pressed,
  103. QGroupBox::indicator:checked:hover,
  104. QGroupBox::indicator:checked:focus,
  105. QGroupBox::indicator:checked:pressed
  106. {
  107.   border: none;
  108.     image: url(:/qss_icons/rc/checkbox_checked_focus.png);
  109. }
  111. QCheckBox::indicator:indeterminate
  112. {
  113.     image: url(:/qss_icons/rc/checkbox_indeterminate.png);
  114. }
  116. QCheckBox::indicator:indeterminate:focus,
  117. QCheckBox::indicator:indeterminate:hover,
  118. QCheckBox::indicator:indeterminate:pressed
  119. {
  120.     image: url(:/qss_icons/rc/checkbox_indeterminate_focus.png);
  121. }
  123. QCheckBox::indicator:checked:disabled,
  124. QGroupBox::indicator:checked:disabled
  125. {
  126.     image: url(:/qss_icons/rc/checkbox_checked_disabled.png);
  127. }
  129. QCheckBox::indicator:unchecked:disabled,
  130. QGroupBox::indicator:unchecked:disabled
  131. {
  132.     image: url(:/qss_icons/rc/checkbox_unchecked_disabled.png);
  133. }
  135. QRadioButton
  136. {
  137.     spacing: 5px;
  138.     outline: none;
  139.     color: #eff0f1;
  140.     margin-bottom: 2px;
  141. }
  143. QRadioButton:disabled
  144. {
  145.     color: #76797C;
  146. }
  147. QRadioButton::indicator
  148. {
  149.     width: 21px;
  150.     height: 21px;
  151. }
  153. QRadioButton::indicator:unchecked
  154. {
  155.     image: url(:/qss_icons/rc/radio_unchecked.png);
  156. }
  158. QRadioButton::indicator:unchecked:hover,
  159. QRadioButton::indicator:unchecked:focus,
  160. QRadioButton::indicator:unchecked:pressed
  161. {
  162.     border: none;
  163.     outline: none;
  164.     image: url(:/qss_icons/rc/radio_unchecked_focus.png);
  165. }
  167. QRadioButton::indicator:checked
  168. {
  169.     border: none;
  170.     outline: none;
  171.     image: url(:/qss_icons/rc/radio_checked.png);
  172. }
  174. QRadioButton::indicator:checked:hover,
  175. QRadioButton::indicator:checked:focus,
  176. QRadioButton::indicator:checked:pressed
  177. {
  178.     border: none;
  179.     outline: none;
  180.     image: url(:/qss_icons/rc/radio_checked_focus.png);
  181. }
  183. QRadioButton::indicator:checked:disabled
  184. {
  185.     outline: none;
  186.     image: url(:/qss_icons/rc/radio_checked_disabled.png);
  187. }
  189. QRadioButton::indicator:unchecked:disabled
  190. {
  191.     image: url(:/qss_icons/rc/radio_unchecked_disabled.png);
  192. }
  194. QMenuBar
  195. {
  196.     background-color: #31363b;
  197.     color: #eff0f1;
  198. }
  200. QMenuBar::item
  201. {
  202.     background: transparent;
  203. }
  205. QMenuBar::item:selected
  206. {
  207.     background: transparent;
  208.     border: 1px solid #76797C;
  209. }
  211. QMenuBar::item:pressed
  212. {
  213.     border: 1px solid #76797C;
  214.     background-color: #3daee9;
  215.     color: #eff0f1;
  216.     margin-bottom:-1px;
  217.     padding-bottom:1px;
  218. }
  220. QMenu
  221. {
  222.     border: 1px solid #76797C;
  223.     color: #eff0f1;
  224.     margin: 2px;
  225. }
  227. QMenu::icon
  228. {
  229.     margin: 5px;
  230. }
  232. QMenu::item
  233. {
  234.     padding: 5px 30px 5px 30px;
  235.     margin-left: 5px;
  236.     border: 1px solid transparent; /* reserve space for selection border */
  237. }
  239. QMenu::item:selected
  240. {
  241.     color: #eff0f1;
  242. }
  244. QMenu::separator {
  245.     height: 2px;
  246.     background: lightblue;
  247.     margin-left: 10px;
  248.     margin-right: 5px;
  249. }
  251. QMenu::indicator {
  252.     width: 18px;
  253.     height: 18px;
  254. }
  256. /* non-exclusive indicator = check box style indicator
  257.    (see QActionGroup::setExclusive) */
  258. QMenu::indicator:non-exclusive:unchecked {
  259.     image: url(:/qss_icons/rc/checkbox_unchecked.png);
  260. }
  262. QMenu::indicator:non-exclusive:unchecked:selected {
  263.     image: url(:/qss_icons/rc/checkbox_unchecked_disabled.png);
  264. }
  266. QMenu::indicator:non-exclusive:checked {
  267.     image: url(:/qss_icons/rc/checkbox_checked.png);
  268. }
  270. QMenu::indicator:non-exclusive:checked:selected {
  271.     image: url(:/qss_icons/rc/checkbox_checked_disabled.png);
  272. }
  274. /* exclusive indicator = radio button style indicator (see QActionGroup::setExclusive) */
  275. QMenu::indicator:exclusive:unchecked {
  276.     image: url(:/qss_icons/rc/radio_unchecked.png);
  277. }
  279. QMenu::indicator:exclusive:unchecked:selected {
  280.     image: url(:/qss_icons/rc/radio_unchecked_disabled.png);
  281. }
  283. QMenu::indicator:exclusive:checked {
  284.     image: url(:/qss_icons/rc/radio_checked.png);
  285. }
  287. QMenu::indicator:exclusive:checked:selected {
  288.     image: url(:/qss_icons/rc/radio_checked_disabled.png);
  289. }
  291. QMenu::right-arrow {
  292.     margin: 5px;
  293.     image: url(:/qss_icons/rc/right_arrow.png)
  294. }
  296. QWidget:disabled
  297. {
  298.     color: #454545;
  299.     background-color: #31363b;
  300. }
  302. QAbstractItemView
  303. {
  304.     alternate-background-color: #31363b;
  305.     color: #eff0f1;
  306.     border: 1px solid 3A3939;
  307.     border-radius: 2px;
  308. }
  310. QWidget:focus, QMenuBar:focus
  311. {
  312.     border: 1px solid #3daee9;
  313. }
  315. QTabWidget:focus, QCheckBox:focus, QRadioButton:focus, QSlider:focus
  316. {
  317.     border: none;
  318. }
  320. QLineEdit
  321. {
  322.     background-color: #232629;
  323.     padding: 5px;
  324.     border-style: solid;
  325.     border: 1px solid #76797C;
  326.     border-radius: 2px;
  327.     color: #eff0f1;
  328. }
  330. QGroupBox {
  331.     border:1px solid #76797C;
  332.     border-radius: 2px;
  333.     margin-top: 20px;
  334. }
  336. QGroupBox::title {
  337.     subcontrol-origin: margin;
  338.     subcontrol-position: top center;
  339.     padding-left: 10px;
  340.     padding-right: 10px;
  341.     padding-top: 10px;
  342. }
  344. QAbstractScrollArea
  345. {
  346.     border-radius: 2px;
  347.     border: 1px solid #76797C;
  348.     background-color: transparent;
  349. }
  351. QScrollBar:horizontal
  352. {
  353.     height: 15px;
  354.     margin: 3px 15px 3px 15px;
  355.     border: 1px transparent #2A2929;
  356.     border-radius: 4px;
  357.     background-color: #2A2929;
  358. }
  360. QScrollBar::handle:horizontal
  361. {
  362.     background-color: #605F5F;
  363.     min-width: 5px;
  364.     border-radius: 4px;
  365. }
  367. QScrollBar::add-line:horizontal
  368. {
  369.     margin: 0px 3px 0px 3px;
  370.     border-image: url(:/qss_icons/rc/right_arrow_disabled.png);
  371.     width: 10px;
  372.     height: 10px;
  373.     subcontrol-position: right;
  374.     subcontrol-origin: margin;
  375. }
  377. QScrollBar::sub-line:horizontal
  378. {
  379.     margin: 0px 3px 0px 3px;
  380.     border-image: url(:/qss_icons/rc/left_arrow_disabled.png);
  381.     height: 10px;
  382.     width: 10px;
  383.     subcontrol-position: left;
  384.     subcontrol-origin: margin;
  385. }
  387. QScrollBar::add-line:horizontal:hover,QScrollBar::add-line:horizontal:on
  388. {
  389.     border-image: url(:/qss_icons/rc/right_arrow.png);
  390.     height: 10px;
  391.     width: 10px;
  392.     subcontrol-position: right;
  393.     subcontrol-origin: margin;
  394. }
  396. QScrollBar::sub-line:horizontal:hover, QScrollBar::sub-line:horizontal:on
  397. {
  398.     border-image: url(:/qss_icons/rc/left_arrow.png);
  399.     height: 10px;
  400.     width: 10px;
  401.     subcontrol-position: left;
  402.     subcontrol-origin: margin;
  403. }
  405. QScrollBar::up-arrow:horizontal, QScrollBar::down-arrow:horizontal
  406. {
  407.     background: none;
  408. }
  410. QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal
  411. {
  412.     background: none;
  413. }
  415. QScrollBar:vertical
  416. {
  417.     background-color: #2A2929;
  418.     width: 15px;
  419.     margin: 15px 3px 15px 3px;
  420.     border: 1px transparent #2A2929;
  421.     border-radius: 4px;
  422. }
  424. QScrollBar::handle:vertical
  425. {
  426.     background-color: #605F5F;
  427.     min-height: 5px;
  428.     border-radius: 4px;
  429. }
  431. QScrollBar::sub-line:vertical
  432. {
  433.     margin: 3px 0px 3px 0px;
  434.     border-image: url(:/qss_icons/rc/up_arrow_disabled.png);
  435.     height: 10px;
  436.     width: 10px;
  437.     subcontrol-position: top;
  438.     subcontrol-origin: margin;
  439. }
  441. QScrollBar::add-line:vertical
  442. {
  443.     margin: 3px 0px 3px 0px;
  444.     border-image: url(:/qss_icons/rc/down_arrow_disabled.png);
  445.     height: 10px;
  446.     width: 10px;
  447.     subcontrol-position: bottom;
  448.     subcontrol-origin: margin;
  449. }
  451. QScrollBar::sub-line:vertical:hover,QScrollBar::sub-line:vertical:on
  452. {
  454.     border-image: url(:/qss_icons/rc/up_arrow.png);
  455.     height: 10px;
  456.     width: 10px;
  457.     subcontrol-position: top;
  458.     subcontrol-origin: margin;
  459. }
  461. QScrollBar::add-line:vertical:hover, QScrollBar::add-line:vertical:on
  462. {
  463.     border-image: url(:/qss_icons/rc/down_arrow.png);
  464.     height: 10px;
  465.     width: 10px;
  466.     subcontrol-position: bottom;
  467.     subcontrol-origin: margin;
  468. }
  470. QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical
  471. {
  472.     background: none;
  473. }
  475. QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical
  476. {
  477.     background: none;
  478. }
  480. QTextEdit
  481. {
  482.     background-color: #232629;
  483.     color: #eff0f1;
  484.     border: 1px solid #76797C;
  485. }
  487. QPlainTextEdit
  488. {
  489.     background-color: #232629;;
  490.     color: #eff0f1;
  491.     border-radius: 2px;
  492.     border: 1px solid #76797C;
  493. }
  495. QHeaderView::section
  496. {
  497.     background-color: #76797C;
  498.     color: #eff0f1;
  499.     padding: 5px;
  500.     border: 1px solid #76797C;
  501. }
  503. QSizeGrip {
  504.     image: url(:/qss_icons/rc/sizegrip.png);
  505.     width: 12px;
  506.     height: 12px;
  507. }
  509. QMainWindow::separator
  510. {
  511.     background-color: #31363b;
  512.     color: white;
  513.     padding-left: 4px;
  514.     spacing: 2px;
  515.     border: 1px dashed #76797C;
  516. }
  518. QMainWindow::separator:hover
  519. {
  521.     background-color: #787876;
  522.     color: white;
  523.     padding-left: 4px;
  524.     border: 1px solid #76797C;
  525.     spacing: 2px;
  526. }
  528. QMenu::separator
  529. {
  530.     height: 1px;
  531.     background-color: #76797C;
  532.     color: white;
  533.     padding-left: 4px;
  534.     margin-left: 10px;
  535.     margin-right: 5px;
  536. }
  538. QFrame
  539. {
  540.     border-radius: 2px;
  541.     border: 1px solid #76797C;
  542. }
  544. QFrame[frameShape="0"]
  545. {
  546.     border-radius: 2px;
  547.     border: 1px transparent #76797C;
  548. }
  550. QStackedWidget
  551. {
  552.     border: 1px transparent black;
  553. }
  555. QToolBar {
  556.     border: 1px transparent #393838;
  557.     background: 1px solid #31363b;
  558.     font-weight: bold;
  559. }
  561. QToolBar::handle:horizontal {
  562.     image: url(:/qss_icons/rc/Hmovetoolbar.png);
  563. }
  564. QToolBar::handle:vertical {
  565.     image: url(:/qss_icons/rc/Vmovetoolbar.png);
  566. }
  567. QToolBar::separator:horizontal {
  568.     image: url(:/qss_icons/rc/Hsepartoolbar.png);
  569. }
  570. QToolBar::separator:vertical {
  571.     image: url(:/qss_icons/rc/Vsepartoolbars.png);
  572. }
  574. QPushButton
  575. {
  576.     color: #eff0f1;
  577.     background-color: #31363b;
  578.     border-width: 1px;
  579.     border-color: #76797C;
  580.     border-style: solid;
  581.     padding: 5px;
  582.     border-radius: 2px;
  583.     outline: none;
  584. }
  586. QPushButton:disabled
  587. {
  588.     background-color: #31363b;
  589.     border-width: 1px;
  590.     border-color: #454545;
  591.     border-style: solid;
  592.     padding-top: 5px;
  593.     padding-bottom: 5px;
  594.     padding-left: 10px;
  595.     padding-right: 10px;
  596.     border-radius: 2px;
  597.     color: #454545;
  598. }
  600. QPushButton:focus {
  601.     background-color: #3daee9;
  602.     color: white;
  603. }
  605. QPushButton:pressed
  606. {
  607.     background-color: #3daee9;
  608.     padding-top: -15px;
  609.     padding-bottom: -17px;
  610. }
  612. QComboBox
  613. {
  614.     selection-background-color: #3daee9;
  615.     border-style: solid;
  616.     border: 1px solid #76797C;
  617.     border-radius: 2px;
  618.     padding: 5px;
  619.     min-width: 75px;
  620. }
  622. QPushButton:checked{
  623.     background-color: #76797C;
  624.     border-color: #6A6969;
  625. }
  627. QComboBox:hover,QPushButton:hover,QAbstractSpinBox:hover,QLineEdit:hover,QTextEdit:hover,QPlainTextEdit:hover,QAbstractView:hover,QTreeView:hover
  628. {
  629.     border: 1px solid #3daee9;
  630.     color: #eff0f1;
  631. }
  633. QComboBox:on
  634. {
  635.     padding-top: 3px;
  636.     padding-left: 4px;
  637.     selection-background-color: #4a4a4a;
  638. }
  640. QComboBox QAbstractItemView
  641. {
  642.     background-color: #232629;
  643.     border-radius: 2px;
  644.     border: 1px solid #76797C;
  645.     selection-background-color: #3daee9;
  646. }
  648. QComboBox::drop-down
  649. {
  650.     subcontrol-origin: padding;
  651.     subcontrol-position: top right;
  652.     width: 15px;
  654.     border-left-width: 0px;
  655.     border-left-color: darkgray;
  656.     border-left-style: solid;
  657.     border-top-right-radius: 3px;
  658.     border-bottom-right-radius: 3px;
  659. }
  661. QComboBox::down-arrow
  662. {
  663.     image: url(:/qss_icons/rc/down_arrow_disabled.png);
  664. }
  666. QComboBox::down-arrow:on, QComboBox::down-arrow:hover,
  667. QComboBox::down-arrow:focus
  668. {
  669.     image: url(:/qss_icons/rc/down_arrow.png);
  670. }
  672. QAbstractSpinBox {
  673.     padding: 5px;
  674.     border: 1px solid #76797C;
  675.     background-color: #232629;
  676.     color: #eff0f1;
  677.     border-radius: 2px;
  678.     min-width: 75px;
  679. }
  681. QAbstractSpinBox:up-button
  682. {
  683.     background-color: transparent;
  684.     subcontrol-origin: border;
  685.     subcontrol-position: center right;
  686. }
  688. QAbstractSpinBox:down-button
  689. {
  690.     background-color: transparent;
  691.     subcontrol-origin: border;
  692.     subcontrol-position: center left;
  693. }
  695. QAbstractSpinBox::up-arrow,QAbstractSpinBox::up-arrow:disabled,QAbstractSpinBox::up-arrow:off {
  696.     image: url(:/qss_icons/rc/up_arrow_disabled.png);
  697.     width: 10px;
  698.     height: 10px;
  699. }
  700. QAbstractSpinBox::up-arrow:hover
  701. {
  702.     image: url(:/qss_icons/rc/up_arrow.png);
  703. }
  705. QAbstractSpinBox::down-arrow,QAbstractSpinBox::down-arrow:disabled,QAbstractSpinBox::down-arrow:off
  706. {
  707.     image: url(:/qss_icons/rc/down_arrow_disabled.png);
  708.     width: 10px;
  709.     height: 10px;
  710. }
  711. QAbstractSpinBox::down-arrow:hover
  712. {
  713.     image: url(:/qss_icons/rc/down_arrow.png);
  714. }
  716. QLabel
  717. {
  718.     border: 0px solid black;
  719. }
  721. QTabWidget{
  722.     border: 0px transparent black;
  723. }
  725. QTabWidget::pane {
  726.     border: 1px solid #76797C;
  727.     padding: 5px;
  728.     margin: 1px;
  729. }
  731. QTabBar
  732. {
  733.     qproperty-drawBase: 0;
  734.     left: 5px; /* move to the right by 5px */
  735.     border-radius: 3px;
  736. }
  738. QTabBar:focus
  739. {
  740.     border: 0px transparent black;
  741. }
  743. QTabBar::close-button  {
  744.     image: url(:/qss_icons/rc/close.png);
  745.     background: transparent;
  746. }
  748. QTabBar::close-button:hover
  749. {
  750.     image: url(:/qss_icons/rc/close-hover.png);
  751.     background: transparent;
  752. }
  754. QTabBar::close-button:pressed {
  755.     image: url(:/qss_icons/rc/close-pressed.png);
  756.     background: transparent;
  757. }
  759. /* TOP TABS */
  760. QTabBar::tab:top {
  761.     color: #eff0f1;
  762.     border: 1px solid #76797C;
  763.     border-bottom: 1px transparent black;
  764.     background-color: #31363b;
  765.     padding: 5px;
  766.     min-width: 50px;
  767.     border-top-left-radius: 2px;
  768.     border-top-right-radius: 2px;
  769. }
  771. QTabBar::tab:top:!selected
  772. {
  773.     color: #eff0f1;
  774.     background-color: #54575B;
  775.     border: 1px solid #76797C;
  776.     border-bottom: 1px transparent black;
  777. }
  779. QTabBar::tab:top:!selected:hover {
  780.     background-color: #3daee9;
  781. }
  783. /* BOTTOM TABS */
  784. QTabBar::tab:bottom {
  785.     color: #eff0f1;
  786.     border: 1px solid #76797C;
  787.     border-top: 1px transparent black;
  788.     background-color: #31363b;
  789.     padding: 5px;
  790.     border-bottom-left-radius: 2px;
  791.     border-bottom-right-radius: 2px;
  792.     min-width: 50px;
  793. }
  795. QTabBar::tab:bottom:!selected
  796. {
  797.     color: #eff0f1;
  798.     background-color: #54575B;
  799.     border: 1px solid #76797C;
  800.     border-top: 1px transparent black;
  801.     border-bottom-left-radius: 2px;
  802.     border-bottom-right-radius: 2px;
  803. }
  805. QTabBar::tab:bottom:!selected:hover {
  806.     background-color: #3daee9;
  807. }
  809. /* LEFT TABS */
  810. QTabBar::tab:left {
  811.     color: #eff0f1;
  812.     border: 1px solid #76797C;
  813.     border-left: 1px transparent black;
  814.     background-color: #31363b;
  815.     padding: 5px;
  816.     border-top-right-radius: 2px;
  817.     border-bottom-right-radius: 2px;
  818.     min-height: 50px;
  819. }
  821. QTabBar::tab:left:!selected
  822. {
  823.     color: #eff0f1;
  824.     background-color: #54575B;
  825.     border: 1px solid #76797C;
  826.     border-left: 1px transparent black;
  827.     border-top-right-radius: 2px;
  828.     border-bottom-right-radius: 2px;
  829. }
  831. QTabBar::tab:left:!selected:hover {
  832.     background-color: #3daee9;
  833. }
  835. /* RIGHT TABS */
  836. QTabBar::tab:right {
  837.     color: #eff0f1;
  838.     border: 1px solid #76797C;
  839.     border-right: 1px transparent black;
  840.     background-color: #31363b;
  841.     padding: 5px;
  842.     border-top-left-radius: 2px;
  843.     border-bottom-left-radius: 2px;
  844.     min-height: 50px;
  845. }
  847. QTabBar::tab:right:!selected
  848. {
  849.     color: #eff0f1;
  850.     background-color: #54575B;
  851.     border: 1px transparent #76797C;
  852.     border-right: 1px transparent black;
  853.     border-top-left-radius: 0px;
  854.     border-bottom-left-radius: 0px;
  855. }
  857. QTabBar::tab:right:!selected:hover {
  858.     background-color: #3daee9;
  859. }
  861. QTabBar QToolButton::right-arrow:enabled {
  862.      image: url(:/qss_icons/rc/right_arrow.png);
  863.  }
  865.  QTabBar QToolButton::left-arrow:enabled {
  866.      image: url(:/qss_icons/rc/left_arrow.png);
  867.  }
  869. QTabBar QToolButton::right-arrow:disabled {
  870.      image: url(:/qss_icons/rc/right_arrow_disabled.png);
  871.  }
  873.  QTabBar QToolButton::left-arrow:disabled {
  874.      image: url(:/qss_icons/rc/left_arrow_disabled.png);
  875.  }
  877. QDockWidget {
  878.     background: #31363b;
  879.     border: 1px solid #403F3F;
  880.     titlebar-close-icon: url(:/qss_icons/rc/close.png);
  881.     titlebar-normal-icon: url(:/qss_icons/rc/undock.png);
  882. }
  884. QDockWidget::close-button, QDockWidget::float-button {
  885.     border: 1px solid transparent;
  886.     border-radius: 2px;
  887.     background: transparent;
  888. }
  890. QDockWidget::close-button:hover, QDockWidget::float-button:hover {
  891.     background: rgba(255, 255, 255, 10);
  892. }
  894. QDockWidget::close-button:pressed, QDockWidget::float-button:pressed {
  895.     padding: 1px -1px -1px 1px;
  896.     background: rgba(255, 255, 255, 10);
  897. }
  899. QTreeView, QListView
  900. {
  901.     border: 1px solid #76797C;
  902.     background-color: #232629;
  903. }
  905. QTreeView:branch:selected, QTreeView:branch:hover
  906. {
  907.     background: url(:/qss_icons/rc/transparent.png);
  908. }
  910. QTreeView::branch:has-siblings:!adjoins-item {
  911.     border-image: url(:/qss_icons/rc/transparent.png);
  912. }
  914. QTreeView::branch:has-siblings:adjoins-item {
  915.     border-image: url(:/qss_icons/rc/transparent.png);
  916. }
  918. QTreeView::branch:!has-children:!has-siblings:adjoins-item {
  919.     border-image: url(:/qss_icons/rc/transparent.png);
  920. }
  922. QTreeView::branch:has-children:!has-siblings:closed,
  923. QTreeView::branch:closed:has-children:has-siblings {
  924.     image: url(:/qss_icons/rc/branch_closed.png);
  925. }
  927. QTreeView::branch:open:has-children:!has-siblings,
  928. QTreeView::branch:open:has-children:has-siblings  {
  929.     image: url(:/qss_icons/rc/branch_open.png);
  930. }
  932. QTreeView::branch:has-children:!has-siblings:closed:hover,
  933. QTreeView::branch:closed:has-children:has-siblings:hover {
  934.     image: url(:/qss_icons/rc/branch_closed-on.png);
  935.     }
  937. QTreeView::branch:open:has-children:!has-siblings:hover,
  938. QTreeView::branch:open:has-children:has-siblings:hover  {
  939.     image: url(:/qss_icons/rc/branch_open-on.png);
  940.     }
  942. QListView::item:!selected:hover, QListView::item:!selected:hover, QTreeView::item:!selected:hover  {
  943.     background: rgba(0, 0, 0, 0);
  944.     outline: 0;
  945.     color: #eff0f1
  946. }
  948. QListView::item:selected:hover, QListView::item:selected:hover, QTreeView::item:selected:hover  {
  949.     background: #3daee9;
  950.     color: #eff0f1;
  951. }
  953. QSlider::groove:horizontal {
  954.     border: 1px solid #565a5e;
  955.     height: 4px;
  956.     background: #565a5e;
  957.     margin: 0px;
  958.     border-radius: 2px;
  959. }
  961. QSlider::handle:horizontal {
  962.     background: #232629;
  963.     border: 1px solid #565a5e;
  964.     width: 16px;
  965.     height: 16px;
  966.     margin: -8px 0;
  967.     border-radius: 9px;
  968. }
  970. QSlider::groove:vertical {
  971.     border: 1px solid #565a5e;
  972.     width: 4px;
  973.     background: #565a5e;
  974.     margin: 0px;
  975.     border-radius: 3px;
  976. }
  978. QSlider::handle:vertical {
  979.     background: #232629;
  980.     border: 1px solid #565a5e;
  981.     width: 16px;
  982.     height: 16px;
  983.     margin: 0 -8px;
  984.     border-radius: 9px;
  985. }
  987. QToolButton {
  988.     background-color: transparent;
  989.     border: 1px transparent #76797C;
  990.     border-radius: 2px;
  991.     margin: 3px;
  992.     padding: 5px;
  993. }
  995. QToolButton[popupMode="1"] { /* only for MenuButtonPopup */
  996.  padding-right: 20px; /* make way for the popup button */
  997.  border: 1px #76797C;
  998.  border-radius: 5px;
  999. }
  1001. QToolButton[popupMode="2"] { /* only for InstantPopup */
  1002.  padding-right: 10px; /* make way for the popup button */
  1003.  border: 1px #76797C;
  1004. }
  1006. QToolButton:hover, QToolButton::menu-button:hover {
  1007.     background-color: transparent;
  1008.     border: 1px solid #3daee9;
  1009.     padding: 5px;
  1010. }
  1012. QToolButton:checked, QToolButton:pressed,
  1013.         QToolButton::menu-button:pressed {
  1014.     background-color: #3daee9;
  1015.     border: 1px solid #3daee9;
  1016.     padding: 5px;
  1017. }
  1019. /* the subcontrol below is used only in the InstantPopup or DelayedPopup mode */
  1020. QToolButton::menu-indicator {
  1021.     image: url(:/qss_icons/rc/down_arrow.png);
  1022.     top: -7px; left: -2px; /* shift it a bit */
  1023. }
  1025. /* the subcontrols below are used only in the MenuButtonPopup mode */
  1026. QToolButton::menu-button {
  1027.     border: 1px transparent #76797C;
  1028.     border-top-right-radius: 6px;
  1029.     border-bottom-right-radius: 6px;
  1030.     /* 16px width + 4px for border = 20px allocated above */
  1031.     width: 16px;
  1032.     outline: none;
  1033. }
  1035. QToolButton::menu-arrow {
  1036.     image: url(:/qss_icons/rc/down_arrow.png);
  1037. }
  1039. QToolButton::menu-arrow:open {
  1040.     border: 1px solid #76797C;
  1041. }
  1043. QPushButton::menu-indicator  {
  1044.     subcontrol-origin: padding;
  1045.     subcontrol-position: bottom right;
  1046.     left: 8px;
  1047. }
  1049. QTableView
  1050. {
  1051.     border: 1px solid #76797C;
  1052.     gridline-color: #31363b;
  1053.     background-color: #232629;
  1054. }
  1056. QTableView, QHeaderView
  1057. {
  1058.     border-radius: 0px;
  1059. }
  1061. QTableView::item:pressed, QListView::item:pressed, QTreeView::item:pressed  {
  1062.     background: #3daee9;
  1063.     color: #eff0f1;
  1064. }
  1066. QTableView::item:selected:active, QTreeView::item:selected:active, QListView::item:selected:active  {
  1067.     background: #3daee9;
  1068.     color: #eff0f1;
  1069. }
  1071. QHeaderView
  1072. {
  1073.     background-color: #31363b;
  1074.     border: 1px transparent;
  1075.     border-radius: 0px;
  1076.     margin: 0px;
  1077.     padding: 0px;
  1079. }
  1081. QHeaderView::section  {
  1082.     background-color: #31363b;
  1083.     color: #eff0f1;
  1084.     padding: 5px;
  1085.     border: 1px solid #76797C;
  1086.     border-radius: 0px;
  1087.     text-align: center;
  1088. }
  1090. QHeaderView::section::vertical::first, QHeaderView::section::vertical::only-one
  1091. {
  1092.     border-top: 1px solid #76797C;
  1093. }
  1095. QHeaderView::section::vertical
  1096. {
  1097.     border-top: transparent;
  1098. }
  1100. QHeaderView::section::horizontal::first, QHeaderView::section::horizontal::only-one
  1101. {
  1102.     border-left: 1px solid #76797C;
  1103. }
  1105. QHeaderView::section::horizontal
  1106. {
  1107.     border-left: transparent;
  1108. }
  1110. QHeaderView::section:checked
  1111.  {
  1112.     color: white;
  1113.     background-color: #334e5e;
  1114.  }
  1116.  /* style the sort indicator */
  1117. QHeaderView::down-arrow {
  1118.     image: url(:/qss_icons/rc/down_arrow.png);
  1119. }
  1121. QHeaderView::up-arrow {
  1122.     image: url(:/qss_icons/rc/up_arrow.png);
  1123. }
  1125. QTableCornerButton::section {
  1126.     background-color: #31363b;
  1127.     border: 1px transparent #76797C;
  1128.     border-radius: 0px;
  1129. }
  1131. QToolBox  {
  1132.     padding: 5px;
  1133.     border: 1px transparent black;
  1134. }
  1136. QToolBox::tab {
  1137.     color: #eff0f1;
  1138.     background-color: #31363b;
  1139.     border: 1px solid #76797C;
  1140.     border-bottom: 1px transparent #31363b;
  1141.     border-top-left-radius: 5px;
  1142.     border-top-right-radius: 5px;
  1143. }
  1145. QToolBox::tab:selected { /* italicize selected tabs */
  1146.     font: italic;
  1147.     background-color: #31363b;
  1148.     border-color: #3daee9;
  1149.  }
  1151. QStatusBar::item {
  1152.     border: 1px solid #76797C;
  1153.     border-radius: 2px;
  1154.  }
  1156. QFrame[height="3"], QFrame[width="3"] {
  1157.     background-color: #76797C;
  1158. }
  1160. QSplitter::handle {
  1161.     border: 1px dashed #76797C;
  1162. }
  1164. QSplitter::handle:hover {
  1165.     background-color: #787876;
  1166.     border: 1px solid #76797C;
  1167. }
  1169. QSplitter::handle:horizontal {
  1170.     width: 1px;
  1171. }
  1173. QSplitter::handle:vertical {
  1174.     height: 1px;
  1175. }
  1177. QProgressBar {
  1178.     border: 1px solid #76797C;
  1179.     border-radius: 5px;
  1180.     text-align: center;
  1181. }
  1183. QProgressBar::chunk {
  1184.     background-color: #05B8CC;
  1185. }

更多参考

Qt之QSS（QDarkStyleSheet）的更多相关文章

  1. Qt之QSS（白色靓丽）

    简述 Qt助手中有关于各种部件的QSS详细讲解,资源很丰富,请参考:Qt Style Sheets Examples. 白色靓丽 - 一款漂亮的QSS风格. 你可以直接使用,也可以随意转载,但请务必保 ...

  2. Qt之QSS（黑色炫酷）

    简述 Qt助手中有关于各种部件的QSS详细讲解,资源很丰富,请参考:Qt Style Sheets Examples. 黑色炫酷 - 一款漂亮的QSS风格. 之前博客中分享了很多关于Qt的样式效果,几 ...

  3. Qt之QSS（语法高亮）

    简述 语法高亮是文本编辑器用来显示文本的,特别是源代码,根据不同的类别来用不同的颜色和字体显示.这个功能有助于编写结构化的语言,例如:编程语言.标记语言,这些语言的语法错误显示是有区别的. 简述 详细 ...

  4. Qt之QSS（动态属性）

    简述 QSS可以定制应用程序的外观,无需关注Qt样式背后的魔力.从非常轻微到极其复杂的调整,样式表都可以做到.对于一个完全定制和独特的用户体验,QtQuick和QGraphicsView是更好的选择. ...

  5. Qt的Qss样式

    http://www.cnblogs.com/coffeegg/archive/2011/11/15/2249452.html(转) http://blog.csdn.net/cgzhello1/ar ...

  6. Qt之QSS（Q_PROPERTY-原始属性）

    http://blog.csdn.net/liang19890820/article/details/51698536 版权声明:进步始于交流,收获源于分享!纯正开源之美,有趣.好玩.靠谱...作者: ...

  7. Qt之QSS（Q_PROPERTY-自定义属性）

    版权声明:进步始于交流,收获源于分享!纯正开源之美,有趣.好玩.靠谱...作者:一去丶二三里 博客地址:http://blog.csdn.net/liang19890820   目录(?)[+]   ...

  8. Qt中用QSS切分图片

    Qt设计时有时需要实现动态按钮,按钮点击时一个状态,鼠标悬浮时一个状态,离开时一个状态,静止时一个状态.可以用一张png长图,使用QSS分段截取,分配给每一个状态.    1.调用函数 SetButt ...

  9. 自学QT之qss教程

    这篇文章来自于QT的帮助文档,你要是看了最新版的,会发现讲解得更棒.如果你的英文不是那么好,或者说看着头疼,那还是来看此篇吧. 在此之前说一个帮助文档的特别用法,绝不仅仅是搜单词,QT的文档非常强大的 ...

随机推荐

  1. 【leetcode❤python】 19. Remove Nth Node From End of List

    #-*- coding: UTF-8 -*-#双指针思想,两个指针相隔n-1,每次两个指针向后一步,当后面一个指针没有后继了,前面一个指针的后继就是要删除的节点# Definition for sin ...

  2. 增长xx%带来什么信息？

    增长xx%带来什么信息? 标签(空格分隔): 概率论 在与概率论有关的题目中,我们经常会遇到:某公司增长xx%,带来哪些信息? 看下面这道题目: 某公司在华东和华南两大区域开展业务,年底汇总业绩的时候 ...

  3. javascript 中函数eval()

    eval()函数可以把一个字符串当作一个JavaScript表达式一样去执行它. 我们常常在Javascript中间到Eval这个函数, 有些人觉得这个函数很奇怪,可以把一些字符串变的功能很强大 在我 ...

  4. servlet&jsp高级：第三部分

    声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...

  5. hdu 5150 Sum Sum Sum 水

    Sum Sum Sum Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) Prob ...

  6. Codeforces708C Centroids 【树形dp】

    题目链接 题意:给定一棵n个结点的树,问:对于每个结点,能否通过删除一条边并添加一条边使得仍是树,并且删除该结点后得到的各个连通分量结点数 <= n/2? 题解:树形dp,两遍dfs,第一遍df ...

  7. [LED]如何配置LCD背光和LED，调试方法

    [DESCRIPTION] 如何配置LCD背光和LED,调试方法 [SOLUTION]LCD背光和LED配置文件alps/custom/<proj name>lk/cust_leds.ca ...

  8. poj2451Uyuw's Concert(半平面交）

    链接 逆时针给出线段,如果模板是顺时针的修改下系数的符号进行平面交即可. #include <iostream> #include<cstdio> #include<cs ...

  9. mysql 理解 int(11)

    1.这里的int(11) 与int的大小和存储字节,没有一毛钱关系,int的存储字节是4个字节,最大值为 65536*65536 = 40多亿,对于有符号的int,是20多亿.2.那么这里的(11) ...

  10. 教你如何精通Struts：Tiles框架

    Tiles框架特性和内容 Tiles框架为创建Web页面提供了一种模板机制,它能将网页的布局和内容分离.它允许先创建模板,然后在运行时动态地将内容插入到模板中.Tiles 框架建立在JSP的inclu ...