style.qss - duckstation - duckstation, but archived from the revision just before upstream changed it to a proprietary software project, this version is the libre one

style.qss (50179B)
      1 /* ---------------------------------------------------------------------------
      2 
      3     Created by the qtsass compiler v0.1.1
      4 
      5     The definitions are in the "qdarkstyle.qss._styles.scss" module
      6 
      7     WARNING! All changes made in this file will be lost!
      8 
      9 --------------------------------------------------------------------------- */
     10 /* QDarkStyleSheet -----------------------------------------------------------
     11 
     12 This is the main style sheet, the palette has nine colors.
     13 
     14 It is based on three selecting colors, three greyish (background) colors
     15 plus three whitish (foreground) colors. Each set of widgets of the same
     16 type have a header like this:
     17 
     18     ------------------
     19     GroupName --------
     20     ------------------
     21 
     22 And each widget is separated with a header like this:
     23 
     24     QWidgetName ------
     25 
     26 This makes more easy to find and change some css field. The basic
     27 configuration is described bellow.
     28 
     29     BACKGROUND -----------
     30 
     31         Light   (unpressed)
     32         Normal  (border, disabled, pressed, checked, toolbars, menus)
     33         Dark    (background)
     34 
     35     FOREGROUND -----------
     36 
     37         Light   (texts/labels)
     38         Normal  (not used yet)
     39         Dark    (disabled texts)
     40 
     41     SELECTION ------------
     42 
     43         Light  (selection/hover/active)
     44         Normal (selected)
     45         Dark   (selected disabled)
     46 
     47 If a stranger configuration is required because of a bugfix or anything
     48 else, keep the comment on the line above so nobody changes it, including the
     49 issue number.
     50 
     51 */
     52 /*
     53 
     54 See Qt documentation:
     55 
     56   - https://doc.qt.io/qt-5/stylesheet.html
     57   - https://doc.qt.io/qt-5/stylesheet-reference.html
     58   - https://doc.qt.io/qt-5/stylesheet-examples.html
     59 
     60 --------------------------------------------------------------------------- */
     61 /* QWidget ----------------------------------------------------------------
     62 
     63 --------------------------------------------------------------------------- */
     64 QWidget {
     65   background-color: #19232D;
     66   border: 0px solid #32414B;
     67   padding: 0px;
     68   color: #F0F0F0;
     69   selection-background-color: #1464A0;
     70   selection-color: #F0F0F0;
     71 }
     72 
     73 QWidget:disabled {
     74   background-color: #19232D;
     75   color: #787878;
     76   selection-background-color: #14506E;
     77   selection-color: #787878;
     78 }
     79 
     80 QWidget::item:selected {
     81   background-color: #1464A0;
     82 }
     83 
     84 QWidget::item:hover {
     85   background-color: #148CD2;
     86   color: #32414B;
     87 }
     88 
     89 /* QMainWindow ------------------------------------------------------------
     90 
     91 This adjusts the splitter in the dock widget, not qsplitter
     92 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qmainwindow
     93 
     94 --------------------------------------------------------------------------- */
     95 QMainWindow::separator {
     96   background-color: #32414B;
     97   border: 0px solid #19232D;
     98   spacing: 0px;
     99   padding: 2px;
    100 }
    101 
    102 QMainWindow::separator:hover {
    103   background-color: #505F69;
    104   border: 0px solid #148CD2;
    105 }
    106 
    107 QMainWindow::separator:horizontal {
    108   width: 5px;
    109   margin-top: 2px;
    110   margin-bottom: 2px;
    111   image: url(":/qdarkstyle/toolbar_separator_vertical.png");
    112 }
    113 
    114 QMainWindow::separator:vertical {
    115   height: 5px;
    116   margin-left: 2px;
    117   margin-right: 2px;
    118   image: url(":/qdarkstyle/toolbar_separator_horizontal.png");
    119 }
    120 
    121 /* QToolTip ---------------------------------------------------------------
    122 
    123 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtooltip
    124 
    125 --------------------------------------------------------------------------- */
    126 QToolTip {
    127   background-color: #148CD2;
    128   border: 1px solid #19232D;
    129   color: #19232D;
    130   /* Remove padding, for fix combo box tooltip */
    131   padding: 0px;
    132   /* Remove opacity, fix #174 - may need to use RGBA */
    133 }
    134 
    135 /* QStatusBar -------------------------------------------------------------
    136 
    137 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qstatusbar
    138 
    139 --------------------------------------------------------------------------- */
    140 QStatusBar {
    141   border: 1px solid #32414B;
    142   /* Fixes Spyder #9120, #9121 */
    143   background: #32414B;
    144   /* Fixes #205, white vertical borders separating items */
    145 }
    146 
    147 QStatusBar::item {
    148   border: none;
    149 }
    150 
    151 QStatusBar QToolTip {
    152   background-color: #148CD2;
    153   border: 1px solid #19232D;
    154   color: #19232D;
    155   /* Remove padding, for fix combo box tooltip */
    156   padding: 0px;
    157   /* Reducing transparency to read better */
    158   opacity: 230;
    159 }
    160 
    161 QStatusBar QLabel {
    162   /* Fixes Spyder #9120, #9121 */
    163   background: transparent;
    164 }
    165 
    166 /* QCheckBox --------------------------------------------------------------
    167 
    168 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qcheckbox
    169 
    170 --------------------------------------------------------------------------- */
    171 QCheckBox {
    172   background-color: #19232D;
    173   color: #F0F0F0;
    174   spacing: 4px;
    175   outline: none;
    176   padding-top: 4px;
    177   padding-bottom: 4px;
    178 }
    179 
    180 QCheckBox:focus {
    181   border: none;
    182 }
    183 
    184 QCheckBox QWidget:disabled {
    185   background-color: #19232D;
    186   color: #787878;
    187 }
    188 
    189 QCheckBox::indicator {
    190   margin-left: 4px;
    191   height: 16px;
    192   width: 16px;
    193 }
    194 
    195 QCheckBox::indicator:unchecked {
    196   image: url(":/qdarkstyle/checkbox_unchecked.png");
    197 }
    198 
    199 QCheckBox::indicator:unchecked:hover, QCheckBox::indicator:unchecked:focus, QCheckBox::indicator:unchecked:pressed {
    200   border: none;
    201   image: url(":/qdarkstyle/checkbox_unchecked_focus.png");
    202 }
    203 
    204 QCheckBox::indicator:unchecked:disabled {
    205   image: url(":/qdarkstyle/checkbox_unchecked_disabled.png");
    206 }
    207 
    208 QCheckBox::indicator:checked {
    209   image: url(":/qdarkstyle/checkbox_checked.png");
    210 }
    211 
    212 QCheckBox::indicator:checked:hover, QCheckBox::indicator:checked:focus, QCheckBox::indicator:checked:pressed {
    213   border: none;
    214   image: url(":/qdarkstyle/checkbox_checked_focus.png");
    215 }
    216 
    217 QCheckBox::indicator:checked:disabled {
    218   image: url(":/qdarkstyle/checkbox_checked_disabled.png");
    219 }
    220 
    221 QCheckBox::indicator:indeterminate {
    222   image: url(":/qdarkstyle/checkbox_indeterminate.png");
    223 }
    224 
    225 QCheckBox::indicator:indeterminate:disabled {
    226   image: url(":/qdarkstyle/checkbox_indeterminate_disabled.png");
    227 }
    228 
    229 QCheckBox::indicator:indeterminate:focus, QCheckBox::indicator:indeterminate:hover, QCheckBox::indicator:indeterminate:pressed {
    230   image: url(":/qdarkstyle/checkbox_indeterminate_focus.png");
    231 }
    232 
    233 /* QGroupBox --------------------------------------------------------------
    234 
    235 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qgroupbox
    236 
    237 --------------------------------------------------------------------------- */
    238 QGroupBox {
    239   font-weight: bold;
    240   border: 1px solid #32414B;
    241   border-radius: 4px;
    242   padding: 4px;
    243   margin-top: 16px;
    244 }
    245 
    246 QGroupBox::title {
    247   subcontrol-origin: margin;
    248   subcontrol-position: top left;
    249   left: 3px;
    250   padding-left: 3px;
    251   padding-right: 5px;
    252   padding-top: 8px;
    253   padding-bottom: 16px;
    254 }
    255 
    256 QGroupBox::indicator {
    257   margin-left: 2px;
    258   height: 16px;
    259   width: 16px;
    260 }
    261 
    262 QGroupBox::indicator:unchecked {
    263   border: none;
    264   image: url(":/qdarkstyle/checkbox_unchecked.png");
    265 }
    266 
    267 QGroupBox::indicator:unchecked:hover, QGroupBox::indicator:unchecked:focus, QGroupBox::indicator:unchecked:pressed {
    268   border: none;
    269   image: url(":/qdarkstyle/checkbox_unchecked_focus.png");
    270 }
    271 
    272 QGroupBox::indicator:unchecked:disabled {
    273   image: url(":/qdarkstyle/checkbox_unchecked_disabled.png");
    274 }
    275 
    276 QGroupBox::indicator:checked {
    277   border: none;
    278   image: url(":/qdarkstyle/checkbox_checked.png");
    279 }
    280 
    281 QGroupBox::indicator:checked:hover, QGroupBox::indicator:checked:focus, QGroupBox::indicator:checked:pressed {
    282   border: none;
    283   image: url(":/qdarkstyle/checkbox_checked_focus.png");
    284 }
    285 
    286 QGroupBox::indicator:checked:disabled {
    287   image: url(":/qdarkstyle/checkbox_checked_disabled.png");
    288 }
    289 
    290 /* QRadioButton -----------------------------------------------------------
    291 
    292 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qradiobutton
    293 
    294 --------------------------------------------------------------------------- */
    295 QRadioButton {
    296   background-color: #19232D;
    297   color: #F0F0F0;
    298   spacing: 4px;
    299   padding: 0px;
    300   border: none;
    301   outline: none;
    302 }
    303 
    304 QRadioButton:focus {
    305   border: none;
    306 }
    307 
    308 QRadioButton:disabled {
    309   background-color: #19232D;
    310   color: #787878;
    311   border: none;
    312   outline: none;
    313 }
    314 
    315 QRadioButton QWidget {
    316   background-color: #19232D;
    317   color: #F0F0F0;
    318   spacing: 0px;
    319   padding: 0px;
    320   outline: none;
    321   border: none;
    322 }
    323 
    324 QRadioButton::indicator {
    325   border: none;
    326   outline: none;
    327   margin-left: 4px;
    328   height: 16px;
    329   width: 16px;
    330 }
    331 
    332 QRadioButton::indicator:unchecked {
    333   image: url(":/qdarkstyle/radio_unchecked.png");
    334 }
    335 
    336 QRadioButton::indicator:unchecked:hover, QRadioButton::indicator:unchecked:focus, QRadioButton::indicator:unchecked:pressed {
    337   border: none;
    338   outline: none;
    339   image: url(":/qdarkstyle/radio_unchecked_focus.png");
    340 }
    341 
    342 QRadioButton::indicator:unchecked:disabled {
    343   image: url(":/qdarkstyle/radio_unchecked_disabled.png");
    344 }
    345 
    346 QRadioButton::indicator:checked {
    347   border: none;
    348   outline: none;
    349   image: url(":/qdarkstyle/radio_checked.png");
    350 }
    351 
    352 QRadioButton::indicator:checked:hover, QRadioButton::indicator:checked:focus, QRadioButton::indicator:checked:pressed {
    353   border: none;
    354   outline: none;
    355   image: url(":/qdarkstyle/radio_checked_focus.png");
    356 }
    357 
    358 QRadioButton::indicator:checked:disabled {
    359   outline: none;
    360   image: url(":/qdarkstyle/radio_checked_disabled.png");
    361 }
    362 
    363 /* QMenuBar ---------------------------------------------------------------
    364 
    365 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qmenubar
    366 
    367 --------------------------------------------------------------------------- */
    368 QMenuBar {
    369   background-color: #32414B;
    370   padding: 2px;
    371   border: 1px solid #19232D;
    372   color: #F0F0F0;
    373 }
    374 
    375 QMenuBar:focus {
    376   border: 1px solid #148CD2;
    377 }
    378 
    379 QMenuBar::item {
    380   background: transparent;
    381   padding: 4px;
    382 }
    383 
    384 QMenuBar::item:selected {
    385   padding: 4px;
    386   background: transparent;
    387   border: 0px solid #32414B;
    388 }
    389 
    390 QMenuBar::item:pressed {
    391   padding: 4px;
    392   border: 0px solid #32414B;
    393   background-color: #148CD2;
    394   color: #F0F0F0;
    395   margin-bottom: 0px;
    396   padding-bottom: 0px;
    397 }
    398 
    399 /* QMenu ------------------------------------------------------------------
    400 
    401 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qmenu
    402 
    403 --------------------------------------------------------------------------- */
    404 QMenu {
    405   border: 0px solid #32414B;
    406   color: #F0F0F0;
    407   margin: 0px;
    408 }
    409 
    410 QMenu::separator {
    411   height: 1px;
    412   background-color: #505F69;
    413   color: #F0F0F0;
    414 }
    415 
    416 QMenu::icon {
    417   margin: 0px;
    418   padding-left: 8px;
    419 }
    420 
    421 QMenu::item {
    422   background-color: #32414B;
    423   padding: 4px 24px 4px 24px;
    424   /* Reserve space for selection border */
    425   border: 1px transparent #32414B;
    426 }
    427 
    428 QMenu::item:selected {
    429   color: #F0F0F0;
    430 }
    431 
    432 QMenu::indicator {
    433   width: 12px;
    434   height: 12px;
    435   padding-left: 6px;
    436   /* non-exclusive indicator = check box style indicator (see QActionGroup::setExclusive) */
    437   /* exclusive indicator = radio button style indicator (see QActionGroup::setExclusive) */
    438 }
    439 
    440 QMenu::indicator:non-exclusive:unchecked {
    441   image: url(":/qdarkstyle/checkbox_unchecked.png");
    442 }
    443 
    444 QMenu::indicator:non-exclusive:unchecked:selected {
    445   image: url(":/qdarkstyle/checkbox_unchecked_disabled.png");
    446 }
    447 
    448 QMenu::indicator:non-exclusive:checked {
    449   image: url(":/qdarkstyle/checkbox_checked.png");
    450 }
    451 
    452 QMenu::indicator:non-exclusive:checked:selected {
    453   image: url(":/qdarkstyle/checkbox_checked_disabled.png");
    454 }
    455 
    456 QMenu::indicator:exclusive:unchecked {
    457   image: url(":/qdarkstyle/radio_unchecked.png");
    458 }
    459 
    460 QMenu::indicator:exclusive:unchecked:selected {
    461   image: url(":/qdarkstyle/radio_unchecked_disabled.png");
    462 }
    463 
    464 QMenu::indicator:exclusive:checked {
    465   image: url(":/qdarkstyle/radio_checked.png");
    466 }
    467 
    468 QMenu::indicator:exclusive:checked:selected {
    469   image: url(":/qdarkstyle/radio_checked_disabled.png");
    470 }
    471 
    472 QMenu::right-arrow {
    473   margin: 5px;
    474   image: url(":/qdarkstyle/arrow_right.png");
    475   height: 12px;
    476   width: 12px;
    477 }
    478 
    479 /* QAbstractItemView ------------------------------------------------------
    480 
    481 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qcombobox
    482 
    483 --------------------------------------------------------------------------- */
    484 QAbstractItemView {
    485   alternate-background-color: #19232D;
    486   color: #F0F0F0;
    487   border: 1px solid #32414B;
    488   border-radius: 4px;
    489 }
    490 
    491 QAbstractItemView QLineEdit {
    492   padding: 2px;
    493 }
    494 
    495 /* QAbstractScrollArea ----------------------------------------------------
    496 
    497 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qabstractscrollarea
    498 
    499 --------------------------------------------------------------------------- */
    500 QAbstractScrollArea {
    501   background-color: #19232D;
    502   border: 1px solid #32414B;
    503   border-radius: 4px;
    504   padding: 2px;
    505   /* fix #159 */
    506   min-height: 1.25em;
    507   /* fix #159 */
    508   color: #F0F0F0;
    509 }
    510 
    511 QAbstractScrollArea:disabled {
    512   color: #787878;
    513 }
    514 
    515 /* QScrollArea ------------------------------------------------------------
    516 
    517 --------------------------------------------------------------------------- */
    518 QScrollArea QWidget QWidget:disabled {
    519   background-color: #19232D;
    520 }
    521 
    522 /* QScrollBar -------------------------------------------------------------
    523 
    524 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qscrollbar
    525 
    526 --------------------------------------------------------------------------- */
    527 QScrollBar:horizontal {
    528   height: 16px;
    529   margin: 2px 16px 2px 16px;
    530   border: 1px solid #32414B;
    531   border-radius: 4px;
    532   background-color: #19232D;
    533 }
    534 
    535 QScrollBar:vertical {
    536   background-color: #19232D;
    537   width: 16px;
    538   margin: 16px 2px 16px 2px;
    539   border: 1px solid #32414B;
    540   border-radius: 4px;
    541 }
    542 
    543 QScrollBar::handle:horizontal {
    544   background-color: #787878;
    545   border: 1px solid #32414B;
    546   border-radius: 4px;
    547   min-width: 8px;
    548 }
    549 
    550 QScrollBar::handle:horizontal:hover {
    551   background-color: #148CD2;
    552   border: 1px solid #148CD2;
    553   border-radius: 4px;
    554   min-width: 8px;
    555 }
    556 
    557 QScrollBar::handle:horizontal:focus {
    558   border: 1px solid #1464A0;
    559 }
    560 
    561 QScrollBar::handle:vertical {
    562   background-color: #787878;
    563   border: 1px solid #32414B;
    564   min-height: 8px;
    565   border-radius: 4px;
    566 }
    567 
    568 QScrollBar::handle:vertical:hover {
    569   background-color: #148CD2;
    570   border: 1px solid #148CD2;
    571   border-radius: 4px;
    572   min-height: 8px;
    573 }
    574 
    575 QScrollBar::handle:vertical:focus {
    576   border: 1px solid #1464A0;
    577 }
    578 
    579 QScrollBar::add-line:horizontal {
    580   margin: 0px 0px 0px 0px;
    581   border-image: url(":/qdarkstyle/arrow_right_disabled.png");
    582   height: 12px;
    583   width: 12px;
    584   subcontrol-position: right;
    585   subcontrol-origin: margin;
    586 }
    587 
    588 QScrollBar::add-line:horizontal:hover, QScrollBar::add-line:horizontal:on {
    589   border-image: url(":/qdarkstyle/arrow_right.png");
    590   height: 12px;
    591   width: 12px;
    592   subcontrol-position: right;
    593   subcontrol-origin: margin;
    594 }
    595 
    596 QScrollBar::add-line:vertical {
    597   margin: 3px 0px 3px 0px;
    598   border-image: url(":/qdarkstyle/arrow_down_disabled.png");
    599   height: 12px;
    600   width: 12px;
    601   subcontrol-position: bottom;
    602   subcontrol-origin: margin;
    603 }
    604 
    605 QScrollBar::add-line:vertical:hover, QScrollBar::add-line:vertical:on {
    606   border-image: url(":/qdarkstyle/arrow_down.png");
    607   height: 12px;
    608   width: 12px;
    609   subcontrol-position: bottom;
    610   subcontrol-origin: margin;
    611 }
    612 
    613 QScrollBar::sub-line:horizontal {
    614   margin: 0px 3px 0px 3px;
    615   border-image: url(":/qdarkstyle/arrow_left_disabled.png");
    616   height: 12px;
    617   width: 12px;
    618   subcontrol-position: left;
    619   subcontrol-origin: margin;
    620 }
    621 
    622 QScrollBar::sub-line:horizontal:hover, QScrollBar::sub-line:horizontal:on {
    623   border-image: url(":/qdarkstyle/arrow_left.png");
    624   height: 12px;
    625   width: 12px;
    626   subcontrol-position: left;
    627   subcontrol-origin: margin;
    628 }
    629 
    630 QScrollBar::sub-line:vertical {
    631   margin: 3px 0px 3px 0px;
    632   border-image: url(":/qdarkstyle/arrow_up_disabled.png");
    633   height: 12px;
    634   width: 12px;
    635   subcontrol-position: top;
    636   subcontrol-origin: margin;
    637 }
    638 
    639 QScrollBar::sub-line:vertical:hover, QScrollBar::sub-line:vertical:on {
    640   border-image: url(":/qdarkstyle/arrow_up.png");
    641   height: 12px;
    642   width: 12px;
    643   subcontrol-position: top;
    644   subcontrol-origin: margin;
    645 }
    646 
    647 QScrollBar::up-arrow:horizontal, QScrollBar::down-arrow:horizontal {
    648   background: none;
    649 }
    650 
    651 QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical {
    652   background: none;
    653 }
    654 
    655 QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
    656   background: none;
    657 }
    658 
    659 QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
    660   background: none;
    661 }
    662 
    663 /* QTextEdit --------------------------------------------------------------
    664 
    665 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-specific-widgets
    666 
    667 --------------------------------------------------------------------------- */
    668 QTextEdit {
    669   background-color: #19232D;
    670   color: #F0F0F0;
    671   border-radius: 4px;
    672   border: 1px solid #32414B;
    673 }
    674 
    675 QTextEdit:hover {
    676   border: 1px solid #148CD2;
    677   color: #F0F0F0;
    678 }
    679 
    680 QTextEdit:focus {
    681   border: 1px solid #1464A0;
    682 }
    683 
    684 QTextEdit:selected {
    685   background: #1464A0;
    686   color: #32414B;
    687 }
    688 
    689 /* QPlainTextEdit ---------------------------------------------------------
    690 
    691 --------------------------------------------------------------------------- */
    692 QPlainTextEdit {
    693   background-color: #19232D;
    694   color: #F0F0F0;
    695   border-radius: 4px;
    696   border: 1px solid #32414B;
    697 }
    698 
    699 QPlainTextEdit:hover {
    700   border: 1px solid #148CD2;
    701   color: #F0F0F0;
    702 }
    703 
    704 QPlainTextEdit:focus {
    705   border: 1px solid #1464A0;
    706 }
    707 
    708 QPlainTextEdit:selected {
    709   background: #1464A0;
    710   color: #32414B;
    711 }
    712 
    713 /* QSizeGrip --------------------------------------------------------------
    714 
    715 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qsizegrip
    716 
    717 --------------------------------------------------------------------------- */
    718 QSizeGrip {
    719   background: transparent;
    720   width: 12px;
    721   height: 12px;
    722   image: url(":/qdarkstyle/window_grip.png");
    723 }
    724 
    725 /* QStackedWidget ---------------------------------------------------------
    726 
    727 --------------------------------------------------------------------------- */
    728 QStackedWidget {
    729   padding: 2px;
    730   border: 1px solid #32414B;
    731   border: 1px solid #19232D;
    732 }
    733 
    734 /* QToolBar ---------------------------------------------------------------
    735 
    736 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtoolbar
    737 
    738 --------------------------------------------------------------------------- */
    739 QToolBar {
    740   background-color: #32414B;
    741   border-bottom: 1px solid #19232D;
    742   padding: 2px;
    743   font-weight: bold;
    744   spacing: 2px;
    745 }
    746 
    747 QToolBar QToolButton {
    748   background-color: #32414B;
    749   border: 1px solid #32414B;
    750 }
    751 
    752 QToolBar QToolButton:hover {
    753   border: 1px solid #148CD2;
    754 }
    755 
    756 QToolBar QToolButton:checked {
    757   border: 1px solid #19232D;
    758   background-color: #19232D;
    759 }
    760 
    761 QToolBar QToolButton:checked:hover {
    762   border: 1px solid #148CD2;
    763 }
    764 
    765 QToolBar::handle:horizontal {
    766   width: 16px;
    767   image: url(":/qdarkstyle/toolbar_move_horizontal.png");
    768 }
    769 
    770 QToolBar::handle:vertical {
    771   height: 16px;
    772   image: url(":/qdarkstyle/toolbar_move_vertical.png");
    773 }
    774 
    775 QToolBar::separator:horizontal {
    776   width: 16px;
    777   image: url(":/qdarkstyle/toolbar_separator_horizontal.png");
    778 }
    779 
    780 QToolBar::separator:vertical {
    781   height: 16px;
    782   image: url(":/qdarkstyle/toolbar_separator_vertical.png");
    783 }
    784 
    785 QToolButton#qt_toolbar_ext_button {
    786   background: #32414B;
    787   border: 0px;
    788   color: #F0F0F0;
    789   image: url(":/qdarkstyle/arrow_right.png");
    790 }
    791 
    792 /* QAbstractSpinBox -------------------------------------------------------
    793 
    794 --------------------------------------------------------------------------- */
    795 QAbstractSpinBox {
    796   background-color: #19232D;
    797   border: 1px solid #32414B;
    798   color: #F0F0F0;
    799   /* This fixes 103, 111 */
    800   padding-top: 2px;
    801   /* This fixes 103, 111 */
    802   padding-bottom: 2px;
    803   padding-left: 4px;
    804   padding-right: 4px;
    805   border-radius: 4px;
    806   /* min-width: 5px; removed to fix 109 */
    807 }
    808 
    809 QAbstractSpinBox:up-button {
    810   background-color: transparent #19232D;
    811   subcontrol-origin: border;
    812   subcontrol-position: top right;
    813   border-left: 1px solid #32414B;
    814   border-bottom: 1px solid #32414B;
    815   border-top-left-radius: 0;
    816   border-bottom-left-radius: 0;
    817   margin: 1px;
    818   width: 12px;
    819   margin-bottom: -1px;
    820 }
    821 
    822 QAbstractSpinBox::up-arrow, QAbstractSpinBox::up-arrow:disabled, QAbstractSpinBox::up-arrow:off {
    823   image: url(":/qdarkstyle/arrow_up_disabled.png");
    824   height: 8px;
    825   width: 8px;
    826 }
    827 
    828 QAbstractSpinBox::up-arrow:hover {
    829   image: url(":/qdarkstyle/arrow_up.png");
    830 }
    831 
    832 QAbstractSpinBox:down-button {
    833   background-color: transparent #19232D;
    834   subcontrol-origin: border;
    835   subcontrol-position: bottom right;
    836   border-left: 1px solid #32414B;
    837   border-top: 1px solid #32414B;
    838   border-top-left-radius: 0;
    839   border-bottom-left-radius: 0;
    840   margin: 1px;
    841   width: 12px;
    842   margin-top: -1px;
    843 }
    844 
    845 QAbstractSpinBox::down-arrow, QAbstractSpinBox::down-arrow:disabled, QAbstractSpinBox::down-arrow:off {
    846   image: url(":/qdarkstyle/arrow_down_disabled.png");
    847   height: 8px;
    848   width: 8px;
    849 }
    850 
    851 QAbstractSpinBox::down-arrow:hover {
    852   image: url(":/qdarkstyle/arrow_down.png");
    853 }
    854 
    855 QAbstractSpinBox:hover {
    856   border: 1px solid #148CD2;
    857   color: #F0F0F0;
    858 }
    859 
    860 QAbstractSpinBox:focus {
    861   border: 1px solid #1464A0;
    862 }
    863 
    864 QAbstractSpinBox:selected {
    865   background: #1464A0;
    866   color: #32414B;
    867 }
    868 
    869 /* ------------------------------------------------------------------------ */
    870 /* DISPLAYS --------------------------------------------------------------- */
    871 /* ------------------------------------------------------------------------ */
    872 /* QLabel -----------------------------------------------------------------
    873 
    874 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qframe
    875 
    876 --------------------------------------------------------------------------- */
    877 QLabel {
    878   background-color: #19232D;
    879   border: 0px solid #32414B;
    880   padding: 2px;
    881   margin: 0px;
    882   color: #F0F0F0;
    883 }
    884 
    885 QLabel:disabled {
    886   background-color: #19232D;
    887   border: 0px solid #32414B;
    888   color: #787878;
    889 }
    890 
    891 /* QTextBrowser -----------------------------------------------------------
    892 
    893 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qabstractscrollarea
    894 
    895 --------------------------------------------------------------------------- */
    896 QTextBrowser {
    897   background-color: #19232D;
    898   border: 1px solid #32414B;
    899   color: #F0F0F0;
    900   border-radius: 4px;
    901 }
    902 
    903 QTextBrowser:disabled {
    904   background-color: #19232D;
    905   border: 1px solid #32414B;
    906   color: #787878;
    907   border-radius: 4px;
    908 }
    909 
    910 QTextBrowser:hover, QTextBrowser:!hover, QTextBrowser:selected, QTextBrowser:pressed {
    911   border: 1px solid #32414B;
    912 }
    913 
    914 /* QGraphicsView ----------------------------------------------------------
    915 
    916 --------------------------------------------------------------------------- */
    917 QGraphicsView {
    918   background-color: #19232D;
    919   border: 1px solid #32414B;
    920   color: #F0F0F0;
    921   border-radius: 4px;
    922 }
    923 
    924 QGraphicsView:disabled {
    925   background-color: #19232D;
    926   border: 1px solid #32414B;
    927   color: #787878;
    928   border-radius: 4px;
    929 }
    930 
    931 QGraphicsView:hover, QGraphicsView:!hover, QGraphicsView:selected, QGraphicsView:pressed {
    932   border: 1px solid #32414B;
    933 }
    934 
    935 /* QCalendarWidget --------------------------------------------------------
    936 
    937 --------------------------------------------------------------------------- */
    938 QCalendarWidget {
    939   border: 1px solid #32414B;
    940   border-radius: 4px;
    941 }
    942 
    943 QCalendarWidget:disabled {
    944   background-color: #19232D;
    945   color: #787878;
    946 }
    947 
    948 /* QLCDNumber -------------------------------------------------------------
    949 
    950 --------------------------------------------------------------------------- */
    951 QLCDNumber {
    952   background-color: #19232D;
    953   color: #F0F0F0;
    954 }
    955 
    956 QLCDNumber:disabled {
    957   background-color: #19232D;
    958   color: #787878;
    959 }
    960 
    961 /* QProgressBar -----------------------------------------------------------
    962 
    963 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qprogressbar
    964 
    965 --------------------------------------------------------------------------- */
    966 QProgressBar {
    967   background-color: #19232D;
    968   border: 1px solid #32414B;
    969   color: #F0F0F0;
    970   border-radius: 4px;
    971   text-align: center;
    972 }
    973 
    974 QProgressBar:disabled {
    975   background-color: #19232D;
    976   border: 1px solid #32414B;
    977   color: #787878;
    978   border-radius: 4px;
    979   text-align: center;
    980 }
    981 
    982 QProgressBar::chunk {
    983   background-color: #1464A0;
    984   color: #19232D;
    985   border-radius: 4px;
    986 }
    987 
    988 QProgressBar::chunk:disabled {
    989   background-color: #14506E;
    990   color: #787878;
    991   border-radius: 4px;
    992 }
    993 
    994 /* ------------------------------------------------------------------------ */
    995 /* BUTTONS ---------------------------------------------------------------- */
    996 /* ------------------------------------------------------------------------ */
    997 /* QPushButton ------------------------------------------------------------
    998 
    999 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qpushbutton
   1000 
   1001 --------------------------------------------------------------------------- */
   1002 QPushButton {
   1003   background-color: #505F69;
   1004   border: 1px solid #32414B;
   1005   color: #F0F0F0;
   1006   border-radius: 4px;
   1007   padding: 3px;
   1008   outline: none;
   1009   /* Issue #194 - Special case of QPushButton inside dialogs, for better UI */
   1010   min-width: 80px;
   1011 }
   1012 
   1013 QPushButton:disabled {
   1014   background-color: #32414B;
   1015   border: 1px solid #32414B;
   1016   color: #787878;
   1017   border-radius: 4px;
   1018   padding: 3px;
   1019 }
   1020 
   1021 QPushButton:checked {
   1022   background-color: #32414B;
   1023   border: 1px solid #32414B;
   1024   border-radius: 4px;
   1025   padding: 3px;
   1026   outline: none;
   1027 }
   1028 
   1029 QPushButton:checked:disabled {
   1030   background-color: #19232D;
   1031   border: 1px solid #32414B;
   1032   color: #787878;
   1033   border-radius: 4px;
   1034   padding: 3px;
   1035   outline: none;
   1036 }
   1037 
   1038 QPushButton:checked:selected {
   1039   background: #1464A0;
   1040   color: #32414B;
   1041 }
   1042 
   1043 QPushButton::menu-indicator {
   1044   subcontrol-origin: padding;
   1045   subcontrol-position: bottom right;
   1046   bottom: 4px;
   1047 }
   1048 
   1049 QPushButton:pressed {
   1050   background-color: #19232D;
   1051   border: 1px solid #19232D;
   1052 }
   1053 
   1054 QPushButton:pressed:hover {
   1055   border: 1px solid #148CD2;
   1056 }
   1057 
   1058 QPushButton:hover {
   1059   border: 1px solid #148CD2;
   1060   color: #F0F0F0;
   1061 }
   1062 
   1063 QPushButton:selected {
   1064   background: #1464A0;
   1065   color: #32414B;
   1066 }
   1067 
   1068 QPushButton:hover {
   1069   border: 1px solid #148CD2;
   1070   color: #F0F0F0;
   1071 }
   1072 
   1073 QPushButton:focus {
   1074   border: 1px solid #1464A0;
   1075 }
   1076 
   1077 /* QToolButton ------------------------------------------------------------
   1078 
   1079 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtoolbutton
   1080 
   1081 --------------------------------------------------------------------------- */
   1082 QToolButton {
   1083   background-color: transparent;
   1084   border: 1px solid transparent;
   1085   border-radius: 4px;
   1086   margin: 0px;
   1087   padding: 2px;
   1088   /* The subcontrols below are used only in the DelayedPopup mode */
   1089   /* The subcontrols below are used only in the MenuButtonPopup mode */
   1090   /* The subcontrol below is used only in the InstantPopup or DelayedPopup mode */
   1091 }
   1092 
   1093 QToolButton:checked {
   1094   background-color: transparent;
   1095   border: 1px solid #1464A0;
   1096 }
   1097 
   1098 QToolButton:checked:disabled {
   1099   border: 1px solid #14506E;
   1100 }
   1101 
   1102 QToolButton:pressed {
   1103   margin: 1px;
   1104   background-color: transparent;
   1105   border: 1px solid #1464A0;
   1106 }
   1107 
   1108 QToolButton:disabled {
   1109   border: none;
   1110 }
   1111 
   1112 QToolButton:hover {
   1113   border: 1px solid #148CD2;
   1114 }
   1115 
   1116 QToolButton[popupMode="0"] {
   1117   /* Only for DelayedPopup */
   1118   padding-right: 2px;
   1119 }
   1120 
   1121 QToolButton[popupMode="1"] {
   1122   /* Only for MenuButtonPopup */
   1123   padding-right: 20px;
   1124 }
   1125 
   1126 QToolButton[popupMode="1"]::menu-button {
   1127   border: none;
   1128 }
   1129 
   1130 QToolButton[popupMode="1"]::menu-button:hover {
   1131   border: none;
   1132   border-left: 1px solid #148CD2;
   1133   border-radius: 0;
   1134 }
   1135 
   1136 QToolButton[popupMode="2"] {
   1137   /* Only for InstantPopup */
   1138   padding-right: 2px;
   1139 }
   1140 
   1141 QToolButton::menu-button {
   1142   padding: 2px;
   1143   border-radius: 4px;
   1144   border: 1px solid #32414B;
   1145   width: 12px;
   1146   outline: none;
   1147 }
   1148 
   1149 QToolButton::menu-button:hover {
   1150   border: 1px solid #148CD2;
   1151 }
   1152 
   1153 QToolButton::menu-button:checked:hover {
   1154   border: 1px solid #148CD2;
   1155 }
   1156 
   1157 QToolButton::menu-indicator {
   1158   image: url(":/qdarkstyle/arrow_down.png");
   1159   height: 8px;
   1160   width: 8px;
   1161   top: 0;
   1162   /* Exclude a shift for better image */
   1163   left: -2px;
   1164   /* Shift it a bit */
   1165 }
   1166 
   1167 QToolButton::menu-arrow {
   1168   image: url(":/qdarkstyle/arrow_down.png");
   1169   height: 8px;
   1170   width: 8px;
   1171 }
   1172 
   1173 QToolButton::menu-arrow:hover {
   1174   image: url(":/qdarkstyle/arrow_down_focus.png");
   1175 }
   1176 
   1177 /* QCommandLinkButton -----------------------------------------------------
   1178 
   1179 --------------------------------------------------------------------------- */
   1180 QCommandLinkButton {
   1181   background-color: transparent;
   1182   border: 1px solid #32414B;
   1183   color: #F0F0F0;
   1184   border-radius: 4px;
   1185   padding: 0px;
   1186   margin: 0px;
   1187 }
   1188 
   1189 QCommandLinkButton:disabled {
   1190   background-color: transparent;
   1191   color: #787878;
   1192 }
   1193 
   1194 /* ------------------------------------------------------------------------ */
   1195 /* INPUTS - NO FIELDS ----------------------------------------------------- */
   1196 /* ------------------------------------------------------------------------ */
   1197 /* QComboBox --------------------------------------------------------------
   1198 
   1199 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qcombobox
   1200 
   1201 --------------------------------------------------------------------------- */
   1202 QComboBox {
   1203   border: 1px solid #32414B;
   1204   border-radius: 4px;
   1205   selection-background-color: #1464A0;
   1206   padding-left: 4px;
   1207   padding-right: 36px;
   1208   /* 4 + 16*2 See scrollbar size */
   1209   /* Fixes #103, #111 */
   1210   min-height: 1.5em;
   1211   /* padding-top: 2px;     removed to fix #132 */
   1212   /* padding-bottom: 2px;  removed to fix #132 */
   1213   /* min-width: 75px;      removed to fix #109 */
   1214   /* Needed to remove indicator - fix #132 */
   1215 }
   1216 
   1217 QComboBox QAbstractItemView {
   1218   border: 1px solid #32414B;
   1219   border-radius: 0;
   1220   background-color: #19232D;
   1221   selection-background-color: #1464A0;
   1222 }
   1223 
   1224 QComboBox QAbstractItemView:hover {
   1225   background-color: #19232D;
   1226   color: #F0F0F0;
   1227 }
   1228 
   1229 QComboBox QAbstractItemView:selected {
   1230   background: #1464A0;
   1231   color: #32414B;
   1232 }
   1233 
   1234 QComboBox QAbstractItemView:alternate {
   1235   background: #19232D;
   1236 }
   1237 
   1238 QComboBox:disabled {
   1239   background-color: #19232D;
   1240   color: #787878;
   1241 }
   1242 
   1243 QComboBox:hover {
   1244   border: 1px solid #148CD2;
   1245 }
   1246 
   1247 QComboBox:focus {
   1248   border: 1px solid #1464A0;
   1249 }
   1250 
   1251 QComboBox:on {
   1252   selection-background-color: #1464A0;
   1253 }
   1254 
   1255 QComboBox::indicator {
   1256   border: none;
   1257   border-radius: 0;
   1258   background-color: transparent;
   1259   selection-background-color: transparent;
   1260   color: transparent;
   1261   selection-color: transparent;
   1262   /* Needed to remove indicator - fix #132 */
   1263 }
   1264 
   1265 QComboBox::indicator:alternate {
   1266   background: #19232D;
   1267 }
   1268 
   1269 QComboBox::item:alternate {
   1270   background: #19232D;
   1271 }
   1272 
   1273 QComboBox::item:checked {
   1274   font-weight: bold;
   1275 }
   1276 
   1277 QComboBox::item:selected {
   1278   border: 0px solid transparent;
   1279 }
   1280 
   1281 QComboBox::drop-down {
   1282   subcontrol-origin: padding;
   1283   subcontrol-position: top right;
   1284   width: 12px;
   1285   border-left: 1px solid #32414B;
   1286 }
   1287 
   1288 QComboBox::down-arrow {
   1289   image: url(":/qdarkstyle/arrow_down_disabled.png");
   1290   height: 8px;
   1291   width: 8px;
   1292 }
   1293 
   1294 QComboBox::down-arrow:on, QComboBox::down-arrow:hover, QComboBox::down-arrow:focus {
   1295   image: url(":/qdarkstyle/arrow_down.png");
   1296 }
   1297 
   1298 /* QSlider ----------------------------------------------------------------
   1299 
   1300 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qslider
   1301 
   1302 --------------------------------------------------------------------------- */
   1303 QSlider:disabled {
   1304   background: #19232D;
   1305 }
   1306 
   1307 QSlider:focus {
   1308   border: none;
   1309 }
   1310 
   1311 QSlider::groove:horizontal {
   1312   background: #32414B;
   1313   border: 1px solid #32414B;
   1314   height: 4px;
   1315   margin: 0px;
   1316   border-radius: 4px;
   1317 }
   1318 
   1319 QSlider::groove:vertical {
   1320   background: #32414B;
   1321   border: 1px solid #32414B;
   1322   width: 4px;
   1323   margin: 0px;
   1324   border-radius: 4px;
   1325 }
   1326 
   1327 QSlider::add-page:vertical {
   1328   background: #1464A0;
   1329   border: 1px solid #32414B;
   1330   width: 4px;
   1331   margin: 0px;
   1332   border-radius: 4px;
   1333 }
   1334 
   1335 QSlider::add-page:vertical :disabled {
   1336   background: #14506E;
   1337 }
   1338 
   1339 QSlider::sub-page:horizontal {
   1340   background: #1464A0;
   1341   border: 1px solid #32414B;
   1342   height: 4px;
   1343   margin: 0px;
   1344   border-radius: 4px;
   1345 }
   1346 
   1347 QSlider::sub-page:horizontal:disabled {
   1348   background: #14506E;
   1349 }
   1350 
   1351 QSlider::handle:horizontal {
   1352   background: #787878;
   1353   border: 1px solid #32414B;
   1354   width: 8px;
   1355   height: 8px;
   1356   margin: -8px 0px;
   1357   border-radius: 4px;
   1358 }
   1359 
   1360 QSlider::handle:horizontal:hover {
   1361   background: #148CD2;
   1362   border: 1px solid #148CD2;
   1363 }
   1364 
   1365 QSlider::handle:horizontal:focus {
   1366   border: 1px solid #1464A0;
   1367 }
   1368 
   1369 QSlider::handle:vertical {
   1370   background: #787878;
   1371   border: 1px solid #32414B;
   1372   width: 8px;
   1373   height: 8px;
   1374   margin: 0 -8px;
   1375   border-radius: 4px;
   1376 }
   1377 
   1378 QSlider::handle:vertical:hover {
   1379   background: #148CD2;
   1380   border: 1px solid #148CD2;
   1381 }
   1382 
   1383 QSlider::handle:vertical:focus {
   1384   border: 1px solid #1464A0;
   1385 }
   1386 
   1387 /* QLineEdit --------------------------------------------------------------
   1388 
   1389 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qlineedit
   1390 
   1391 --------------------------------------------------------------------------- */
   1392 QLineEdit {
   1393   background-color: #19232D;
   1394   padding-top: 2px;
   1395   /* This QLineEdit fix  103, 111 */
   1396   padding-bottom: 2px;
   1397   /* This QLineEdit fix  103, 111 */
   1398   padding-left: 4px;
   1399   padding-right: 4px;
   1400   border-style: solid;
   1401   border: 1px solid #32414B;
   1402   border-radius: 4px;
   1403   color: #F0F0F0;
   1404 }
   1405 
   1406 QLineEdit:disabled {
   1407   background-color: #19232D;
   1408   color: #787878;
   1409 }
   1410 
   1411 QLineEdit:hover {
   1412   border: 1px solid #148CD2;
   1413   color: #F0F0F0;
   1414 }
   1415 
   1416 QLineEdit:focus {
   1417   border: 1px solid #1464A0;
   1418 }
   1419 
   1420 QLineEdit:selected {
   1421   background-color: #1464A0;
   1422   color: #32414B;
   1423 }
   1424 
   1425 /* QTabWiget --------------------------------------------------------------
   1426 
   1427 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtabwidget-and-qtabbar
   1428 
   1429 --------------------------------------------------------------------------- */
   1430 QTabWidget {
   1431   padding: 2px;
   1432   selection-background-color: #32414B;
   1433 }
   1434 
   1435 QTabWidget QWidget {
   1436   /* Fixes #189 */
   1437   border-radius: 4px;
   1438 }
   1439 
   1440 QTabWidget::pane {
   1441   border: 1px solid #32414B;
   1442   border-radius: 4px;
   1443   margin: 0px;
   1444   /* Fixes double border inside pane with pyqt5 */
   1445   padding: 0px;
   1446 }
   1447 
   1448 QTabWidget::pane:selected {
   1449   background-color: #32414B;
   1450   border: 1px solid #1464A0;
   1451 }
   1452 
   1453 /* QTabBar ----------------------------------------------------------------
   1454 
   1455 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtabwidget-and-qtabbar
   1456 
   1457 --------------------------------------------------------------------------- */
   1458 QTabBar {
   1459   qproperty-drawBase: 0;
   1460   border-radius: 4px;
   1461   margin: 0px;
   1462   padding: 2px;
   1463   border: 0;
   1464   /* left: 5px; move to the right by 5px - removed for fix */
   1465 }
   1466 
   1467 QTabBar::close-button {
   1468   border: 0;
   1469   margin: 2px;
   1470   padding: 2px;
   1471   image: url(":/qdarkstyle/window_close.png");
   1472 }
   1473 
   1474 QTabBar::close-button:hover {
   1475   image: url(":/qdarkstyle/window_close_focus.png");
   1476 }
   1477 
   1478 QTabBar::close-button:pressed {
   1479   image: url(":/qdarkstyle/window_close_pressed.png");
   1480 }
   1481 
   1482 /* QTabBar::tab - selected ------------------------------------------------
   1483 
   1484 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtabwidget-and-qtabbar
   1485 
   1486 --------------------------------------------------------------------------- */
   1487 QTabBar::tab {
   1488   /* !selected and disabled ----------------------------------------- */
   1489   /* selected ------------------------------------------------------- */
   1490 }
   1491 
   1492 QTabBar::tab:top:selected:disabled {
   1493   border-bottom: 3px solid #14506E;
   1494   color: #787878;
   1495   background-color: #32414B;
   1496 }
   1497 
   1498 QTabBar::tab:bottom:selected:disabled {
   1499   border-top: 3px solid #14506E;
   1500   color: #787878;
   1501   background-color: #32414B;
   1502 }
   1503 
   1504 QTabBar::tab:left:selected:disabled {
   1505   border-right: 3px solid #14506E;
   1506   color: #787878;
   1507   background-color: #32414B;
   1508 }
   1509 
   1510 QTabBar::tab:right:selected:disabled {
   1511   border-left: 3px solid #14506E;
   1512   color: #787878;
   1513   background-color: #32414B;
   1514 }
   1515 
   1516 QTabBar::tab:top:!selected:disabled {
   1517   border-bottom: 3px solid #19232D;
   1518   color: #787878;
   1519   background-color: #19232D;
   1520 }
   1521 
   1522 QTabBar::tab:bottom:!selected:disabled {
   1523   border-top: 3px solid #19232D;
   1524   color: #787878;
   1525   background-color: #19232D;
   1526 }
   1527 
   1528 QTabBar::tab:left:!selected:disabled {
   1529   border-right: 3px solid #19232D;
   1530   color: #787878;
   1531   background-color: #19232D;
   1532 }
   1533 
   1534 QTabBar::tab:right:!selected:disabled {
   1535   border-left: 3px solid #19232D;
   1536   color: #787878;
   1537   background-color: #19232D;
   1538 }
   1539 
   1540 QTabBar::tab:top:!selected {
   1541   border-bottom: 2px solid #19232D;
   1542   margin-top: 2px;
   1543 }
   1544 
   1545 QTabBar::tab:bottom:!selected {
   1546   border-top: 2px solid #19232D;
   1547   margin-bottom: 3px;
   1548 }
   1549 
   1550 QTabBar::tab:left:!selected {
   1551   border-left: 2px solid #19232D;
   1552   margin-right: 2px;
   1553 }
   1554 
   1555 QTabBar::tab:right:!selected {
   1556   border-right: 2px solid #19232D;
   1557   margin-left: 2px;
   1558 }
   1559 
   1560 QTabBar::tab:top {
   1561   background-color: #32414B;
   1562   color: #F0F0F0;
   1563   margin-left: 2px;
   1564   padding-left: 4px;
   1565   padding-right: 4px;
   1566   padding-top: 2px;
   1567   padding-bottom: 2px;
   1568   min-width: 5px;
   1569   border-bottom: 3px solid #32414B;
   1570   border-top-left-radius: 3px;
   1571   border-top-right-radius: 3px;
   1572 }
   1573 
   1574 QTabBar::tab:top:selected {
   1575   background-color: #505F69;
   1576   color: #F0F0F0;
   1577   border-bottom: 3px solid #1464A0;
   1578   border-top-left-radius: 3px;
   1579   border-top-right-radius: 3px;
   1580 }
   1581 
   1582 QTabBar::tab:top:!selected:hover {
   1583   border: 1px solid #148CD2;
   1584   border-bottom: 3px solid #148CD2;
   1585   /* Fixes spyder-ide/spyder#9766 */
   1586   padding-left: 4px;
   1587   padding-right: 4px;
   1588 }
   1589 
   1590 QTabBar::tab:bottom {
   1591   color: #F0F0F0;
   1592   border-top: 3px solid #32414B;
   1593   background-color: #32414B;
   1594   margin-left: 2px;
   1595   padding-left: 4px;
   1596   padding-right: 4px;
   1597   padding-top: 2px;
   1598   padding-bottom: 2px;
   1599   border-bottom-left-radius: 3px;
   1600   border-bottom-right-radius: 3px;
   1601   min-width: 5px;
   1602 }
   1603 
   1604 QTabBar::tab:bottom:selected {
   1605   color: #F0F0F0;
   1606   background-color: #505F69;
   1607   border-top: 3px solid #1464A0;
   1608   border-bottom-left-radius: 3px;
   1609   border-bottom-right-radius: 3px;
   1610 }
   1611 
   1612 QTabBar::tab:bottom:!selected:hover {
   1613   border: 1px solid #148CD2;
   1614   border-top: 3px solid #148CD2;
   1615   /* Fixes spyder-ide/spyder#9766 */
   1616   padding-left: 4px;
   1617   padding-right: 4px;
   1618 }
   1619 
   1620 QTabBar::tab:left {
   1621   color: #F0F0F0;
   1622   background-color: #32414B;
   1623   margin-top: 2px;
   1624   padding-left: 2px;
   1625   padding-right: 2px;
   1626   padding-top: 4px;
   1627   padding-bottom: 4px;
   1628   border-top-left-radius: 3px;
   1629   border-bottom-left-radius: 3px;
   1630   min-height: 5px;
   1631 }
   1632 
   1633 QTabBar::tab:left:selected {
   1634   color: #F0F0F0;
   1635   background-color: #505F69;
   1636   border-right: 3px solid #1464A0;
   1637 }
   1638 
   1639 QTabBar::tab:left:!selected:hover {
   1640   border: 1px solid #148CD2;
   1641   border-right: 3px solid #148CD2;
   1642   padding: 0px;
   1643 }
   1644 
   1645 QTabBar::tab:right {
   1646   color: #F0F0F0;
   1647   background-color: #32414B;
   1648   margin-top: 2px;
   1649   padding-left: 2px;
   1650   padding-right: 2px;
   1651   padding-top: 4px;
   1652   padding-bottom: 4px;
   1653   border-top-right-radius: 3px;
   1654   border-bottom-right-radius: 3px;
   1655   min-height: 5px;
   1656 }
   1657 
   1658 QTabBar::tab:right:selected {
   1659   color: #F0F0F0;
   1660   background-color: #505F69;
   1661   border-left: 3px solid #1464A0;
   1662 }
   1663 
   1664 QTabBar::tab:right:!selected:hover {
   1665   border: 1px solid #148CD2;
   1666   border-left: 3px solid #148CD2;
   1667   padding: 0px;
   1668 }
   1669 
   1670 QTabBar QToolButton {
   1671   /* Fixes #136 */
   1672   background-color: #32414B;
   1673   height: 12px;
   1674   width: 12px;
   1675 }
   1676 
   1677 QTabBar QToolButton:pressed {
   1678   background-color: #32414B;
   1679 }
   1680 
   1681 QTabBar QToolButton:pressed:hover {
   1682   border: 1px solid #148CD2;
   1683 }
   1684 
   1685 QTabBar QToolButton::left-arrow:enabled {
   1686   image: url(":/qdarkstyle/arrow_left.png");
   1687 }
   1688 
   1689 QTabBar QToolButton::left-arrow:disabled {
   1690   image: url(":/qdarkstyle/arrow_left_disabled.png");
   1691 }
   1692 
   1693 QTabBar QToolButton::right-arrow:enabled {
   1694   image: url(":/qdarkstyle/arrow_right.png");
   1695 }
   1696 
   1697 QTabBar QToolButton::right-arrow:disabled {
   1698   image: url(":/qdarkstyle/arrow_right_disabled.png");
   1699 }
   1700 
   1701 /* QDockWiget -------------------------------------------------------------
   1702 
   1703 --------------------------------------------------------------------------- */
   1704 QDockWidget {
   1705   outline: 1px solid #32414B;
   1706   background-color: #19232D;
   1707   border: 1px solid #32414B;
   1708   border-radius: 4px;
   1709   titlebar-close-icon: url(":/qdarkstyle/window_close.png");
   1710   titlebar-normal-icon: url(":/qdarkstyle/window_undock.png");
   1711 }
   1712 
   1713 QDockWidget::title {
   1714   /* Better size for title bar */
   1715   padding: 6px;
   1716   spacing: 4px;
   1717   border: none;
   1718   background-color: #32414B;
   1719 }
   1720 
   1721 QDockWidget::close-button {
   1722   background-color: #32414B;
   1723   border-radius: 4px;
   1724   border: none;
   1725 }
   1726 
   1727 QDockWidget::close-button:hover {
   1728   image: url(":/qdarkstyle/window_close_focus.png");
   1729 }
   1730 
   1731 QDockWidget::close-button:pressed {
   1732   image: url(":/qdarkstyle/window_close_pressed.png");
   1733 }
   1734 
   1735 QDockWidget::float-button {
   1736   background-color: #32414B;
   1737   border-radius: 4px;
   1738   border: none;
   1739 }
   1740 
   1741 QDockWidget::float-button:hover {
   1742   image: url(":/qdarkstyle/window_undock_focus.png");
   1743 }
   1744 
   1745 QDockWidget::float-button:pressed {
   1746   image: url(":/qdarkstyle/window_undock_pressed.png");
   1747 }
   1748 
   1749 /* QTreeView QListView QTableView -----------------------------------------
   1750 
   1751 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtreeview
   1752 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qlistview
   1753 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtableview
   1754 
   1755 --------------------------------------------------------------------------- */
   1756 QTreeView:branch:selected, QTreeView:branch:hover {
   1757   background: url(":/qdarkstyle/transparent.png");
   1758 }
   1759 
   1760 QTreeView:branch:has-siblings:!adjoins-item {
   1761   border-image: url(":/qdarkstyle/branch_line.png") 0;
   1762 }
   1763 
   1764 QTreeView:branch:has-siblings:adjoins-item {
   1765   border-image: url(":/qdarkstyle/branch_more.png") 0;
   1766 }
   1767 
   1768 QTreeView:branch:!has-children:!has-siblings:adjoins-item {
   1769   border-image: url(":/qdarkstyle/branch_end.png") 0;
   1770 }
   1771 
   1772 QTreeView:branch:has-children:!has-siblings:closed, QTreeView:branch:closed:has-children:has-siblings {
   1773   border-image: none;
   1774   image: url(":/qdarkstyle/branch_closed.png");
   1775 }
   1776 
   1777 QTreeView:branch:open:has-children:!has-siblings, QTreeView:branch:open:has-children:has-siblings {
   1778   border-image: none;
   1779   image: url(":/qdarkstyle/branch_open.png");
   1780 }
   1781 
   1782 QTreeView:branch:has-children:!has-siblings:closed:hover, QTreeView:branch:closed:has-children:has-siblings:hover {
   1783   image: url(":/qdarkstyle/branch_closed_focus.png");
   1784 }
   1785 
   1786 QTreeView:branch:open:has-children:!has-siblings:hover, QTreeView:branch:open:has-children:has-siblings:hover {
   1787   image: url(":/qdarkstyle/branch_open_focus.png");
   1788 }
   1789 
   1790 QTreeView::indicator:checked,
   1791 QListView::indicator:checked {
   1792   image: url(":/qdarkstyle/checkbox_checked.png");
   1793 }
   1794 
   1795 QTreeView::indicator:checked:hover, QTreeView::indicator:checked:focus, QTreeView::indicator:checked:pressed,
   1796 QListView::indicator:checked:hover,
   1797 QListView::indicator:checked:focus,
   1798 QListView::indicator:checked:pressed {
   1799   image: url(":/qdarkstyle/checkbox_checked_focus.png");
   1800 }
   1801 
   1802 QTreeView::indicator:unchecked,
   1803 QListView::indicator:unchecked {
   1804   image: url(":/qdarkstyle/checkbox_unchecked.png");
   1805 }
   1806 
   1807 QTreeView::indicator:unchecked:hover, QTreeView::indicator:unchecked:focus, QTreeView::indicator:unchecked:pressed,
   1808 QListView::indicator:unchecked:hover,
   1809 QListView::indicator:unchecked:focus,
   1810 QListView::indicator:unchecked:pressed {
   1811   image: url(":/qdarkstyle/checkbox_unchecked_focus.png");
   1812 }
   1813 
   1814 QTreeView::indicator:indeterminate,
   1815 QListView::indicator:indeterminate {
   1816   image: url(":/qdarkstyle/checkbox_indeterminate.png");
   1817 }
   1818 
   1819 QTreeView::indicator:indeterminate:hover, QTreeView::indicator:indeterminate:focus, QTreeView::indicator:indeterminate:pressed,
   1820 QListView::indicator:indeterminate:hover,
   1821 QListView::indicator:indeterminate:focus,
   1822 QListView::indicator:indeterminate:pressed {
   1823   image: url(":/qdarkstyle/checkbox_indeterminate_focus.png");
   1824 }
   1825 
   1826 QTreeView,
   1827 QListView,
   1828 QTableView,
   1829 QColumnView {
   1830   background-color: #19232D;
   1831   border: 1px solid #32414B;
   1832   color: #F0F0F0;
   1833   gridline-color: #32414B;
   1834   border-radius: 4px;
   1835 }
   1836 
   1837 QTreeView:disabled,
   1838 QListView:disabled,
   1839 QTableView:disabled,
   1840 QColumnView:disabled {
   1841   background-color: #19232D;
   1842   color: #787878;
   1843 }
   1844 
   1845 QTreeView:selected,
   1846 QListView:selected,
   1847 QTableView:selected,
   1848 QColumnView:selected {
   1849   background-color: #1464A0;
   1850   color: #32414B;
   1851 }
   1852 
   1853 QTreeView:hover,
   1854 QListView:hover,
   1855 QTableView:hover,
   1856 QColumnView:hover {
   1857   background-color: #19232D;
   1858   border: 1px solid #148CD2;
   1859 }
   1860 
   1861 QTreeView::item:pressed,
   1862 QListView::item:pressed,
   1863 QTableView::item:pressed,
   1864 QColumnView::item:pressed {
   1865   background-color: #1464A0;
   1866 }
   1867 
   1868 QTreeView::item:selected:hover,
   1869 QListView::item:selected:hover,
   1870 QTableView::item:selected:hover,
   1871 QColumnView::item:selected:hover {
   1872   background: #1464A0;
   1873   color: #19232D;
   1874 }
   1875 
   1876 QTreeView::item:selected:active,
   1877 QListView::item:selected:active,
   1878 QTableView::item:selected:active,
   1879 QColumnView::item:selected:active {
   1880   background-color: #1464A0;
   1881 }
   1882 
   1883 QTreeView::item:!selected:hover,
   1884 QListView::item:!selected:hover,
   1885 QTableView::item:!selected:hover,
   1886 QColumnView::item:!selected:hover {
   1887   outline: 0;
   1888   color: #148CD2;
   1889   background-color: #32414B;
   1890 }
   1891 
   1892 QTableCornerButton::section {
   1893   background-color: #19232D;
   1894   border: 1px transparent #32414B;
   1895   border-radius: 0px;
   1896 }
   1897 
   1898 /* QHeaderView ------------------------------------------------------------
   1899 
   1900 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qheaderview
   1901 
   1902 --------------------------------------------------------------------------- */
   1903 QHeaderView {
   1904   background-color: #32414B;
   1905   border: 0px transparent #32414B;
   1906   padding: 0px;
   1907   margin: 0px;
   1908   border-radius: 0px;
   1909 }
   1910 
   1911 QHeaderView:disabled {
   1912   background-color: #32414B;
   1913   border: 1px transparent #32414B;
   1914   padding: 2px;
   1915 }
   1916 
   1917 QHeaderView::section {
   1918   background-color: #32414B;
   1919   color: #F0F0F0;
   1920   padding: 2px;
   1921   border-radius: 0px;
   1922   text-align: left;
   1923 }
   1924 
   1925 QHeaderView::section:checked {
   1926   color: #F0F0F0;
   1927   background-color: #1464A0;
   1928 }
   1929 
   1930 QHeaderView::section:checked:disabled {
   1931   color: #787878;
   1932   background-color: #14506E;
   1933 }
   1934 
   1935 QHeaderView::section::horizontal {
   1936   padding-left: 4px;
   1937   padding-right: 4px;
   1938   border-left: 1px solid #19232D;
   1939 }
   1940 
   1941 QHeaderView::section::horizontal::first, QHeaderView::section::horizontal::only-one {
   1942   border-left: 1px solid #32414B;
   1943 }
   1944 
   1945 QHeaderView::section::horizontal:disabled {
   1946   color: #787878;
   1947 }
   1948 
   1949 QHeaderView::section::vertical {
   1950   padding-left: 4px;
   1951   padding-right: 4px;
   1952   border-top: 1px solid #19232D;
   1953 }
   1954 
   1955 QHeaderView::section::vertical::first, QHeaderView::section::vertical::only-one {
   1956   border-top: 1px solid #32414B;
   1957 }
   1958 
   1959 QHeaderView::section::vertical:disabled {
   1960   color: #787878;
   1961 }
   1962 
   1963 QHeaderView::down-arrow {
   1964   /* Those settings (border/width/height/background-color) solve bug */
   1965   /* transparent arrow background and size */
   1966   background-color: #32414B;
   1967   border: none;
   1968   height: 12px;
   1969   width: 12px;
   1970   padding-left: 2px;
   1971   padding-right: 2px;
   1972   image: url(":/qdarkstyle/arrow_down.png");
   1973 }
   1974 
   1975 QHeaderView::up-arrow {
   1976   background-color: #32414B;
   1977   border: none;
   1978   height: 12px;
   1979   width: 12px;
   1980   padding-left: 2px;
   1981   padding-right: 2px;
   1982   image: url(":/qdarkstyle/arrow_up.png");
   1983 }
   1984 
   1985 /* QToolBox --------------------------------------------------------------
   1986 
   1987 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtoolbox
   1988 
   1989 --------------------------------------------------------------------------- */
   1990 QToolBox {
   1991   padding: 0px;
   1992   border: 0px;
   1993   border: 1px solid #32414B;
   1994 }
   1995 
   1996 QToolBox:selected {
   1997   padding: 0px;
   1998   border: 2px solid #1464A0;
   1999 }
   2000 
   2001 QToolBox::tab {
   2002   background-color: #19232D;
   2003   border: 1px solid #32414B;
   2004   color: #F0F0F0;
   2005   border-top-left-radius: 4px;
   2006   border-top-right-radius: 4px;
   2007 }
   2008 
   2009 QToolBox::tab:disabled {
   2010   color: #787878;
   2011 }
   2012 
   2013 QToolBox::tab:selected {
   2014   background-color: #505F69;
   2015   border-bottom: 2px solid #1464A0;
   2016 }
   2017 
   2018 QToolBox::tab:selected:disabled {
   2019   background-color: #32414B;
   2020   border-bottom: 2px solid #14506E;
   2021 }
   2022 
   2023 QToolBox::tab:!selected {
   2024   background-color: #32414B;
   2025   border-bottom: 2px solid #32414B;
   2026 }
   2027 
   2028 QToolBox::tab:!selected:disabled {
   2029   background-color: #19232D;
   2030 }
   2031 
   2032 QToolBox::tab:hover {
   2033   border-color: #148CD2;
   2034   border-bottom: 2px solid #148CD2;
   2035 }
   2036 
   2037 QToolBox QScrollArea QWidget QWidget {
   2038   padding: 0px;
   2039   border: 0px;
   2040   background-color: #19232D;
   2041 }
   2042 
   2043 /* QFrame -----------------------------------------------------------------
   2044 
   2045 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qframe
   2046 https://doc.qt.io/qt-5/qframe.html#-prop
   2047 https://doc.qt.io/qt-5/qframe.html#details
   2048 https://stackoverflow.com/questions/14581498/qt-stylesheet-for-hline-vline-color
   2049 
   2050 --------------------------------------------------------------------------- */
   2051 /* (dot) .QFrame  fix #141, #126, #123 */
   2052 .QFrame {
   2053   border-radius: 4px;
   2054   border: 1px solid #32414B;
   2055   /* No frame */
   2056   /* HLine */
   2057   /* HLine */
   2058 }
   2059 
   2060 .QFrame[frameShape="0"] {
   2061   border-radius: 4px;
   2062   border: 1px transparent #32414B;
   2063 }
   2064 
   2065 .QFrame[frameShape="4"] {
   2066   max-height: 2px;
   2067   border: none;
   2068   background-color: #32414B;
   2069 }
   2070 
   2071 .QFrame[frameShape="5"] {
   2072   max-width: 2px;
   2073   border: none;
   2074   background-color: #32414B;
   2075 }
   2076 
   2077 /* QSplitter --------------------------------------------------------------
   2078 
   2079 https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qsplitter
   2080 
   2081 --------------------------------------------------------------------------- */
   2082 QSplitter {
   2083   background-color: #32414B;
   2084   spacing: 0px;
   2085   padding: 0px;
   2086   margin: 0px;
   2087 }
   2088 
   2089 QSplitter::handle {
   2090   background-color: #32414B;
   2091   border: 0px solid #19232D;
   2092   spacing: 0px;
   2093   padding: 1px;
   2094   margin: 0px;
   2095 }
   2096 
   2097 QSplitter::handle:hover {
   2098   background-color: #787878;
   2099 }
   2100 
   2101 QSplitter::handle:horizontal {
   2102   width: 5px;
   2103   image: url(":/qdarkstyle/line_vertical.png");
   2104 }
   2105 
   2106 QSplitter::handle:vertical {
   2107   height: 5px;
   2108   image: url(":/qdarkstyle/line_horizontal.png");
   2109 }
   2110 
   2111 /* QDateEdit, QDateTimeEdit -----------------------------------------------
   2112 
   2113 --------------------------------------------------------------------------- */
   2114 QDateEdit, QDateTimeEdit {
   2115   selection-background-color: #1464A0;
   2116   border-style: solid;
   2117   border: 1px solid #32414B;
   2118   border-radius: 4px;
   2119   /* This fixes 103, 111 */
   2120   padding-top: 2px;
   2121   /* This fixes 103, 111 */
   2122   padding-bottom: 2px;
   2123   padding-left: 4px;
   2124   padding-right: 4px;
   2125   min-width: 10px;
   2126 }
   2127 
   2128 QDateEdit:on, QDateTimeEdit:on {
   2129   selection-background-color: #1464A0;
   2130 }
   2131 
   2132 QDateEdit::drop-down, QDateTimeEdit::drop-down {
   2133   subcontrol-origin: padding;
   2134   subcontrol-position: top right;
   2135   width: 12px;
   2136   border-left: 1px solid #32414B;
   2137 }
   2138 
   2139 QDateEdit::down-arrow, QDateTimeEdit::down-arrow {
   2140   image: url(":/qdarkstyle/arrow_down_disabled.png");
   2141   height: 8px;
   2142   width: 8px;
   2143 }
   2144 
   2145 QDateEdit::down-arrow:on, QDateEdit::down-arrow:hover, QDateEdit::down-arrow:focus, QDateTimeEdit::down-arrow:on, QDateTimeEdit::down-arrow:hover, QDateTimeEdit::down-arrow:focus {
   2146   image: url(":/qdarkstyle/arrow_down.png");
   2147 }
   2148 
   2149 QDateEdit QAbstractItemView, QDateTimeEdit QAbstractItemView {
   2150   background-color: #19232D;
   2151   border-radius: 4px;
   2152   border: 1px solid #32414B;
   2153   selection-background-color: #1464A0;
   2154 }
   2155 
   2156 /* QAbstractView ----------------------------------------------------------
   2157 
   2158 --------------------------------------------------------------------------- */
   2159 QAbstractView:hover {
   2160   border: 1px solid #148CD2;
   2161   color: #F0F0F0;
   2162 }
   2163 
   2164 QAbstractView:selected {
   2165   background: #1464A0;
   2166   color: #32414B;
   2167 }
   2168 
   2169 /* PlotWidget -------------------------------------------------------------
   2170 
   2171 --------------------------------------------------------------------------- */
   2172 PlotWidget {
   2173   /* Fix cut labels in plots #134 */
   2174   padding: 0px;
   2175 }
	duckstation duckstation, but archived from the revision just before upstream changed it to a proprietary software project, this version is the libre one
	git clone https://git.neptards.moe/u3shit/duckstation.git
	Log \| Files \| Refs \| README \| LICENSE