├── DarkStyle
└── darkStyle.css
├── README.md
├── materialStyle
└── materialStyle.css
├── res
├── Hmovetoolbar.png
├── Hsepartoolbar.png
├── Vmovetoolbar.png
├── Vsepartoolbar.png
├── branch_closed-on.png
├── branch_closed.png
├── branch_open-on.png
├── branch_open.png
├── checkbox_checked.png
├── checkbox_checked_disabled.png
├── checkbox_checked_focus.png
├── checkbox_indeterminate.png
├── checkbox_indeterminate_disabled.png
├── checkbox_indeterminate_focus.png
├── checkbox_unchecked.png
├── checkbox_unchecked_disabled.png
├── checkbox_unchecked_focus.png
├── close-hover.png
├── close-pressed.png
├── close.png
├── down_arrow.png
├── down_arrow_disabled.png
├── left_arrow.png
├── left_arrow_disabled.png
├── radio_checked.png
├── radio_checked_disabled.png
├── radio_checked_focus.png
├── radio_unchecked.png
├── radio_unchecked_disabled.png
├── radio_unchecked_focus.png
├── right_arrow.png
├── right_arrow_disabled.png
├── sizegrip.png
├── stylesheet-branch-end.png
├── stylesheet-branch-more.png
├── stylesheet-vline.png
├── svg
│ ├── assign.svg
│ ├── checkbox_checked.svg
│ ├── checkbox_checked_disabled.svg
│ ├── checkbox_checked_focus.svg
│ ├── checkbox_indeterminate.svg
│ ├── checkbox_indeterminate_disabled.svg
│ ├── checkbox_indeterminate_focus.svg
│ ├── checkbox_unchecked.svg
│ ├── checkbox_unchecked_disabled.svg
│ ├── checkbox_unchecked_focus.svg
│ ├── edit.svg
│ ├── linkNode.svg
│ ├── radio_checked.svg
│ ├── radio_checked_disabled.svg
│ ├── radio_checked_focus.svg
│ ├── radio_unchecked.svg
│ ├── radio_unchecked_disabled.svg
│ ├── radio_unchecked_focus.svg
│ └── remove.svg
├── transparent.png
├── undock.png
├── up_arrow.png
└── up_arrow_disabled.png
└── vsDark
└── vsDark.css
/DarkStyle/darkStyle.css:
--------------------------------------------------------------------------------
1 | QToolTip {
2 | border: 1px solid #76797C;
3 | background-color: #5A7566;
4 | color: white;
5 | padding: 0px; /*remove padding, for fix combobox tooltip.*/
6 | opacity: 200;
7 | }
8 |
9 | QWidget {
10 | color: #eff0f1;
11 | background-color: #31363b;
12 | selection-background-color: #3daee9;
13 | selection-color: #eff0f1;
14 | background-clip: border;
15 | border-image: none;
16 | border: 0px transparent black;
17 | outline: 0;
18 | }
19 |
20 | QWidget:item:hover {
21 | background-color: #18465d;
22 | color: #eff0f1;
23 | }
24 |
25 | QWidget:item:selected {
26 | background-color: #18465d;
27 | }
28 |
29 | QCheckBox {
30 | spacing: 5px;
31 | outline: none;
32 | color: #eff0f1;
33 | margin-bottom: 2px;
34 | }
35 |
36 | QCheckBox:disabled {
37 | color: #76797C;
38 | }
39 |
40 | QCheckBox::indicator,
41 | QGroupBox::indicator {
42 | width: 18px;
43 | height: 18px;
44 | }
45 |
46 | QGroupBox::indicator {
47 | margin-left: 2px;
48 | }
49 |
50 | QCheckBox::indicator:unchecked,
51 | QGroupBox::indicator:unchecked {
52 | image: url(:/icons/res/icons/png/checkbox_unchecked.png);
53 | }
54 |
55 | QCheckBox::indicator:unchecked:hover,
56 | QCheckBox::indicator:unchecked:focus,
57 | QCheckBox::indicator:unchecked:pressed,
58 | QGroupBox::indicator:unchecked:hover,
59 | QGroupBox::indicator:unchecked:focus,
60 | QGroupBox::indicator:unchecked:pressed {
61 | border: none;
62 | image: url(:/icons/res/icons/png/checkbox_unchecked_focus.png);
63 | }
64 |
65 | QCheckBox::indicator:checked,
66 | QGroupBox::indicator:checked {
67 | image: url(:/icons/res/icons/png/checkbox_checked.png);
68 | }
69 |
70 | QCheckBox::indicator:checked:hover,
71 | QCheckBox::indicator:checked:focus,
72 | QCheckBox::indicator:checked:pressed,
73 | QGroupBox::indicator:checked:hover,
74 | QGroupBox::indicator:checked:focus,
75 | QGroupBox::indicator:checked:pressed {
76 | border: none;
77 | image: url(:/icons/res/icons/png/checkbox_checked_focus.png);
78 | }
79 |
80 | QCheckBox::indicator:indeterminate {
81 | image: url(:/icons/res/icons/png/checkbox_indeterminate.png);
82 | }
83 |
84 | QCheckBox::indicator:indeterminate:focus,
85 | QCheckBox::indicator:indeterminate:hover,
86 | QCheckBox::indicator:indeterminate:pressed {
87 | image: url(:/icons/res/icons/png/checkbox_indeterminate_focus.png);
88 | }
89 |
90 | QCheckBox::indicator:checked:disabled,
91 | QGroupBox::indicator:checked:disabled {
92 | image: url(:/icons/res/icons/png/checkbox_checked_disabled.png);
93 | }
94 |
95 | QCheckBox::indicator:unchecked:disabled,
96 | QGroupBox::indicator:unchecked:disabled {
97 | image: url(:/icons/res/icons/png/checkbox_unchecked_disabled.png);
98 | }
99 |
100 | QRadioButton {
101 | spacing: 5px;
102 | outline: none;
103 | color: #eff0f1;
104 | margin-bottom: 2px;
105 | }
106 |
107 | QRadioButton:disabled {
108 | color: #76797C;
109 | }
110 |
111 | QRadioButton::indicator {
112 | width: 21px;
113 | height: 21px;
114 | }
115 |
116 | QRadioButton::indicator:unchecked {
117 | image: url(:/icons/res/icons/png/radio_unchecked.png);
118 | }
119 |
120 | QRadioButton::indicator:unchecked:hover,
121 | QRadioButton::indicator:unchecked:focus,
122 | QRadioButton::indicator:unchecked:pressed {
123 | border: none;
124 | outline: none;
125 | image: url(:/icons/res/icons/png/radio_unchecked_focus.png);
126 | }
127 |
128 | QRadioButton::indicator:checked {
129 | border: none;
130 | outline: none;
131 | image: url(:/icons/res/icons/png/radio_checked.png);
132 | }
133 |
134 | QRadioButton::indicator:checked:hover,
135 | QRadioButton::indicator:checked:focus,
136 | QRadioButton::indicator:checked:pressed {
137 | border: none;
138 | outline: none;
139 | image: url(:/icons/res/icons/png/radio_checked_focus.png);
140 | }
141 |
142 | QRadioButton::indicator:checked:disabled {
143 | outline: none;
144 | image: url(:/icons/res/icons/png/radio_checked_disabled.png);
145 | }
146 |
147 | QRadioButton::indicator:unchecked:disabled {
148 | image: url(:/icons/res/icons/png/radio_unchecked_disabled.png);
149 | }
150 |
151 | QMenuBar {
152 | background-color: #31363b;
153 | color: #eff0f1;
154 | }
155 |
156 | QMenuBar::item {
157 | background: transparent;
158 | }
159 |
160 | QMenuBar::item:selected {
161 | background: transparent;
162 | border: 1px solid #76797C;
163 | }
164 |
165 | QMenuBar::item:pressed {
166 | border: 1px solid #76797C;
167 | background-color: #3daee9;
168 | color: #eff0f1;
169 | margin-bottom: -1px;
170 | padding-bottom: 1px;
171 | }
172 |
173 | QMenu {
174 | border: 1px solid #76797C;
175 | color: #eff0f1;
176 | margin: 2px;
177 | }
178 |
179 | QMenu::icon {
180 | margin: 5px;
181 | }
182 |
183 | QMenu::item {
184 | padding: 5px 30px 5px 30px;
185 | border: 1px solid transparent;
186 | /* reserve space for selection border */
187 | }
188 |
189 | QMenu::item:selected {
190 | color: #eff0f1;
191 | }
192 |
193 | QMenu::separator {
194 | height: 2px;
195 | background: lightblue;
196 | margin-left: 10px;
197 | margin-right: 5px;
198 | }
199 |
200 | QMenu::indicator {
201 | width: 18px;
202 | height: 18px;
203 | }
204 |
205 |
206 | /* non-exclusive indicator = check box style indicator
207 | (see QActionGroup::setExclusive) */
208 |
209 | QMenu::indicator:non-exclusive:unchecked {
210 | image: url(:/icons/res/icons/png/checkbox_unchecked.png);
211 | }
212 |
213 | QMenu::indicator:non-exclusive:unchecked:selected {
214 | image: url(:/icons/res/icons/png/checkbox_unchecked_disabled.png);
215 | }
216 |
217 | QMenu::indicator:non-exclusive:checked {
218 | image: url(:/icons/res/icons/png/checkbox_checked.png);
219 | }
220 |
221 | QMenu::indicator:non-exclusive:checked:selected {
222 | image: url(:/icons/res/icons/png/checkbox_checked_disabled.png);
223 | }
224 |
225 |
226 | /* exclusive indicator = radio button style indicator (see QActionGroup::setExclusive) */
227 |
228 | QMenu::indicator:exclusive:unchecked {
229 | image: url(:/icons/res/icons/png/radio_unchecked.png);
230 | }
231 |
232 | QMenu::indicator:exclusive:unchecked:selected {
233 | image: url(:/icons/res/icons/png/radio_unchecked_disabled.png);
234 | }
235 |
236 | QMenu::indicator:exclusive:checked {
237 | image: url(:/icons/res/icons/png/radio_checked.png);
238 | }
239 |
240 | QMenu::indicator:exclusive:checked:selected {
241 | image: url(:/icons/res/icons/png/radio_checked_disabled.png);
242 | }
243 |
244 | QMenu::right-arrow {
245 | margin: 5px;
246 | image: url(:/icons/res/icons/png/right_arrow.png)
247 | }
248 |
249 | QWidget:disabled {
250 | color: #454545;
251 | background-color: #31363b;
252 | }
253 |
254 | QAbstractItemView {
255 | alternate-background-color: #31363b;
256 | color: #eff0f1;
257 | border: 1px solid #3A3939;
258 | border-radius: 2px;
259 | }
260 |
261 | QWidget:focus,
262 | QMenuBar:focus {
263 | border: 1px solid #3daee9;
264 | }
265 |
266 | QTabWidget:focus,
267 | QCheckBox:focus,
268 | QRadioButton:focus,
269 | QSlider:focus {
270 | border: none;
271 | }
272 |
273 | QLineEdit {
274 | background-color: #232629;
275 | padding: 5px;
276 | border-style: solid;
277 | border: 1px solid #76797C;
278 | border-radius: 2px;
279 | color: #eff0f1;
280 | }
281 |
282 | QAbstractItemView QLineEdit {
283 | padding: 0;
284 | }
285 |
286 | QGroupBox {
287 | border: 1px solid #76797C;
288 | border-radius: 2px;
289 | margin-top: 20px;
290 | }
291 |
292 | QGroupBox::title {
293 | subcontrol-origin: margin;
294 | subcontrol-position: top center;
295 | padding-left: 10px;
296 | padding-right: 10px;
297 | padding-top: 10px;
298 | }
299 |
300 | QAbstractScrollArea {
301 | border-radius: 2px;
302 | border: 1px solid #76797C;
303 | background-color: transparent;
304 | }
305 |
306 | QScrollBar:horizontal {
307 | height: 15px;
308 | margin: 3px 15px 3px 15px;
309 | border: 1px transparent #2A2929;
310 | border-radius: 4px;
311 | background-color: #2A2929;
312 | }
313 |
314 | QScrollBar::handle:horizontal {
315 | background-color: #605F5F;
316 | min-width: 5px;
317 | border-radius: 4px;
318 | }
319 |
320 | QScrollBar::add-line:horizontal {
321 | margin: 0px 3px 0px 3px;
322 | border-image: url(:/icons/res/icons/png/right_arrow_disabled.png);
323 | width: 10px;
324 | height: 10px;
325 | subcontrol-position: right;
326 | subcontrol-origin: margin;
327 | }
328 |
329 | QScrollBar::sub-line:horizontal {
330 | margin: 0px 3px 0px 3px;
331 | border-image: url(:/icons/res/icons/png/left_arrow_disabled.png);
332 | height: 10px;
333 | width: 10px;
334 | subcontrol-position: left;
335 | subcontrol-origin: margin;
336 | }
337 |
338 | QScrollBar::add-line:horizontal:hover,
339 | QScrollBar::add-line:horizontal:on {
340 | border-image: url(:/icons/res/icons/png/right_arrow.png);
341 | height: 10px;
342 | width: 10px;
343 | subcontrol-position: right;
344 | subcontrol-origin: margin;
345 | }
346 |
347 | QScrollBar::sub-line:horizontal:hover,
348 | QScrollBar::sub-line:horizontal:on {
349 | border-image: url(:/icons/res/icons/png/left_arrow.png);
350 | height: 10px;
351 | width: 10px;
352 | subcontrol-position: left;
353 | subcontrol-origin: margin;
354 | }
355 |
356 | QScrollBar::up-arrow:horizontal,
357 | QScrollBar::down-arrow:horizontal {
358 | background: none;
359 | }
360 |
361 | QScrollBar::add-page:horizontal,
362 | QScrollBar::sub-page:horizontal {
363 | background: none;
364 | }
365 |
366 | QScrollBar:vertical {
367 | background-color: #2A2929;
368 | width: 15px;
369 | margin: 15px 3px 15px 3px;
370 | border: 1px transparent #2A2929;
371 | border-radius: 4px;
372 | }
373 |
374 | QScrollBar::handle:vertical {
375 | background-color: #605F5F;
376 | min-height: 5px;
377 | border-radius: 4px;
378 | }
379 |
380 | QScrollBar::sub-line:vertical {
381 | margin: 3px 0px 3px 0px;
382 | border-image: url(:/icons/res/icons/png/up_arrow_disabled.png);
383 | height: 10px;
384 | width: 10px;
385 | subcontrol-position: top;
386 | subcontrol-origin: margin;
387 | }
388 |
389 | QScrollBar::add-line:vertical {
390 | margin: 3px 0px 3px 0px;
391 | border-image: url(:/icons/res/icons/png/down_arrow_disabled.png);
392 | height: 10px;
393 | width: 10px;
394 | subcontrol-position: bottom;
395 | subcontrol-origin: margin;
396 | }
397 |
398 | QScrollBar::sub-line:vertical:hover,
399 | QScrollBar::sub-line:vertical:on {
400 | border-image: url(:/icons/res/icons/png/up_arrow.png);
401 | height: 10px;
402 | width: 10px;
403 | subcontrol-position: top;
404 | subcontrol-origin: margin;
405 | }
406 |
407 | QScrollBar::add-line:vertical:hover,
408 | QScrollBar::add-line:vertical:on {
409 | border-image: url(:/icons/res/icons/png/down_arrow.png);
410 | height: 10px;
411 | width: 10px;
412 | subcontrol-position: bottom;
413 | subcontrol-origin: margin;
414 | }
415 |
416 | QScrollBar::up-arrow:vertical,
417 | QScrollBar::down-arrow:vertical {
418 | background: none;
419 | }
420 |
421 | QScrollBar::add-page:vertical,
422 | QScrollBar::sub-page:vertical {
423 | background: none;
424 | }
425 |
426 | QTextEdit {
427 | background-color: #232629;
428 | color: #eff0f1;
429 | border: 1px solid #76797C;
430 | }
431 |
432 | QPlainTextEdit {
433 | background-color: #232629;
434 | ;
435 | color: #eff0f1;
436 | border-radius: 2px;
437 | border: 1px solid #76797C;
438 | }
439 |
440 | QHeaderView::section {
441 | background-color: #76797C;
442 | color: #eff0f1;
443 | padding: 5px;
444 | border: 1px solid #76797C;
445 | }
446 |
447 | QSizeGrip {
448 | image: url(:/icons/res/icons/png/sizegrip.png);
449 | width: 12px;
450 | height: 12px;
451 | }
452 |
453 | QMainWindow::separator {
454 | background-color: #31363b;
455 | color: white;
456 | padding-left: 4px;
457 | spacing: 2px;
458 | border: 1px dashed #76797C;
459 | }
460 |
461 | QMainWindow::separator:hover {
462 | background-color: #787876;
463 | color: white;
464 | padding-left: 4px;
465 | border: 1px solid #76797C;
466 | spacing: 2px;
467 | }
468 |
469 | QMenu::separator {
470 | height: 1px;
471 | background-color: #76797C;
472 | color: white;
473 | padding-left: 4px;
474 | margin-left: 10px;
475 | margin-right: 5px;
476 | }
477 |
478 | QFrame {
479 | border-radius: 2px;
480 | border: 1px solid #76797C;
481 | }
482 |
483 | QFrame[frameShape="0"] {
484 | border-radius: 2px;
485 | border: 1px transparent #76797C;
486 | }
487 |
488 | QStackedWidget {
489 | border: 1px transparent black;
490 | }
491 |
492 | QToolBar {
493 | border: 1px transparent #393838;
494 | background: 1px solid #31363b;
495 | font-weight: bold;
496 | }
497 |
498 | QToolBar::handle:horizontal {
499 | image: url(:/icons/res/icons/png/Hmovetoolbar.png);
500 | }
501 |
502 | QToolBar::handle:vertical {
503 | image: url(:/icons/res/icons/png/Vmovetoolbar.png);
504 | }
505 |
506 | QToolBar::separator:horizontal {
507 | image: url(:/icons/res/icons/png/Hsepartoolbar.png);
508 | }
509 |
510 | QToolBar::separator:vertical {
511 | image: url(:/icons/res/icons/png/Vsepartoolbar.png);
512 | }
513 |
514 | QToolButton#qt_toolbar_ext_button {
515 | background: #58595a
516 | }
517 |
518 | QPushButton {
519 | color: #eff0f1;
520 | background-color: #31363b;
521 | border-width: 1px;
522 | border-color: #76797C;
523 | border-style: solid;
524 | padding: 5px;
525 | border-radius: 2px;
526 | outline: none;
527 | }
528 |
529 | QPushButton:disabled {
530 | background-color: #31363b;
531 | border-width: 1px;
532 | border-color: #454545;
533 | border-style: solid;
534 | padding-top: 5px;
535 | padding-bottom: 5px;
536 | padding-left: 10px;
537 | padding-right: 10px;
538 | border-radius: 2px;
539 | color: #454545;
540 | }
541 |
542 | QPushButton:focus {
543 | background-color: #3daee9;
544 | color: white;
545 | }
546 |
547 | QPushButton:pressed {
548 | background-color: #3daee9;
549 | padding-top: -15px;
550 | padding-bottom: -17px;
551 | }
552 |
553 | QComboBox {
554 | selection-background-color: #3daee9;
555 | border-style: solid;
556 | border: 1px solid #76797C;
557 | border-radius: 2px;
558 | padding: 5px;
559 | min-width: 75px;
560 | }
561 |
562 | QPushButton:checked {
563 | background-color: #76797C;
564 | border-color: #6A6969;
565 | }
566 |
567 | QComboBox:hover,
568 | QPushButton:hover,
569 | QAbstractSpinBox:hover,
570 | QLineEdit:hover,
571 | QTextEdit:hover,
572 | QPlainTextEdit:hover,
573 | QAbstractView:hover,
574 | QTreeView:hover {
575 | border: 1px solid #3daee9;
576 | color: #eff0f1;
577 | }
578 |
579 | QComboBox:on {
580 | padding-top: 3px;
581 | padding-left: 4px;
582 | selection-background-color: #4a4a4a;
583 | }
584 |
585 | QComboBox QAbstractItemView {
586 | background-color: #232629;
587 | border-radius: 2px;
588 | border: 1px solid #76797C;
589 | selection-background-color: #18465d;
590 | }
591 |
592 | QComboBox::drop-down {
593 | subcontrol-origin: padding;
594 | subcontrol-position: top right;
595 | width: 15px;
596 | border-left-width: 0px;
597 | border-left-color: darkgray;
598 | border-left-style: solid;
599 | border-top-right-radius: 3px;
600 | border-bottom-right-radius: 3px;
601 | }
602 |
603 | QComboBox::down-arrow {
604 | image: url(:/icons/res/icons/png/down_arrow_disabled.png);
605 | }
606 |
607 | QComboBox::down-arrow:on,
608 | QComboBox::down-arrow:hover,
609 | QComboBox::down-arrow:focus {
610 | image: url(:/icons/res/icons/png/down_arrow.png);
611 | }
612 |
613 | QAbstractSpinBox {
614 | padding: 5px;
615 | qproperty-alignment: 'AlignHCenter | AlignCenter';
616 | border: 1px solid #76797C;
617 | background-color: #232629;
618 | color: #eff0f1;
619 | border-radius: 2px;
620 | min-width: 75px;
621 | }
622 |
623 | QAbstractSpinBox:up-button {
624 | background-color: transparent;
625 | subcontrol-origin: border;
626 | subcontrol-position: center right;
627 | }
628 |
629 | QAbstractSpinBox:down-button {
630 | background-color: transparent;
631 | subcontrol-origin: border;
632 | subcontrol-position: center left;
633 | }
634 |
635 | QAbstractSpinBox::up-arrow,
636 | QAbstractSpinBox::up-arrow:disabled,
637 | QAbstractSpinBox::up-arrow:off {
638 | image: url(:/icons/res/icons/png/right_arrow_disabled.png);
639 | width: 10px;
640 | height: 10px;
641 | }
642 |
643 | QAbstractSpinBox::up-arrow:hover {
644 | image: url(:/icons/res/icons/png/right_arrow.png);
645 | }
646 |
647 | QAbstractSpinBox::down-arrow,
648 | QAbstractSpinBox::down-arrow:disabled,
649 | QAbstractSpinBox::down-arrow:off {
650 | image: url(:/icons/res/icons/png/left_arrow_disabled.png);
651 | width: 10px;
652 | height: 10px;
653 | }
654 |
655 | QAbstractSpinBox::down-arrow:hover {
656 | image: url(:/icons/res/icons/png/left_arrow.png);
657 | }
658 |
659 | QLabel {
660 | border: 0px solid black;
661 | }
662 |
663 | QTabWidget {
664 | border: 0px transparent black;
665 | }
666 |
667 | QTabWidget::pane {
668 | border: 1px solid #76797C;
669 | padding: 5px;
670 | margin: 0px;
671 | }
672 |
673 | QTabWidget::tab-bar {
674 | /* left: 5px; move to the right by 5px */
675 | }
676 |
677 | QTabBar {
678 | qproperty-drawBase: 0;
679 | border-radius: 3px;
680 | }
681 |
682 | QTabBar:focus {
683 | border: 0px transparent black;
684 | }
685 |
686 | QTabBar::close-button {
687 | image: url(:/icons/res/icons/png/close.png);
688 | background: transparent;
689 | }
690 |
691 | QTabBar::close-button:hover {
692 | image: url(:/icons/res/icons/png/close-hover.png);
693 | background: transparent;
694 | }
695 |
696 | QTabBar::close-button:pressed {
697 | image: url(:/icons/res/icons/png/close-pressed.png);
698 | background: transparent;
699 | }
700 |
701 |
702 | /* TOP TABS */
703 |
704 | QTabBar::tab:top {
705 | color: #eff0f1;
706 | border: 1px solid #76797C;
707 | border-bottom: 1px transparent black;
708 | background-color: #31363b;
709 | padding: 5px;
710 | min-width: 50px;
711 | border-top-left-radius: 2px;
712 | border-top-right-radius: 2px;
713 | }
714 |
715 | QTabBar::tab:top:selected {
716 | color: #eff0f1;
717 | background-color: #54575B;
718 | border: 1px solid #76797C;
719 | border-bottom: 2px solid #3daee9;
720 | border-top-left-radius: 2px;
721 | border-top-right-radius: 2px;
722 | }
723 |
724 | QTabBar::tab:top:!selected:hover {
725 | background-color: #3daee9;
726 | }
727 |
728 |
729 | /* BOTTOM TABS */
730 |
731 | QTabBar::tab:bottom {
732 | color: #eff0f1;
733 | border: 1px solid #76797C;
734 | border-top: 1px transparent black;
735 | background-color: #31363b;
736 | padding: 5px;
737 | border-bottom-left-radius: 2px;
738 | border-bottom-right-radius: 2px;
739 | min-width: 50px;
740 | }
741 |
742 | QTabBar::tab:bottom:selected {
743 | color: #eff0f1;
744 | background-color: #54575B;
745 | border: 1px solid #76797C;
746 | border-top: 2px solid #3daee9;
747 | border-bottom-left-radius: 2px;
748 | border-bottom-right-radius: 2px;
749 | }
750 |
751 | QTabBar::tab:bottom:!selected:hover {
752 | background-color: #3daee9;
753 | }
754 |
755 |
756 | /* LEFT TABS */
757 |
758 | QTabBar::tab:left {
759 | color: #eff0f1;
760 | border: 1px solid #76797C;
761 | border-left: 1px transparent black;
762 | background-color: #31363b;
763 | padding: 5px;
764 | border-top-right-radius: 2px;
765 | border-bottom-right-radius: 2px;
766 | min-height: 50px;
767 | }
768 |
769 | QTabBar::tab:left:selected {
770 | color: #eff0f1;
771 | background-color: #54575B;
772 | border: 1px solid #76797C;
773 | border-left: 2px solid #3daee9;
774 | border-top-right-radius: 2px;
775 | border-bottom-right-radius: 2px;
776 | }
777 |
778 | QTabBar::tab:left:!selected:hover {
779 | background-color: #3daee9;
780 | }
781 |
782 |
783 | /* RIGHT TABS */
784 |
785 | QTabBar::tab:right {
786 | color: #eff0f1;
787 | border: 1px solid #76797C;
788 | border-right: 1px transparent black;
789 | background-color: #31363b;
790 | padding: 5px;
791 | border-top-left-radius: 2px;
792 | border-bottom-left-radius: 2px;
793 | min-height: 50px;
794 | }
795 |
796 | QTabBar::tab:right:selected {
797 | color: #eff0f1;
798 | background-color: #54575B;
799 | border: 1px solid #76797C;
800 | border-right: 2px solid #3daee9;
801 | border-top-left-radius: 2px;
802 | border-bottom-left-radius: 2px;
803 | }
804 |
805 | QTabBar::tab:right:!selected:hover {
806 | background-color: #3daee9;
807 | }
808 |
809 | QTabBar QToolButton::right-arrow:enabled {
810 | image: url(:/icons/res/icons/png/right_arrow.png);
811 | }
812 |
813 | QTabBar QToolButton::left-arrow:enabled {
814 | image: url(:/icons/res/icons/png/left_arrow.png);
815 | }
816 |
817 | QTabBar QToolButton::right-arrow:disabled {
818 | image: url(:/icons/res/icons/png/right_arrow_disabled.png);
819 | }
820 |
821 | QTabBar QToolButton::left-arrow:disabled {
822 | image: url(:/icons/res/icons/png/left_arrow_disabled.png);
823 | }
824 |
825 | QDockWidget {
826 | background: #31363b;
827 | border: 1px solid #403F3F;
828 | titlebar-close-icon: url(:/icons/res/icons/png/close.png);
829 | titlebar-normal-icon: url(:/icons/res/icons/png/undock.png);
830 | }
831 |
832 | QDockWidget::close-button,
833 | QDockWidget::float-button {
834 | border: 1px solid transparent;
835 | border-radius: 2px;
836 | background: transparent;
837 | }
838 |
839 | QDockWidget::close-button:hover,
840 | QDockWidget::float-button:hover {
841 | background: rgba(255, 255, 255, 10);
842 | }
843 |
844 | QDockWidget::close-button:pressed,
845 | QDockWidget::float-button:pressed {
846 | padding: 1px -1px -1px 1px;
847 | background: rgba(255, 255, 255, 10);
848 | }
849 |
850 | QTreeView,
851 | QListView {
852 | border: 1px solid #76797C;
853 | background-color: #232629;
854 | }
855 |
856 | QTreeView:branch:selected,
857 | QTreeView:branch:hover {
858 | background: url(:/icons/res/icons/png/transparent.png);
859 | }
860 |
861 | QTreeView::branch:has-siblings:!adjoins-item {
862 | border-image: url(:/icons/res/icons/png/transparent.png);
863 | }
864 |
865 | QTreeView::branch:has-siblings:adjoins-item {
866 | border-image: url(:/icons/res/icons/png/transparent.png);
867 | }
868 |
869 | QTreeView::branch:!has-children:!has-siblings:adjoins-item {
870 | border-image: url(:/icons/res/icons/png/transparent.png);
871 | }
872 |
873 | QTreeView::branch:has-children:!has-siblings:closed,
874 | QTreeView::branch:closed:has-children:has-siblings {
875 | image: url(:/icons/res/icons/png/branch_closed.png);
876 | }
877 |
878 | QTreeView::branch:open:has-children:!has-siblings,
879 | QTreeView::branch:open:has-children:has-siblings {
880 | image: url(:/icons/res/icons/png/branch_open.png);
881 | }
882 |
883 | QTreeView::branch:has-children:!has-siblings:closed:hover,
884 | QTreeView::branch:closed:has-children:has-siblings:hover {
885 | image: url(:/icons/res/icons/png/branch_closed-on.png);
886 | }
887 |
888 | QTreeView::branch:open:has-children:!has-siblings:hover,
889 | QTreeView::branch:open:has-children:has-siblings:hover {
890 | image: url(:/icons/res/icons/png/branch_open-on.png);
891 | }
892 |
893 | QListView::item:!selected:hover,
894 | QTreeView::item:!selected:hover {
895 | background: #18465d;
896 | outline: 0;
897 | color: #eff0f1
898 | }
899 |
900 | QListView::item:selected:hover,
901 | QTreeView::item:selected:hover {
902 | background: #287399;
903 | color: #eff0f1;
904 | }
905 |
906 | QTreeView::indicator:checked,
907 | QListView::indicator:checked {
908 | image: url(:/icons/res/icons/png/checkbox_checked.png);
909 | }
910 |
911 | QTreeView::indicator:unchecked,
912 | QListView::indicator:unchecked {
913 | image: url(:/icons/res/icons/png/checkbox_unchecked.png);
914 | }
915 |
916 | QTreeView::indicator:indeterminate,
917 | QListView::indicator:indeterminate {
918 | image: url(:/icons/res/icons/png/checkbox_indeterminate.png);
919 | }
920 |
921 | QTreeView::indicator:checked:hover,
922 | QTreeView::indicator:checked:focus,
923 | QTreeView::indicator:checked:pressed,
924 | QListView::indicator:checked:hover,
925 | QListView::indicator:checked:focus,
926 | QListView::indicator:checked:pressed {
927 | image: url(:/icons/res/icons/png/checkbox_checked_focus.png);
928 | }
929 |
930 | QTreeView::indicator:unchecked:hover,
931 | QTreeView::indicator:unchecked:focus,
932 | QTreeView::indicator:unchecked:pressed,
933 | QListView::indicator:unchecked:hover,
934 | QListView::indicator:unchecked:focus,
935 | QListView::indicator:unchecked:pressed {
936 | image: url(:/icons/res/icons/png/checkbox_unchecked_focus.png);
937 | }
938 |
939 | QTreeView::indicator:indeterminate:hover,
940 | QTreeView::indicator:indeterminate:focus,
941 | QTreeView::indicator:indeterminate:pressed,
942 | QListView::indicator:indeterminate:hover,
943 | QListView::indicator:indeterminate:focus,
944 | QListView::indicator:indeterminate:pressed {
945 | image: url(:/icons/res/icons/png/checkbox_indeterminate_focus.png);
946 | }
947 |
948 | QSlider::groove:horizontal {
949 | border: 1px solid #565a5e;
950 | height: 4px;
951 | background: #565a5e;
952 | margin: 0px;
953 | border-radius: 2px;
954 | }
955 |
956 | QSlider::handle:horizontal {
957 | background: #232629;
958 | border: 1px solid #565a5e;
959 | width: 16px;
960 | height: 16px;
961 | margin: -8px 0;
962 | border-radius: 9px;
963 | }
964 |
965 | QSlider::groove:vertical {
966 | border: 1px solid #565a5e;
967 | width: 4px;
968 | background: #565a5e;
969 | margin: 0px;
970 | border-radius: 3px;
971 | }
972 |
973 | QSlider::handle:vertical {
974 | background: #232629;
975 | border: 1px solid #565a5e;
976 | width: 16px;
977 | height: 16px;
978 | margin: 0 -8px;
979 | border-radius: 9px;
980 | }
981 |
982 | QToolButton {
983 | background-color: transparent;
984 | border: 1px transparent #76797C;
985 | border-radius: 2px;
986 | margin: 3px;
987 | padding: 5px;
988 | }
989 |
990 | QToolButton[popupMode="1"] {
991 | /* only for MenuButtonPopup */
992 | padding-right: 20px;
993 | /* make way for the popup button */
994 | border: 1px #76797C;
995 | border-radius: 5px;
996 | }
997 |
998 | QToolButton[popupMode="2"] {
999 | /* only for InstantPopup */
1000 | padding-right: 10px;
1001 | /* make way for the popup button */
1002 | border: 1px #76797C;
1003 | }
1004 |
1005 | QToolButton:hover,
1006 | QToolButton::menu-button:hover {
1007 | background-color: transparent;
1008 | border: 1px solid #3daee9;
1009 | padding: 5px;
1010 | }
1011 |
1012 | QToolButton:checked,
1013 | QToolButton:pressed,
1014 | QToolButton::menu-button:pressed {
1015 | background-color: #3daee9;
1016 | border: 1px solid #3daee9;
1017 | padding: 5px;
1018 | }
1019 |
1020 |
1021 | /* the subcontrol below is used only in the InstantPopup or DelayedPopup mode */
1022 |
1023 | QToolButton::menu-indicator {
1024 | image: url(:/icons/res/icons/png/down_arrow.png);
1025 | top: -7px;
1026 | left: -2px;
1027 | /* shift it a bit */
1028 | }
1029 |
1030 |
1031 | /* the subcontrols below are used only in the MenuButtonPopup mode */
1032 |
1033 | QToolButton::menu-button {
1034 | border: 1px transparent #76797C;
1035 | border-top-right-radius: 6px;
1036 | border-bottom-right-radius: 6px;
1037 | /* 16px width + 4px for border = 20px allocated above */
1038 | width: 16px;
1039 | outline: none;
1040 | }
1041 |
1042 | QToolButton::menu-arrow {
1043 | image: url(:/icons/res/icons/png/down_arrow.png);
1044 | }
1045 |
1046 | QToolButton::menu-arrow:open {
1047 | border: 1px solid #76797C;
1048 | }
1049 |
1050 | QPushButton::menu-indicator {
1051 | subcontrol-origin: padding;
1052 | subcontrol-position: bottom right;
1053 | left: 8px;
1054 | }
1055 |
1056 | QTableView {
1057 | border: 0px solid #76797C;
1058 | gridline-color: #31363b;
1059 | background-color: #232629;
1060 | }
1061 |
1062 | QTableView,
1063 | QHeaderView {
1064 | border-radius: 0px;
1065 | }
1066 |
1067 | QTableView:item,
1068 | QHeaderView:item {
1069 | border-style: none;
1070 | border-bottom: 1px solid rgb(0,0,0);
1071 | }
1072 |
1073 | QTableView::item:pressed,
1074 | QListView::item:pressed,
1075 | QTreeView::item:pressed {
1076 | background: #18465d;
1077 | color: #eff0f1;
1078 | }
1079 |
1080 | QTableView::item:selected:active,
1081 | QTreeView::item:selected:active,
1082 | QListView::item:selected:active {
1083 | background: #287399;
1084 | color: #eff0f1;
1085 | }
1086 |
1087 | QHeaderView {
1088 | background-color: #31363b;
1089 | border: 1px transparent;
1090 | border-radius: 0px;
1091 | margin: 0px;
1092 | padding: 0px;
1093 | }
1094 |
1095 | QHeaderView::section {
1096 | background-color: #31363b;
1097 | color: #eff0f1;
1098 | padding: 5px;
1099 | border: 1px solid #76797C;
1100 | border-radius: 0px;
1101 | text-align: center;
1102 | }
1103 |
1104 | QHeaderView::section::vertical::first,
1105 | QHeaderView::section::vertical::only-one {
1106 | border-top: 1px solid #76797C;
1107 | }
1108 |
1109 | QHeaderView::section::vertical {
1110 | border-top: transparent;
1111 | }
1112 |
1113 | QHeaderView::section::horizontal::first,
1114 | QHeaderView::section::horizontal::only-one {
1115 | border-left: 1px solid #76797C;
1116 | }
1117 |
1118 | QHeaderView::section::horizontal {
1119 | border-left: transparent;
1120 | }
1121 |
1122 | QHeaderView::section:checked {
1123 | color: white;
1124 | background-color: #334e5e;
1125 | }
1126 |
1127 |
1128 | /* style the sort indicator */
1129 |
1130 | QHeaderView::down-arrow {
1131 | image: url(:/icons/res/icons/png/down_arrow.png);
1132 | }
1133 |
1134 | QHeaderView::up-arrow {
1135 | image: url(:/icons/res/icons/png/up_arrow.png);
1136 | }
1137 |
1138 | QTableCornerButton::section {
1139 | background-color: #31363b;
1140 | border: 1px transparent #76797C;
1141 | border-radius: 0px;
1142 | }
1143 |
1144 | QToolBox {
1145 | padding: 5px;
1146 | border: 1px transparent black;
1147 | }
1148 |
1149 | QToolBox::tab {
1150 | color: #eff0f1;
1151 | background-color: #31363b;
1152 | border: 1px solid #76797C;
1153 | border-bottom: 1px transparent #31363b;
1154 | border-top-left-radius: 5px;
1155 | border-top-right-radius: 5px;
1156 | }
1157 |
1158 | QToolBox::tab:selected {
1159 | /* italicize selected tabs */
1160 | font: italic;
1161 | background-color: #31363b;
1162 | border-color: #3daee9;
1163 | }
1164 |
1165 | QStatusBar::item {
1166 | border: 0px transparent dark;
1167 | }
1168 |
1169 | QFrame[height="3"],
1170 | QFrame[width="3"] {
1171 | background-color: #76797C;
1172 | }
1173 |
1174 | QSplitter::handle {
1175 | border: 1px dashed #76797C;
1176 | }
1177 |
1178 | QSplitter::handle:hover {
1179 | background-color: #787876;
1180 | border: 1px solid #76797C;
1181 | }
1182 |
1183 | QSplitter::handle:horizontal {
1184 | width: 1px;
1185 | }
1186 |
1187 | QSplitter::handle:vertical {
1188 | height: 1px;
1189 | }
1190 |
1191 | QProgressBar {
1192 | border: 1px solid #76797C;
1193 | border-radius: 5px;
1194 | text-align: center;
1195 | }
1196 |
1197 | QProgressBar::chunk {
1198 | background-color: #05B8CC;
1199 | }
1200 |
1201 | QDateEdit {
1202 | selection-background-color: #3daee9;
1203 | border-style: solid;
1204 | border: 1px solid #3375A3;
1205 | border-radius: 2px;
1206 | padding: 1px;
1207 | min-width: 75px;
1208 | }
1209 |
1210 | QDateEdit:on {
1211 | padding-top: 3px;
1212 | padding-left: 4px;
1213 | selection-background-color: #4a4a4a;
1214 | }
1215 |
1216 | QDateEdit QAbstractItemView {
1217 | background-color: #232629;
1218 | border-radius: 2px;
1219 | border: 1px solid #3375A3;
1220 | selection-background-color: #3daee9;
1221 | }
1222 |
1223 | QDateEdit::drop-down {
1224 | subcontrol-origin: padding;
1225 | subcontrol-position: top right;
1226 | width: 15px;
1227 | border-left-width: 0px;
1228 | border-left-color: darkgray;
1229 | border-left-style: solid;
1230 | border-top-right-radius: 3px;
1231 | border-bottom-right-radius: 3px;
1232 | }
1233 |
1234 | QDateEdit::down-arrow {
1235 | image: url(:/icons/res/icons/png/down_arrow_disabled.png);
1236 | }
1237 |
1238 | QDateEdit::down-arrow:on,
1239 | QDateEdit::down-arrow:hover,
1240 | QDateEdit::down-arrow:focus {
1241 | image: url(:/icons/res/icons/png/down_arrow.png);
1242 | }
1243 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | ## QStyleSheet
2 |
3 | this is qss styles for qt
4 |
--------------------------------------------------------------------------------
/materialStyle/materialStyle.css:
--------------------------------------------------------------------------------
1 | QWidget:window { /* Borders around the code editor and debug window */
2 | border: 0px solid #263238;
3 | background-color: #263238;
4 | }
5 |
6 | QToolTip {
7 | background-color: #80CBC4;
8 | color: black;
9 | padding: 5px;
10 | border-radius: 0;
11 | opacity: 200;
12 | }
13 |
14 | /* ==================== Dialog ==================== */
15 | QLabel {
16 | background: transparent;
17 | color: #CFD8DC; /* Not sure about this one */
18 | }
19 |
20 | QDialog, QListView {
21 | background-color: #263238;
22 | color: #546E7A;
23 | outline: 0;
24 | border: 2px solid transparent;
25 | }
26 |
27 | QListView::item:hover {
28 | color: #AFBDC4;
29 | background: transparent;
30 | }
31 |
32 |
33 | QListView::item:selected {
34 | color: #ffffff;
35 | background: transparent;
36 | }
37 |
38 | /* === QTabBar === */
39 | QTabBar {
40 | background: #263238;
41 | }
42 |
43 | QTabWidget::pane {
44 | background: transparent; /* Only at the very bottom of the tabs */
45 | }
46 |
47 | QTabBar::tab {
48 | background: transparent;
49 | border: 0px solid transparent;
50 | border-bottom: 2px solid transparent;
51 | color: #546E7A;
52 | padding-left: 10px;
53 | padding-right: 10px;
54 | padding-top: 3px;
55 | padding-bottom: 3px;
56 | }
57 |
58 | QTabBar::tab:hover {
59 | background-color: transparent;
60 | border: 0px solid transparent;
61 | border-bottom: 2px solid #80CBC4;
62 | color: #AFBDC4;
63 | }
64 |
65 | QTabBar::tab:selected {
66 | background-color: transparent;
67 | border: 0px solid transparent;
68 | border-top: none;
69 | border-bottom: 2px solid #80CBC4;
70 | color: #FFFFFF;
71 | }
72 |
73 | QStackedWidget {
74 | background: #263238; /* This covers a bunch of things, I was thinking about making it transparent, */
75 | /* but I would have to find all the other elements... but QTabWidget::pane may be it */
76 | }
77 |
78 |
79 | /* === QGroupBox === */
80 | QGroupBox {
81 | border: 1px solid transparent;
82 | margin-top: 1em;
83 | }
84 |
85 | QGroupBox::title {
86 | color: #80CBC4;
87 | subcontrol-origin: margin;
88 | left: 6px;
89 | padding: 0 3px 0 3px;
90 | }
91 |
92 | QComboBox {
93 | color: #546E7A;
94 | background-color: transparent;
95 | selection-background-color: transparent;
96 | outline: 0;
97 | }
98 |
99 | QComboBox QAbstractItemView
100 | {
101 | selection-background-color: transparent;
102 | outline: 0;
103 | }
104 |
105 | /* === QCheckBox === */
106 | QCheckBox, QRadioButton {
107 | color: #AFBDC4;
108 | }
109 |
110 | QCheckBox::indicator::unchecked {
111 | background-color: #263238;
112 | border: 1px solid #536D79;
113 | }
114 |
115 | QRadioButton::indicator::unchecked {
116 | background-color: #263238;
117 | border: 1px solid #536D79;
118 | border-radius: 4px;
119 | }
120 |
121 | QCheckBox::indicator::checked, QTreeView::indicator::checked {
122 | background-color: qradialgradient(cx:0.5, cy:0.5, fx:0.25, fy:0.15, radius:0.3, stop:0 #80CBC4, stop:1 #263238);
123 | border: 1px solid #536D79;
124 | }
125 |
126 | QRadioButton::indicator::checked {
127 | background-color: qradialgradient(cx:0.5, cy:0.5, fx:0.25, fy:0.15, radius:0.3, stop:0 #80CBC4, stop:1 #263238);
128 | border: 1px solid #536D79;
129 | border-radius: 4px;
130 | }
131 |
132 | QCheckBox::indicator:disabled, QRadioButton::indicator:disabled, QTreeView::indicator:disabled {
133 | background-color: #444444; /* Not sure what this looks like */
134 | }
135 |
136 | QCheckBox::indicator::checked:disabled, QRadioButton::indicator::checked:disabled, QTreeView::indicator::checked:disabled {
137 | background-color: qradialgradient(cx:0.5, cy:0.5, fx:0.25, fy:0.15, radius:0.3, stop:0 #BBBBBB, stop:1 #444444); /* Not sure what this looks like */
138 | }
139 |
140 | QTreeView {
141 | background-color: transparent;
142 | color: #546E7A;
143 | outline: 0;
144 | border: 0;
145 | }
146 |
147 | QTreeView::item:hover {
148 | background-color: transparent;
149 | color: #AFBDC4;
150 | }
151 |
152 | QTreeView::item:selected {
153 | background-color: transparent;
154 | color: #FFFFFF;
155 | }
156 |
157 | QTreeView QHeaderView:section {
158 | background-color: #263238;
159 | color: #CFD8DC;
160 | border: 0;
161 | }
162 |
163 | QTreeView::indicator:checked {
164 | background-color: qradialgradient(cx:0.5, cy:0.5, fx:0.25, fy:0.15, radius:0.3, stop:0 #80CBC4, stop:1 #263238);
165 | border: 1px solid #536D79;
166 | selection-background-color: transparent;
167 | }
168 |
169 | QTreeView::indicator:unchecked { /* This and the one above style the checkbox in the Options -> Keyboard */
170 | background-color: #263238; /* This is still a hover over in blue I can't get rid of */
171 | border: 1px solid #536D79;
172 | selection-background-color: transparent;
173 | }
174 |
175 | /*QTreeView QScrollBar {
176 | background-color: #263238
177 | }*/
178 |
179 | QTreeView::branch {
180 | /* Skip - applies to everything */
181 | }
182 |
183 | QTreeView::branch:has-siblings:adjoins-item {
184 | /* Skip - files */
185 | }
186 |
187 | QTreeView::branch:has-siblings:!adjoins-item {
188 | /* Skip - applies to almost all on the left side */
189 | }
190 |
191 | QTreeView::branch:closed:has-children:has-siblings {
192 | background: url('./images/rightarrowgray.png') center center no-repeat;
193 | }
194 |
195 | QTreeView::branch:has-children:!has-siblings:closed {
196 | background: url('./images/rightarrowgray.png') center center no-repeat;
197 | }
198 |
199 | QTreeView::branch:!has-children:!has-siblings:adjoins-item {
200 | /* Skip - files */
201 | }
202 |
203 | QTreeView::branch:open:has-children:has-siblings {
204 | background: url('./images/downarrowgray.png') center center no-repeat;
205 | }
206 |
207 | QTreeView::branch:open:has-children:!has-siblings {
208 | background: url('./images/downarrowgray.png') center center no-repeat;
209 | }
210 |
211 | /* === QScrollBar:horizontal === */
212 | QScrollBar:horizontal {
213 | background: #263238; /* Background where slider is not */
214 | height: 10px;
215 | margin: 0;
216 | }
217 |
218 | QScrollBar:vertical {
219 | background: #263238; /* Background where slider is not */
220 | width: 10px;
221 | margin: 0;
222 | }
223 |
224 | QScrollBar::handle:horizontal {
225 | background: #37474F; /* Slider color */
226 | min-width: 16px;
227 | border-radius: 5px;
228 | }
229 |
230 | QScrollBar::handle:vertical {
231 | background: #37474F; /* Slider color */
232 | min-height: 16px;
233 | border-radius: 5px;
234 | }
235 |
236 | QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal,
237 | QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
238 | background: none; /* Removes the dotted background */
239 | }
240 |
241 | QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal,
242 | QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical { /* Hides the slider arrows */
243 | border: none;
244 | background: none;
245 | }
246 |
247 | QPushButton {
248 | background-color: transparent;
249 | color: #546E7A;
250 | border: 1px solid transparent;
251 | padding: 4px 22px;
252 | }
253 |
254 | QPushButton:hover {
255 | color: #AFBDC4;
256 | }
257 |
258 | QPushButton:pressed {
259 | color: #FFFFFF;
260 | }
261 |
262 | QLineEdit {
263 | background: transparent;
264 | border: 1px solid transparent;
265 | color: #546E7A;
266 | }
267 |
268 | QSpinBox {
269 | background: transparent;
270 | border: 1px solid transparent;
271 | color: #546E7A;
272 | }
273 |
274 | /*****************************************************************************
275 | Main Screen
276 | *****************************************************************************/
277 | QTreeView {
278 | background-color: #263238;
279 | }
280 |
281 | QMenu {
282 | background-color: #263238; /* File Menu Background color */
283 | color: #546E7A;
284 | }
285 |
286 | QMenu::item:selected {
287 | color: #AFBDC4;
288 | }
289 |
290 | QMenu::item:pressed {
291 | color: #FFFFFF;
292 | }
293 |
294 | QMenu::separator {
295 | height: 1px;
296 | background: transparent; /* Could change this to #546E7A and reduce the margin top and bottom to 1px */
297 | margin-left: 10px;
298 | margin-right: 10px;
299 | margin-top: 5px;
300 | margin-bottom: 5px;
301 | }
302 |
303 | /* === QMenuBar === */
304 | QMenuBar {
305 | background-color: #263238;
306 | color: #546E7A;
307 | }
308 |
309 | QMenuBar::item {
310 | background: transparent;
311 | }
312 |
313 | QMenuBar::item:disabled {
314 | color: gray;
315 | }
316 |
317 | QMenuBar::item:selected {
318 | color: #AFBDC4;
319 | }
320 |
321 | QMenuBar::item:pressed {
322 | color: #FFFFFF;
323 | }
324 |
325 | QToolBar {
326 | background: #263238;
327 | border: 1px solid transparent;
328 | }
329 |
330 | QToolBar:handle {
331 | background: transparent;
332 | border-left: 2px dotted #80CBC4; /* Fix the 4 handle dots so it doesn't look crappy */
333 | color: transparent;
334 | }
335 |
336 | QToolBar::separator {
337 | border: 0;
338 | }
339 |
340 | /* === QToolButton === */
341 | QToolButton:hover, QToolButton:pressed {
342 | background-color: transparent;
343 | }
344 |
345 | QToolButton::menu-button {
346 | background: url('./images/downarrowgray.png') center center no-repeat;
347 | background-color: #263238; /* This needs to be set to ensure the other brown arrows don't show */
348 | }
349 |
350 | QToolButton::menu-button:hover, QToolButton::menu-button:pressed {
351 | background-color: #263238;
352 | }
353 |
354 | QStatusBar {
355 | background-color: #263238;
356 | }
357 |
358 | QLabel {
359 | color: #546E7A; /* Text at the bottom right corner of the screen */
360 | }
361 |
362 | QToolButton { /* I don't like how the items depress */
363 | color: #546E7A;
364 | }
365 |
366 | QToolButton:hover, QToolButton:pressed, QToolButton:checked {
367 | background-color: #263238;
368 | }
369 |
370 | QToolButton:hover {
371 | color: #AFBDC4;
372 |
373 | }
374 |
375 | QToolButton:checked, QToolButton:pressed {
376 | color: #FFFFFF;
377 | }
378 |
379 |
380 | QToolButton {
381 | border: 1px solid transparent;
382 | margin: 1px;
383 | }
384 |
385 | QToolButton:hover {
386 | background-color: transparent; /* I don't like how the down arrows in the top menu bar move down when clicked */
387 | border: 1px solid transparent;
388 | }
389 |
390 | QToolButton[popupMode="1"] { /* only for MenuButtonPopup */
391 | padding-right: 20px; /* make way for the popup button */
392 | }
393 |
394 | QToolButton::menu-button {
395 | border-left: 1px solid transparent;
396 | background: transparent;
397 | width: 16px;
398 | }
399 |
400 | QToolButton::menu-button:hover {
401 | border-left: 1px solid transparent;
402 | background: transparent;
403 | width: 16px;
404 | }
405 |
406 | QStatusBar::item {
407 | color: #546E7A;
408 | background-color: #263238;
409 | }
410 |
411 | QAbstractScrollArea { /* Borders around the code editor and debug window */
412 | border: 0;
413 | }
414 |
415 | /*****************************************************************************
416 | Play around with these settings
417 | *****************************************************************************/
418 |
419 | /* Force the dialog's buttons to follow the Windows guidelines. */
420 | QDialogButtonBox {
421 | button-layout: 0;
422 | }
423 |
424 | QTabWidget::tab-bar {
425 | left: 0px; /* Test this out on OS X, it will affect the tabs in the Options Dialog, on OS X they are centered */
426 | }
427 |
428 |
--------------------------------------------------------------------------------
/res/Hmovetoolbar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/Hmovetoolbar.png
--------------------------------------------------------------------------------
/res/Hsepartoolbar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/Hsepartoolbar.png
--------------------------------------------------------------------------------
/res/Vmovetoolbar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/Vmovetoolbar.png
--------------------------------------------------------------------------------
/res/Vsepartoolbar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/Vsepartoolbar.png
--------------------------------------------------------------------------------
/res/branch_closed-on.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/branch_closed-on.png
--------------------------------------------------------------------------------
/res/branch_closed.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/branch_closed.png
--------------------------------------------------------------------------------
/res/branch_open-on.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/branch_open-on.png
--------------------------------------------------------------------------------
/res/branch_open.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/branch_open.png
--------------------------------------------------------------------------------
/res/checkbox_checked.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/checkbox_checked.png
--------------------------------------------------------------------------------
/res/checkbox_checked_disabled.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/checkbox_checked_disabled.png
--------------------------------------------------------------------------------
/res/checkbox_checked_focus.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/checkbox_checked_focus.png
--------------------------------------------------------------------------------
/res/checkbox_indeterminate.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/checkbox_indeterminate.png
--------------------------------------------------------------------------------
/res/checkbox_indeterminate_disabled.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/checkbox_indeterminate_disabled.png
--------------------------------------------------------------------------------
/res/checkbox_indeterminate_focus.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/checkbox_indeterminate_focus.png
--------------------------------------------------------------------------------
/res/checkbox_unchecked.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/checkbox_unchecked.png
--------------------------------------------------------------------------------
/res/checkbox_unchecked_disabled.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/checkbox_unchecked_disabled.png
--------------------------------------------------------------------------------
/res/checkbox_unchecked_focus.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/checkbox_unchecked_focus.png
--------------------------------------------------------------------------------
/res/close-hover.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/close-hover.png
--------------------------------------------------------------------------------
/res/close-pressed.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/close-pressed.png
--------------------------------------------------------------------------------
/res/close.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/close.png
--------------------------------------------------------------------------------
/res/down_arrow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/down_arrow.png
--------------------------------------------------------------------------------
/res/down_arrow_disabled.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/down_arrow_disabled.png
--------------------------------------------------------------------------------
/res/left_arrow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/left_arrow.png
--------------------------------------------------------------------------------
/res/left_arrow_disabled.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/left_arrow_disabled.png
--------------------------------------------------------------------------------
/res/radio_checked.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/radio_checked.png
--------------------------------------------------------------------------------
/res/radio_checked_disabled.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/radio_checked_disabled.png
--------------------------------------------------------------------------------
/res/radio_checked_focus.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/radio_checked_focus.png
--------------------------------------------------------------------------------
/res/radio_unchecked.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/radio_unchecked.png
--------------------------------------------------------------------------------
/res/radio_unchecked_disabled.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/radio_unchecked_disabled.png
--------------------------------------------------------------------------------
/res/radio_unchecked_focus.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/radio_unchecked_focus.png
--------------------------------------------------------------------------------
/res/right_arrow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/right_arrow.png
--------------------------------------------------------------------------------
/res/right_arrow_disabled.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/right_arrow_disabled.png
--------------------------------------------------------------------------------
/res/sizegrip.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/sizegrip.png
--------------------------------------------------------------------------------
/res/stylesheet-branch-end.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/stylesheet-branch-end.png
--------------------------------------------------------------------------------
/res/stylesheet-branch-more.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/stylesheet-branch-more.png
--------------------------------------------------------------------------------
/res/stylesheet-vline.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/stylesheet-vline.png
--------------------------------------------------------------------------------
/res/svg/assign.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
62 |
--------------------------------------------------------------------------------
/res/svg/checkbox_checked.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
97 |
--------------------------------------------------------------------------------
/res/svg/checkbox_checked_disabled.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
97 |
--------------------------------------------------------------------------------
/res/svg/checkbox_checked_focus.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
97 |
--------------------------------------------------------------------------------
/res/svg/checkbox_indeterminate.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
97 |
--------------------------------------------------------------------------------
/res/svg/checkbox_indeterminate_disabled.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
97 |
--------------------------------------------------------------------------------
/res/svg/checkbox_indeterminate_focus.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
97 |
--------------------------------------------------------------------------------
/res/svg/checkbox_unchecked.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
72 |
--------------------------------------------------------------------------------
/res/svg/checkbox_unchecked_disabled.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
72 |
--------------------------------------------------------------------------------
/res/svg/checkbox_unchecked_focus.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
72 |
--------------------------------------------------------------------------------
/res/svg/edit.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
96 |
--------------------------------------------------------------------------------
/res/svg/linkNode.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
62 |
--------------------------------------------------------------------------------
/res/svg/radio_checked.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
74 |
--------------------------------------------------------------------------------
/res/svg/radio_checked_disabled.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
74 |
--------------------------------------------------------------------------------
/res/svg/radio_checked_focus.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
74 |
--------------------------------------------------------------------------------
/res/svg/radio_unchecked.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
68 |
--------------------------------------------------------------------------------
/res/svg/radio_unchecked_disabled.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
68 |
--------------------------------------------------------------------------------
/res/svg/radio_unchecked_focus.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
68 |
--------------------------------------------------------------------------------
/res/svg/remove.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
62 |
--------------------------------------------------------------------------------
/res/transparent.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/transparent.png
--------------------------------------------------------------------------------
/res/undock.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/undock.png
--------------------------------------------------------------------------------
/res/up_arrow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/up_arrow.png
--------------------------------------------------------------------------------
/res/up_arrow_disabled.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/QuasarApp/QStyleSheet/ba2ae4709a5a7f9b0e15f6b626dbcdff1aa32ac8/res/up_arrow_disabled.png
--------------------------------------------------------------------------------
/vsDark/vsDark.css:
--------------------------------------------------------------------------------
1 | /*
2 | * QSS Qt Stylesheets Collection.
3 | * Created in 2013 by Khromathyon Software.
4 | * QSS Theme: Visual Studio(R) 2012 Dark Theme.
5 | * License: WTFPL
6 | */
7 | QMainWindow {
8 | background-color:#2d2d30;
9 | color:#f1f1f1;
10 | }
11 |
12 |
13 | QMenuBar {
14 |
15 | background-color:#2d2d30;
16 | text-transform: uppercase;
17 | color:#f1f1f1;
18 | }
19 |
20 | QMenuBar::item:selected{
21 | background-color:#3e3e40;
22 | }
23 |
24 | QMenu {
25 | border:0.5px solid #333337;
26 | color:#f1f1f1;
27 | }
28 | QMenu::item:selected {
29 | background-color:#2d2d30;
30 | border-color:#333337;
31 |
32 | }
33 |
34 | QMenu::item {
35 | background-color:#1b1b1c;
36 | border-color:#333337;
37 | padding: 2px 25px 2px 20px;
38 |
39 | }
40 |
41 | QMenu::separator{
42 | background-color:#333337;
43 | spacing:2px;
44 | }
45 |
46 | QTabBar::tab {
47 | background-color:#2d2d30;
48 | border: 1px solid transparent;
49 | color:#f1f1f1;
50 | padding:5px;
51 |
52 | }
53 |
54 | QTabBar::tab:hover{
55 | background-color:#1c97ea;
56 |
57 | }
58 |
59 | QTabBar::tab:selected{
60 | background-color:#007acc;
61 | }
62 |
63 | QTabWidget::pane {
64 | border-top: 2px solid #007acc;
65 | background-color:#2d2d30;
66 | }
67 |
68 | QDockWidget {
69 | background: #2d2d30;
70 | color:#f1f1f1;
71 | }
72 |
73 | QDockWidget::active {
74 | border: 1px solid #007acc;
75 | }
76 |
77 | QDockWidget::title {
78 | color:#f1f1f1;
79 | background:#007acc;
80 | }
81 |
82 | QComboBox {
83 | border-style:none;
84 | background-color:#333337;
85 | color:#b2b2b2;
86 | border-style:none;
87 | }
88 |
89 | QComboBox:on {
90 | background-color:#3f3f46;
91 | }
92 |
93 | QComboBox:down-arrow {
94 | border-style:none;
95 | border-left: 1px solid #007acc;
96 | }
97 |
98 | QComboBox:drop-down {
99 | border-style:none;
100 | }
101 |
102 | /*Needs fix*/
103 | QScrollBar{
104 | background:#3e3e42;
105 | border-style:none;
106 | }
107 |
108 | QScrollbar::horizontal{
109 | height: 15px;
110 | margin: 0px 20px 0 20px;
111 | }
112 |
113 | QScrollBar:handle {
114 | border-style:none;
115 | background:#9d9d9d;
116 | margin: inherited;
117 |
118 | }
119 | QPushButton {
120 | border-style:none;
121 | border-bottom:1px solid #007acc;
122 | color:#f1f1f1;
123 | background:#3e3e42;
124 | padding:5px;
125 | }
126 |
127 | QPushButton::pressed {
128 | border: 1px solid #007acc;
129 | background:#3e3e42;
130 |
131 | }
132 |
133 | QToolButton {
134 | border-style:none;
135 | background:#2d2d30;
136 | color:#f1f1f1;
137 | }
138 |
139 | QToolButton:pressed {
140 | border: 1px solid #007acc;
141 | background:#3e3e42;
142 | }
143 |
144 | QLabel {
145 | color:#f1f1f1;
146 | }
147 |
148 | QLineEdit {
149 | border: 1px solid #3e3e42;
150 | background-color:#3f3f46;
151 | color:#b2b2b2;
152 | selection-background-color:#1c97ea;
153 |
154 | }
155 | QLineEdit:selected {
156 | border-color:#007acc;
157 | }
158 |
159 |
160 | QToolBar {
161 | background:#2d2d30;
162 | border-style:none;
163 | }
164 |
165 | QToolBox{
166 | background:#2d2d30;
167 | }
168 |
169 | QToolBox::tab{
170 | background:#2d2d30;
171 | color:#f1f1f1;
172 | border-style:none;
173 | border-bottom-style: solid;
174 | border-bottom: 2px solid #007acc;
175 | }
176 |
177 | QToolBox::tab:selected {
178 | border:1px solid #007acc;
179 | }
180 |
181 | QWidget{
182 | background:#2d2d30;
183 | color:#f1f1f1;
184 | }
185 |
186 | QTreeView {
187 | background-color:#2d2d30;
188 | border-style:none;
189 | }
190 |
191 | QTreeView::item:selected
192 | {
193 | background:#007acc;
194 | }
195 |
196 | QTreeView::item:selected!active {
197 | background: #3f3f46;
198 | }
199 |
200 | QTreeView::item:selected {
201 | background: #3f3f46;
202 | }
203 | QListView {
204 | background-color:#252526;
205 | border-style:none;
206 |
207 | }
208 |
209 |
--------------------------------------------------------------------------------