etc/style/qdarkstyle/style.qss

   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(":/qss_icons/rc/toolbar_separator_vertical.png");
 112 }
 113
 114 QMainWindow::separator:vertical {
 115   height: 5px;
 116   margin-left: 2px;
 117   margin-right: 2px;
 118   image: url(":/qss_icons/rc/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(":/qss_icons/rc/checkbox_unchecked.png");
 197 }
 198
 199 QCheckBox::indicator:unchecked:hover, QCheckBox::indicator:unchecked:focus, QCheckBox::indicator:unchecked:pressed {
 200   border: none;
 201   image: url(":/qss_icons/rc/checkbox_unchecked_focus.png");
 202 }
 203
 204 QCheckBox::indicator:unchecked:disabled {
 205   image: url(":/qss_icons/rc/checkbox_unchecked_disabled.png");
 206 }
 207
 208 QCheckBox::indicator:checked {
 209   image: url(":/qss_icons/rc/checkbox_checked.png");
 210 }
 211
 212 QCheckBox::indicator:checked:hover, QCheckBox::indicator:checked:focus, QCheckBox::indicator:checked:pressed {
 213   border: none;
 214   image: url(":/qss_icons/rc/checkbox_checked_focus.png");
 215 }
 216
 217 QCheckBox::indicator:checked:disabled {
 218   image: url(":/qss_icons/rc/checkbox_checked_disabled.png");
 219 }
 220
 221 QCheckBox::indicator:indeterminate {
 222   image: url(":/qss_icons/rc/checkbox_indeterminate.png");
 223 }
 224
 225 QCheckBox::indicator:indeterminate:disabled {
 226   image: url(":/qss_icons/rc/checkbox_indeterminate_disabled.png");
 227 }
 228
 229 QCheckBox::indicator:indeterminate:focus, QCheckBox::indicator:indeterminate:hover, QCheckBox::indicator:indeterminate:pressed {
 230   image: url(":/qss_icons/rc/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(":/qss_icons/rc/checkbox_unchecked.png");
 265 }
 266
 267 QGroupBox::indicator:unchecked:hover, QGroupBox::indicator:unchecked:focus, QGroupBox::indicator:unchecked:pressed {
 268   border: none;
 269   image: url(":/qss_icons/rc/checkbox_unchecked_focus.png");
 270 }
 271
 272 QGroupBox::indicator:unchecked:disabled {
 273   image: url(":/qss_icons/rc/checkbox_unchecked_disabled.png");
 274 }
 275
 276 QGroupBox::indicator:checked {
 277   border: none;
 278   image: url(":/qss_icons/rc/checkbox_checked.png");
 279 }
 280
 281 QGroupBox::indicator:checked:hover, QGroupBox::indicator:checked:focus, QGroupBox::indicator:checked:pressed {
 282   border: none;
 283   image: url(":/qss_icons/rc/checkbox_checked_focus.png");
 284 }
 285
 286 QGroupBox::indicator:checked:disabled {
 287   image: url(":/qss_icons/rc/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(":/qss_icons/rc/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(":/qss_icons/rc/radio_unchecked_focus.png");
 340 }
 341
 342 QRadioButton::indicator:unchecked:disabled {
 343   image: url(":/qss_icons/rc/radio_unchecked_disabled.png");
 344 }
 345
 346 QRadioButton::indicator:checked {
 347   border: none;
 348   outline: none;
 349   image: url(":/qss_icons/rc/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(":/qss_icons/rc/radio_checked_focus.png");
 356 }
 357
 358 QRadioButton::indicator:checked:disabled {
 359   outline: none;
 360   image: url(":/qss_icons/rc/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(":/qss_icons/rc/checkbox_unchecked.png");
 442 }
 443
 444 QMenu::indicator:non-exclusive:unchecked:selected {
 445   image: url(":/qss_icons/rc/checkbox_unchecked_disabled.png");
 446 }
 447
 448 QMenu::indicator:non-exclusive:checked {
 449   image: url(":/qss_icons/rc/checkbox_checked.png");
 450 }
 451
 452 QMenu::indicator:non-exclusive:checked:selected {
 453   image: url(":/qss_icons/rc/checkbox_checked_disabled.png");
 454 }
 455
 456 QMenu::indicator:exclusive:unchecked {
 457   image: url(":/qss_icons/rc/radio_unchecked.png");
 458 }
 459
 460 QMenu::indicator:exclusive:unchecked:selected {
 461   image: url(":/qss_icons/rc/radio_unchecked_disabled.png");
 462 }
 463
 464 QMenu::indicator:exclusive:checked {
 465   image: url(":/qss_icons/rc/radio_checked.png");
 466 }
 467
 468 QMenu::indicator:exclusive:checked:selected {
 469   image: url(":/qss_icons/rc/radio_checked_disabled.png");
 470 }
 471
 472 QMenu::right-arrow {
 473   margin: 5px;
 474   image: url(":/qss_icons/rc/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(":/qss_icons/rc/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(":/qss_icons/rc/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(":/qss_icons/rc/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(":/qss_icons/rc/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(":/qss_icons/rc/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(":/qss_icons/rc/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(":/qss_icons/rc/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(":/qss_icons/rc/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(":/qss_icons/rc/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(":/qss_icons/rc/toolbar_move_horizontal.png");
 768 }
 769
 770 QToolBar::handle:vertical {
 771   height: 16px;
 772   image: url(":/qss_icons/rc/toolbar_move_vertical.png");
 773 }
 774
 775 QToolBar::separator:horizontal {
 776   width: 16px;
 777   image: url(":/qss_icons/rc/toolbar_separator_horizontal.png");
 778 }
 779
 780 QToolBar::separator:vertical {
 781   height: 16px;
 782   image: url(":/qss_icons/rc/toolbar_separator_vertical.png");
 783 }
 784
 785 QToolButton#qt_toolbar_ext_button {
 786   background: #32414B;
 787   border: 0px;
 788   color: #F0F0F0;
 789   image: url(":/qss_icons/rc/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(":/qss_icons/rc/arrow_up_disabled.png");
 824   height: 8px;
 825   width: 8px;
 826 }
 827
 828 QAbstractSpinBox::up-arrow:hover {
 829   image: url(":/qss_icons/rc/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(":/qss_icons/rc/arrow_down_disabled.png");
 847   height: 8px;
 848   width: 8px;
 849 }
 850
 851 QAbstractSpinBox::down-arrow:hover {
 852   image: url(":/qss_icons/rc/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(":/qss_icons/rc/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(":/qss_icons/rc/arrow_down.png");
1169   height: 8px;
1170   width: 8px;
1171 }
1172
1173 QToolButton::menu-arrow:hover {
1174   image: url(":/qss_icons/rc/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(":/qss_icons/rc/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(":/qss_icons/rc/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(":/qss_icons/rc/window_close.png");
1472 }
1473
1474 QTabBar::close-button:hover {
1475   image: url(":/qss_icons/rc/window_close_focus.png");
1476 }
1477
1478 QTabBar::close-button:pressed {
1479   image: url(":/qss_icons/rc/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(":/qss_icons/rc/arrow_left.png");
1687 }
1688
1689 QTabBar QToolButton::left-arrow:disabled {
1690   image: url(":/qss_icons/rc/arrow_left_disabled.png");
1691 }
1692
1693 QTabBar QToolButton::right-arrow:enabled {
1694   image: url(":/qss_icons/rc/arrow_right.png");
1695 }
1696
1697 QTabBar QToolButton::right-arrow:disabled {
1698   image: url(":/qss_icons/rc/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(":/qss_icons/rc/window_close.png");
1710   titlebar-normal-icon: url(":/qss_icons/rc/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(":/qss_icons/rc/window_close_focus.png");
1729 }
1730
1731 QDockWidget::close-button:pressed {
1732   image: url(":/qss_icons/rc/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(":/qss_icons/rc/window_undock_focus.png");
1743 }
1744
1745 QDockWidget::float-button:pressed {
1746   image: url(":/qss_icons/rc/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(":/qss_icons/rc/transparent.png");
1758 }
1759
1760 QTreeView:branch:has-siblings:!adjoins-item {
1761   border-image: url(":/qss_icons/rc/branch_line.png") 0;
1762 }
1763
1764 QTreeView:branch:has-siblings:adjoins-item {
1765   border-image: url(":/qss_icons/rc/branch_more.png") 0;
1766 }
1767
1768 QTreeView:branch:!has-children:!has-siblings:adjoins-item {
1769   border-image: url(":/qss_icons/rc/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(":/qss_icons/rc/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(":/qss_icons/rc/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(":/qss_icons/rc/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(":/qss_icons/rc/branch_open_focus.png");
1788 }
1789
1790 QTreeView::indicator:checked,
1791 QListView::indicator:checked {
1792   image: url(":/qss_icons/rc/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(":/qss_icons/rc/checkbox_checked_focus.png");
1800 }
1801
1802 QTreeView::indicator:unchecked,
1803 QListView::indicator:unchecked {
1804   image: url(":/qss_icons/rc/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(":/qss_icons/rc/checkbox_unchecked_focus.png");
1812 }
1813
1814 QTreeView::indicator:indeterminate,
1815 QListView::indicator:indeterminate {
1816   image: url(":/qss_icons/rc/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(":/qss_icons/rc/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(":/qss_icons/rc/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(":/qss_icons/rc/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(":/qss_icons/rc/line_vertical.png");
2104 }
2105
2106 QSplitter::handle:vertical {
2107   height: 5px;
2108   image: url(":/qss_icons/rc/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(":/qss_icons/rc/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(":/qss_icons/rc/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 }