style.qss 29 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373
  1. QToolTip {
  2. border: 1px solid #76797C;
  3. background-color: #5A7566;
  4. color: white;
  5. /*remove padding, for fix combobox tooltip.*/
  6. padding: 0;
  7. opacity: 200;
  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: 0;
  17. outline: 0;
  18. }
  19. QWidget:item:hover {
  20. background-color: #18465d;
  21. color: #eff0f1;
  22. }
  23. QWidget:item:selected {
  24. background-color: #18465d;
  25. }
  26. QCheckBox {
  27. spacing: 6px;
  28. outline: none;
  29. color: #eff0f1;
  30. margin: 0 2px 1px 0;
  31. }
  32. QCheckBox:disabled {
  33. color: #76797C;
  34. }
  35. QCheckBox::indicator,
  36. QGroupBox::indicator {
  37. width: 16px;
  38. height: 16px;
  39. }
  40. QGroupBox::indicator {
  41. margin-left: 2px;
  42. }
  43. QCheckBox::indicator:unchecked,
  44. QGroupBox::indicator:unchecked {
  45. image: url(:/qss_icons/rc/checkbox_unchecked.png);
  46. }
  47. QCheckBox::indicator:unchecked:hover,
  48. QCheckBox::indicator:unchecked:focus,
  49. QCheckBox::indicator:unchecked:pressed,
  50. QGroupBox::indicator:unchecked:hover,
  51. QGroupBox::indicator:unchecked:focus,
  52. QGroupBox::indicator:unchecked:pressed {
  53. border: none;
  54. image: url(:/qss_icons/rc/checkbox_unchecked_focus.png);
  55. }
  56. QCheckBox::indicator:checked,
  57. QGroupBox::indicator:checked {
  58. image: url(:/qss_icons/rc/checkbox_checked.png);
  59. }
  60. QCheckBox::indicator:checked:hover,
  61. QCheckBox::indicator:checked:focus,
  62. QCheckBox::indicator:checked:pressed,
  63. QGroupBox::indicator:checked:hover,
  64. QGroupBox::indicator:checked:focus,
  65. QGroupBox::indicator:checked:pressed {
  66. border: none;
  67. image: url(:/qss_icons/rc/checkbox_checked_focus.png);
  68. }
  69. QCheckBox::indicator:indeterminate {
  70. image: url(:/qss_icons/rc/checkbox_indeterminate.png);
  71. }
  72. QCheckBox::indicator:indeterminate:focus,
  73. QCheckBox::indicator:indeterminate:hover,
  74. QCheckBox::indicator:indeterminate:pressed {
  75. image: url(:/qss_icons/rc/checkbox_indeterminate_focus.png);
  76. }
  77. QCheckBox::indicator:checked:disabled,
  78. QGroupBox::indicator:checked:disabled {
  79. image: url(:/qss_icons/rc/checkbox_checked_disabled.png);
  80. }
  81. QCheckBox::indicator:unchecked:disabled,
  82. QGroupBox::indicator:unchecked:disabled {
  83. image: url(:/qss_icons/rc/checkbox_unchecked_disabled.png);
  84. }
  85. QRadioButton {
  86. spacing: 5px;
  87. outline: none;
  88. color: #eff0f1;
  89. margin-bottom: 2px;
  90. }
  91. QRadioButton:disabled {
  92. color: #76797C;
  93. }
  94. QRadioButton::indicator {
  95. width: 21px;
  96. height: 21px;
  97. }
  98. QRadioButton::indicator:unchecked {
  99. image: url(:/qss_icons/rc/radio_unchecked.png);
  100. }
  101. QRadioButton::indicator:unchecked:hover,
  102. QRadioButton::indicator:unchecked:focus,
  103. QRadioButton::indicator:unchecked:pressed {
  104. border: none;
  105. outline: none;
  106. image: url(:/qss_icons/rc/radio_unchecked_focus.png);
  107. }
  108. QRadioButton::indicator:checked {
  109. border: none;
  110. outline: none;
  111. image: url(:/qss_icons/rc/radio_checked.png);
  112. }
  113. QRadioButton::indicator:checked:hover,
  114. QRadioButton::indicator:checked:focus,
  115. QRadioButton::indicator:checked:pressed {
  116. border: none;
  117. outline: none;
  118. image: url(:/qss_icons/rc/radio_checked_focus.png);
  119. }
  120. QRadioButton::indicator:checked:disabled {
  121. outline: none;
  122. image: url(:/qss_icons/rc/radio_checked_disabled.png);
  123. }
  124. QRadioButton::indicator:unchecked:disabled {
  125. image: url(:/qss_icons/rc/radio_unchecked_disabled.png);
  126. }
  127. QMenuBar {
  128. background-color: #31363b;
  129. color: #eff0f1;
  130. }
  131. QMenuBar::item {
  132. background: transparent;
  133. }
  134. QMenuBar::item:selected {
  135. background: transparent;
  136. border: 1px solid #76797C;
  137. }
  138. QMenuBar::item:pressed {
  139. border: 1px solid #18465d;
  140. background-color: #3daee9;
  141. color: #eff0f1;
  142. margin-bottom: -1px;
  143. padding-bottom: 1px;
  144. }
  145. QMenu {
  146. border: 1px solid #434242;
  147. padding: 2px;
  148. color: #eff0f1;
  149. }
  150. QMenu::icon {
  151. margin: 5px;
  152. }
  153. QMenu::item {
  154. padding: 5px 16px 5px 40px;
  155. border: 1px solid transparent;
  156. /* reserve space for selection border */
  157. }
  158. QMenu::item:selected {
  159. color: #eff0f1;
  160. }
  161. QMenu::item:disabled {
  162. color: #54575B;
  163. }
  164. QMenu::item:disabled:hover,
  165. QMenu::item:disabled:selected {
  166. background-color: #393e43;
  167. color: #666;
  168. }
  169. QMenu::separator,
  170. QMenuBar::separator {
  171. height: 1px;
  172. background-color: #54575B;
  173. margin: 2px 4px 2px 40px;
  174. }
  175. QMenu::indicator {
  176. margin: 0 -26px 0 8px;
  177. width: 18px;
  178. height: 18px;
  179. }
  180. /* non-exclusive indicator = check box style indicator (see QActionGroup::setExclusive) */
  181. QMenu::indicator:non-exclusive:unchecked {
  182. image: url(:/qss_icons/rc/checkbox_unchecked.png);
  183. }
  184. QMenu::indicator:non-exclusive:unchecked:selected {
  185. image: url(:/qss_icons/rc/checkbox_unchecked_disabled.png);
  186. }
  187. QMenu::indicator:non-exclusive:checked {
  188. image: url(:/qss_icons/rc/checkbox_checked.png);
  189. }
  190. QMenu::indicator:non-exclusive:checked:selected {
  191. image: url(:/qss_icons/rc/checkbox_checked_disabled.png);
  192. }
  193. /* exclusive indicator = radio button style indicator (see QActionGroup::setExclusive) */
  194. QMenu::indicator:exclusive:unchecked {
  195. image: url(:/qss_icons/rc/radio_unchecked.png);
  196. }
  197. QMenu::indicator:exclusive:unchecked:selected {
  198. image: url(:/qss_icons/rc/radio_unchecked_disabled.png);
  199. }
  200. QMenu::indicator:exclusive:checked {
  201. image: url(:/qss_icons/rc/radio_checked.png);
  202. }
  203. QMenu::indicator:exclusive:checked:selected {
  204. image: url(:/qss_icons/rc/radio_checked_disabled.png);
  205. }
  206. QMenu::right-arrow {
  207. margin-right: 10px;
  208. image: url(:/qss_icons/rc/right_arrow.png)
  209. }
  210. QWidget:disabled {
  211. color: #4f515b;
  212. background-color: #31363b;
  213. }
  214. QAbstractItemView {
  215. alternate-background-color: #2c2f32;
  216. color: #eff0f1;
  217. border: 1px solid #3A3939;
  218. border-radius: 2px;
  219. }
  220. QAbstractItemView:disabled,
  221. QAbstractItemView:read-only {
  222. alternate-background-color: #232629;
  223. }
  224. QWidget:focus {
  225. border: 1px solid #3daee9;
  226. }
  227. QTabWidget:focus,
  228. QCheckBox:focus,
  229. QRadioButton:focus,
  230. QSlider:focus,
  231. QTreeView:focus,
  232. QMenu:focus,
  233. QMenuBar:focus,
  234. QTabBar:focus {
  235. border: none;
  236. }
  237. QLineEdit {
  238. background-color: #232629;
  239. padding: 5px;
  240. border: 1px solid #54575B;
  241. border-radius: 2px;
  242. color: #eff0f1;
  243. }
  244. QAbstractItemView QLineEdit {
  245. padding: 0;
  246. }
  247. QGroupBox {
  248. border: 1px solid #54575B;
  249. border-radius: 2px;
  250. margin-top: 12px;
  251. padding-top: 2px;
  252. }
  253. QGroupBox::title {
  254. subcontrol-origin: margin;
  255. subcontrol-position: top center;
  256. padding-left: 10px;
  257. padding-right: 10px;
  258. padding-top: 2px;
  259. }
  260. QAbstractScrollArea {
  261. border-radius: 2px;
  262. border: 1px solid #54575B;
  263. background-color: transparent;
  264. }
  265. QScrollBar:horizontal {
  266. height: 15px;
  267. margin: 3px 15px 3px 15px;
  268. border: 1px transparent #2A2929;
  269. border-radius: 4px;
  270. background-color: #2A2929;
  271. }
  272. QScrollBar::handle:horizontal {
  273. background-color: #605F5F;
  274. min-width: 5px;
  275. border-radius: 4px;
  276. }
  277. QScrollBar::add-line:horizontal {
  278. margin: 0 3px;
  279. border-image: url(:/qss_icons/rc/right_arrow_disabled.png);
  280. width: 10px;
  281. height: 10px;
  282. subcontrol-position: right;
  283. subcontrol-origin: margin;
  284. }
  285. QScrollBar::sub-line:horizontal {
  286. margin: 0 3px;
  287. border-image: url(:/qss_icons/rc/left_arrow_disabled.png);
  288. height: 10px;
  289. width: 10px;
  290. subcontrol-position: left;
  291. subcontrol-origin: margin;
  292. }
  293. QScrollBar::add-line:horizontal:hover,
  294. QScrollBar::add-line:horizontal:on {
  295. border-image: url(:/qss_icons/rc/right_arrow.png);
  296. height: 10px;
  297. width: 10px;
  298. subcontrol-position: right;
  299. subcontrol-origin: margin;
  300. }
  301. QScrollBar::sub-line:horizontal:hover,
  302. QScrollBar::sub-line:horizontal:on {
  303. border-image: url(:/qss_icons/rc/left_arrow.png);
  304. height: 10px;
  305. width: 10px;
  306. subcontrol-position: left;
  307. subcontrol-origin: margin;
  308. }
  309. QScrollBar::up-arrow:horizontal,
  310. QScrollBar::down-arrow:horizontal {
  311. background: none;
  312. }
  313. QScrollBar::add-page:horizontal,
  314. QScrollBar::sub-page:horizontal {
  315. background: none;
  316. }
  317. QScrollBar:vertical {
  318. background-color: #2A2929;
  319. width: 15px;
  320. margin: 15px 3px 15px 3px;
  321. border: 1px transparent #2A2929;
  322. border-radius: 4px;
  323. }
  324. QScrollBar::handle:vertical {
  325. background-color: #605F5F;
  326. min-height: 5px;
  327. border-radius: 4px;
  328. }
  329. QScrollBar::sub-line:vertical {
  330. margin: 3px 0;
  331. border-image: url(:/qss_icons/rc/up_arrow_disabled.png);
  332. height: 10px;
  333. width: 10px;
  334. subcontrol-position: top;
  335. subcontrol-origin: margin;
  336. }
  337. QScrollBar::add-line:vertical {
  338. margin: 3px 0;
  339. border-image: url(:/qss_icons/rc/down_arrow_disabled.png);
  340. height: 10px;
  341. width: 10px;
  342. subcontrol-position: bottom;
  343. subcontrol-origin: margin;
  344. }
  345. QScrollBar::sub-line:vertical:hover,
  346. QScrollBar::sub-line:vertical:on {
  347. border-image: url(:/qss_icons/rc/up_arrow.png);
  348. height: 10px;
  349. width: 10px;
  350. subcontrol-position: top;
  351. subcontrol-origin: margin;
  352. }
  353. QScrollBar::add-line:vertical:hover,
  354. QScrollBar::add-line:vertical:on {
  355. border-image: url(:/qss_icons/rc/down_arrow.png);
  356. height: 10px;
  357. width: 10px;
  358. subcontrol-position: bottom;
  359. subcontrol-origin: margin;
  360. }
  361. QScrollBar::up-arrow:vertical,
  362. QScrollBar::down-arrow:vertical {
  363. background: none;
  364. }
  365. QScrollBar::add-page:vertical,
  366. QScrollBar::sub-page:vertical {
  367. background: none;
  368. }
  369. QTextEdit {
  370. background-color: #232629;
  371. color: #eff0f1;
  372. border: 1px solid #54575B;
  373. }
  374. QPlainTextEdit {
  375. background-color: #232629;
  376. color: #eff0f1;
  377. border-radius: 2px;
  378. border: 1px solid #54575B;
  379. }
  380. QHeaderView::section {
  381. background-color: #76797C;
  382. color: #eff0f1;
  383. padding: 5px;
  384. border: 1px solid #76797C;
  385. }
  386. QSizeGrip {
  387. image: url(:/qss_icons/rc/sizegrip.png);
  388. width: 12px;
  389. height: 12px;
  390. }
  391. QMainWindow::separator {
  392. background-color: #31363b;
  393. color: white;
  394. padding-left: 4px;
  395. spacing: 2px;
  396. border: 1px dashed #76797C;
  397. }
  398. QMainWindow::separator:hover {
  399. background-color: #787876;
  400. color: white;
  401. padding-left: 4px;
  402. border: 1px solid #76797C;
  403. spacing: 2px;
  404. }
  405. QFrame {
  406. border-radius: 2px;
  407. border: 1px solid #76797C;
  408. }
  409. QFrame[frameShape="0"] {
  410. border-radius: 2px;
  411. border: 1px transparent #76797C;
  412. }
  413. QStackedWidget {
  414. border: 1px transparent black;
  415. }
  416. QToolBar {
  417. border: 1px transparent #393838;
  418. background: 1px solid #31363b;
  419. font-weight: bold;
  420. }
  421. QToolBar::handle:horizontal {
  422. image: url(:/qss_icons/rc/Hmovetoolbar.png);
  423. }
  424. QToolBar::handle:vertical {
  425. image: url(:/qss_icons/rc/Vmovetoolbar.png);
  426. }
  427. QToolBar::separator:horizontal {
  428. image: url(:/qss_icons/rc/Hsepartoolbar.png);
  429. }
  430. QToolBar::separator:vertical {
  431. image: url(:/qss_icons/rc/Vsepartoolbar.png);
  432. }
  433. QToolButton#qt_toolbar_ext_button {
  434. background: #58595a
  435. }
  436. QPushButton {
  437. color: #eff0f1;
  438. border-width: 1px;
  439. border-color: #54575B;
  440. border-style: solid;
  441. padding: 6px 4px;
  442. border-radius: 2px;
  443. outline: none;
  444. min-width: 100px;
  445. background-color: #232629;
  446. }
  447. QPushButton:disabled {
  448. background-color: #31363b;
  449. border-color: #454545;
  450. color: #454545;
  451. }
  452. QPushButton:focus {
  453. background-color: #3daee9;
  454. color: white;
  455. }
  456. QPushButton:pressed {
  457. background-color: #3daee9;
  458. padding-top: -15px;
  459. padding-bottom: -17px;
  460. }
  461. QComboBox {
  462. selection-background-color: #3daee9;
  463. border: 1px solid #54575B;
  464. border-radius: 2px;
  465. padding: 4px 6px;
  466. min-width: 75px;
  467. background-color: #232629;
  468. }
  469. QPushButton:checked {
  470. background-color: #76797C;
  471. border-color: #6A6969;
  472. }
  473. QComboBox:hover,
  474. QPushButton:hover,
  475. QAbstractSpinBox:hover,
  476. QLineEdit:hover,
  477. QTextEdit:hover,
  478. QPlainTextEdit:hover,
  479. QAbstractView:hover {
  480. border: 1px solid #3daee9;
  481. color: #eff0f1;
  482. }
  483. QComboBox:on {
  484. selection-background-color: #4a4a4a;
  485. }
  486. QComboBox QAbstractItemView {
  487. background-color: #232629;
  488. border-radius: 2px;
  489. border: 1px solid #76797C;
  490. selection-background-color: #18465d;
  491. }
  492. QComboBox::drop-down {
  493. subcontrol-origin: padding;
  494. subcontrol-position: top right;
  495. left: -6px;
  496. width: 15px;
  497. border-left-width: 0px;
  498. border-left-color: darkgray;
  499. border-left-style: solid;
  500. border-top-right-radius: 3px;
  501. border-bottom-right-radius: 3px;
  502. }
  503. QComboBox::down-arrow {
  504. image: url(:/qss_icons/rc/down_arrow_disabled.png);
  505. }
  506. QComboBox::down-arrow:on,
  507. QComboBox::down-arrow:hover,
  508. QComboBox::down-arrow:focus {
  509. image: url(:/qss_icons/rc/down_arrow.png);
  510. }
  511. QAbstractSpinBox {
  512. padding: 4px 6px;
  513. border: 1px solid #54575B;
  514. background-color: #232629;
  515. color: #eff0f1;
  516. border-radius: 2px;
  517. min-width: 75px;
  518. }
  519. QAbstractSpinBox:up-button {
  520. background-color: transparent;
  521. subcontrol-origin: border;
  522. subcontrol-position: center right;
  523. left: -6px;
  524. }
  525. QAbstractSpinBox:down-button {
  526. background-color: transparent;
  527. subcontrol-origin: border;
  528. subcontrol-position: center left;
  529. right: -6px;
  530. }
  531. QAbstractSpinBox::up-arrow,
  532. QAbstractSpinBox::up-arrow:disabled,
  533. QAbstractSpinBox::up-arrow:off {
  534. image: url(:/qss_icons/rc/up_arrow_disabled.png);
  535. width: 10px;
  536. height: 10px;
  537. }
  538. QAbstractSpinBox::up-arrow:hover {
  539. image: url(:/qss_icons/rc/up_arrow.png);
  540. }
  541. QAbstractSpinBox::down-arrow,
  542. QAbstractSpinBox::down-arrow:disabled,
  543. QAbstractSpinBox::down-arrow:off {
  544. image: url(:/qss_icons/rc/down_arrow_disabled.png);
  545. width: 10px;
  546. height: 10px;
  547. }
  548. QAbstractSpinBox::down-arrow:hover {
  549. image: url(:/qss_icons/rc/down_arrow.png);
  550. }
  551. QLabel {
  552. border: 0;
  553. background: transparent;
  554. }
  555. QTabWidget {
  556. border: 0;
  557. }
  558. QTabWidget {
  559. padding-top: 1px;
  560. }
  561. QTabWidget::pane {
  562. border: 1px solid #76797C;
  563. padding: 5px;
  564. position: absolute;
  565. top: -1px;
  566. border-top-right-radius: 2px;
  567. border-bottom-right-radius: 2px;
  568. border-bottom-left-radius: 2px;
  569. }
  570. QTabBar {
  571. qproperty-drawBase: 0;
  572. border-radius: 3px;
  573. }
  574. QTabBar::close-button {
  575. image: url(:/qss_icons/rc/close.png);
  576. background: transparent;
  577. }
  578. QTabBar::close-button:hover {
  579. image: url(:/qss_icons/rc/close-hover.png);
  580. background: transparent;
  581. }
  582. QTabBar::close-button:pressed {
  583. image: url(:/qss_icons/rc/close-pressed.png);
  584. background: transparent;
  585. }
  586. /* TOP TABS */
  587. QTabBar::tab:top {
  588. color: #eff0f1;
  589. border: 1px solid #54575B;
  590. background-color: #2a2f33;
  591. padding: 4px 16px 5px;
  592. min-width: 36px;
  593. border-top-left-radius: 2px;
  594. border-top-right-radius: 2px;
  595. }
  596. QTabBar::tab:top:selected {
  597. border-color: #76797C;
  598. background-color: #31363b;
  599. border-bottom-color: #31363b;
  600. }
  601. QTabBar::tab:top:!selected {
  602. margin-top: 1px;
  603. border-bottom-color: #76797C;
  604. }
  605. QTabBar::tab:top:!selected:hover {
  606. background-color: #3daee9;
  607. }
  608. /* BOTTOM TABS */
  609. QTabBar::tab:bottom {
  610. color: #eff0f1;
  611. border: 1px solid #76797C;
  612. border-top: 1px transparent black;
  613. background-color: #31363b;
  614. padding: 5px;
  615. border-bottom-left-radius: 2px;
  616. border-bottom-right-radius: 2px;
  617. min-width: 50px;
  618. }
  619. QTabBar::tab:bottom:selected {
  620. color: #eff0f1;
  621. background-color: #54575B;
  622. border: 1px solid #76797C;
  623. border-top: 2px solid #3daee9;
  624. border-bottom-left-radius: 2px;
  625. border-bottom-right-radius: 2px;
  626. }
  627. QTabBar::tab:bottom:!selected:hover {
  628. background-color: #3daee9;
  629. }
  630. /* LEFT TABS */
  631. QTabBar::tab:left {
  632. color: #eff0f1;
  633. border: 1px solid #76797C;
  634. border-left: 1px transparent black;
  635. background-color: #31363b;
  636. padding: 5px;
  637. border-top-right-radius: 2px;
  638. border-bottom-right-radius: 2px;
  639. min-height: 50px;
  640. }
  641. QTabBar::tab:left:selected {
  642. color: #eff0f1;
  643. background-color: #54575B;
  644. border: 1px solid #76797C;
  645. border-left: 2px solid #3daee9;
  646. border-top-right-radius: 2px;
  647. border-bottom-right-radius: 2px;
  648. }
  649. QTabBar::tab:left:!selected:hover {
  650. background-color: #3daee9;
  651. }
  652. /* RIGHT TABS */
  653. QTabBar::tab:right {
  654. color: #eff0f1;
  655. border: 1px solid #76797C;
  656. border-right: 1px transparent black;
  657. background-color: #31363b;
  658. padding: 5px;
  659. border-top-left-radius: 2px;
  660. border-bottom-left-radius: 2px;
  661. min-height: 50px;
  662. }
  663. QTabBar::tab:right:selected {
  664. color: #eff0f1;
  665. background-color: #54575B;
  666. border: 1px solid #76797C;
  667. border-right: 2px solid #3daee9;
  668. border-top-left-radius: 2px;
  669. border-bottom-left-radius: 2px;
  670. }
  671. QTabBar::tab:right:!selected:hover {
  672. background-color: #3daee9;
  673. }
  674. QTabBar QToolButton::right-arrow:enabled {
  675. image: url(:/qss_icons/rc/right_arrow.png);
  676. }
  677. QTabBar QToolButton::left-arrow:enabled {
  678. image: url(:/qss_icons/rc/left_arrow.png);
  679. }
  680. QTabBar QToolButton::right-arrow:disabled {
  681. image: url(:/qss_icons/rc/right_arrow_disabled.png);
  682. }
  683. QTabBar QToolButton::left-arrow:disabled {
  684. image: url(:/qss_icons/rc/left_arrow_disabled.png);
  685. }
  686. QDockWidget {
  687. background: #31363b;
  688. border: 1px solid #403F3F;
  689. titlebar-close-icon: url(:/qss_icons/rc/close.png);
  690. titlebar-normal-icon: url(:/qss_icons/rc/undock.png);
  691. }
  692. QDockWidget::close-button,
  693. QDockWidget::float-button {
  694. border: 1px solid transparent;
  695. border-radius: 2px;
  696. background: transparent;
  697. }
  698. QDockWidget::close-button:hover,
  699. QDockWidget::float-button:hover {
  700. background: rgba(255, 255, 255, 10);
  701. }
  702. QDockWidget::close-button:pressed,
  703. QDockWidget::float-button:pressed {
  704. padding: 1px -1px -1px 1px;
  705. background: rgba(255, 255, 255, 10);
  706. }
  707. QTreeView,
  708. QListView {
  709. border: 1px solid #54575B;
  710. background-color: #232629;
  711. }
  712. QTreeView:branch:selected,
  713. QTreeView:branch:hover {
  714. background: url(:/qss_icons/rc/transparent.png);
  715. }
  716. QTreeView::branch:has-siblings:!adjoins-item {
  717. border-image: url(:/qss_icons/rc/transparent.png);
  718. }
  719. QTreeView::branch:has-siblings:adjoins-item {
  720. border-image: url(:/qss_icons/rc/transparent.png);
  721. }
  722. QTreeView::branch:!has-children:!has-siblings:adjoins-item {
  723. border-image: url(:/qss_icons/rc/transparent.png);
  724. }
  725. QTreeView::branch:has-children:!has-siblings:closed,
  726. QTreeView::branch:closed:has-children:has-siblings {
  727. image: url(:/qss_icons/rc/branch_closed.png);
  728. }
  729. QTreeView::branch:open:has-children:!has-siblings,
  730. QTreeView::branch:open:has-children:has-siblings {
  731. image: url(:/qss_icons/rc/branch_open.png);
  732. }
  733. QTreeView::branch:has-children:!has-siblings:closed:hover,
  734. QTreeView::branch:closed:has-children:has-siblings:hover {
  735. image: url(:/qss_icons/rc/branch_closed-on.png);
  736. }
  737. QTreeView::branch:open:has-children:!has-siblings:hover,
  738. QTreeView::branch:open:has-children:has-siblings:hover {
  739. image: url(:/qss_icons/rc/branch_open-on.png);
  740. }
  741. QListView::item:!selected:hover,
  742. QTreeView::item:!selected:hover {
  743. background: #18465d;
  744. outline: 0;
  745. color: #eff0f1
  746. }
  747. QListView::item:selected:hover,
  748. QTreeView::item:selected:hover {
  749. background: #287399;
  750. color: #eff0f1;
  751. }
  752. QTreeView::indicator:checked,
  753. QListView::indicator:checked {
  754. image: url(:/qss_icons/rc/checkbox_checked.png);
  755. }
  756. QTreeView::indicator:unchecked,
  757. QListView::indicator:unchecked {
  758. image: url(:/qss_icons/rc/checkbox_unchecked.png);
  759. }
  760. QTreeView::indicator:indeterminate,
  761. QListView::indicator:indeterminate {
  762. image: url(:/qss_icons/rc/checkbox_indeterminate.png);
  763. }
  764. QTreeView::indicator:checked:hover,
  765. QTreeView::indicator:checked:focus,
  766. QTreeView::indicator:checked:pressed,
  767. QListView::indicator:checked:hover,
  768. QListView::indicator:checked:focus,
  769. QListView::indicator:checked:pressed {
  770. image: url(:/qss_icons/rc/checkbox_checked_focus.png);
  771. }
  772. QTreeView::indicator:unchecked:hover,
  773. QTreeView::indicator:unchecked:focus,
  774. QTreeView::indicator:unchecked:pressed,
  775. QListView::indicator:unchecked:hover,
  776. QListView::indicator:unchecked:focus,
  777. QListView::indicator:unchecked:pressed {
  778. image: url(:/qss_icons/rc/checkbox_unchecked_focus.png);
  779. }
  780. QTreeView::indicator:indeterminate:hover,
  781. QTreeView::indicator:indeterminate:focus,
  782. QTreeView::indicator:indeterminate:pressed,
  783. QListView::indicator:indeterminate:hover,
  784. QListView::indicator:indeterminate:focus,
  785. QListView::indicator:indeterminate:pressed {
  786. image: url(:/qss_icons/rc/checkbox_indeterminate_focus.png);
  787. }
  788. QSlider::groove:horizontal {
  789. border: 1px solid #565a5e;
  790. height: 4px;
  791. background: #565a5e;
  792. margin: 0px;
  793. border-radius: 2px;
  794. }
  795. QSlider::handle:horizontal {
  796. background: #232629;
  797. border: 1px solid #565a5e;
  798. width: 16px;
  799. height: 16px;
  800. margin: -8px 0;
  801. border-radius: 9px;
  802. }
  803. QSlider::groove:vertical {
  804. border: 1px solid #565a5e;
  805. width: 4px;
  806. background: #565a5e;
  807. margin: 0px;
  808. border-radius: 3px;
  809. }
  810. QSlider::handle:vertical {
  811. background: #232629;
  812. border: 1px solid #565a5e;
  813. width: 16px;
  814. height: 16px;
  815. margin: 0 -8px;
  816. border-radius: 9px;
  817. }
  818. QToolButton {
  819. background-color: #232629;
  820. border: 1px solid #54575B;
  821. border-radius: 2px;
  822. margin: 3px;
  823. padding: 5px;
  824. }
  825. QToolButton[popupMode="1"] {
  826. /* only for MenuButtonPopup */
  827. padding-right: 20px;
  828. border: 1px #76797C;
  829. border-radius: 5px;
  830. }
  831. QToolButton[popupMode="2"] {
  832. /* only for InstantPopup */
  833. padding-right: 10px;
  834. border: 1px #76797C;
  835. }
  836. QToolButton:hover,
  837. QToolButton::menu-button:hover {
  838. background-color: transparent;
  839. border: 1px solid #3daee9;
  840. padding: 5px;
  841. }
  842. QToolButton:checked,
  843. QToolButton:pressed,
  844. QToolButton::menu-button:pressed {
  845. background-color: #3daee9;
  846. border: 1px solid #3daee9;
  847. padding: 5px;
  848. }
  849. /* the subcontrol below is used only in the InstantPopup or DelayedPopup mode */
  850. QToolButton::menu-indicator {
  851. image: url(:/qss_icons/rc/down_arrow.png);
  852. top: -7px;
  853. left: -2px;
  854. }
  855. /* the subcontrols below are used only in the MenuButtonPopup mode */
  856. QToolButton::menu-button {
  857. border: 1px transparent #76797C;
  858. border-top-right-radius: 6px;
  859. border-bottom-right-radius: 6px;
  860. /* 16px width + 4px for border = 20px allocated above */
  861. width: 16px;
  862. outline: none;
  863. }
  864. QToolButton::menu-arrow {
  865. image: url(:/qss_icons/rc/down_arrow.png);
  866. }
  867. QToolButton::menu-arrow:open {
  868. border: 1px solid #76797C;
  869. }
  870. QPushButton::menu-indicator {
  871. subcontrol-origin: padding;
  872. subcontrol-position: bottom right;
  873. left: 8px;
  874. }
  875. QTableView {
  876. border: 1px solid #54575B;
  877. gridline-color: #31363b;
  878. background-color: #232629;
  879. }
  880. QTreeView:disabled {
  881. background-color: #1f2225;
  882. }
  883. QTableView,
  884. QHeaderView {
  885. border-radius: 0;
  886. }
  887. QListView:focus {
  888. border-color: #54575B;
  889. }
  890. QTableView::item:pressed,
  891. QListView::item:pressed,
  892. QTreeView::item:pressed {
  893. background: #18465d;
  894. color: #eff0f1;
  895. }
  896. QTableView::item:selected:active,
  897. QTreeView::item:selected:active,
  898. QListView::item:selected:active {
  899. background: #287399;
  900. color: #eff0f1;
  901. }
  902. QHeaderView {
  903. background-color: #403F3F;
  904. border: 1px transparent;
  905. border-radius: 0px;
  906. margin: 0px;
  907. padding: 0px;
  908. }
  909. QHeaderView::section {
  910. background-color: #232629;
  911. color: #eff0f1;
  912. padding: 0 5px;
  913. border: 1px solid #434242;
  914. border-bottom: 0;
  915. border-radius: 0px;
  916. text-align: center;
  917. }
  918. QHeaderView::section::vertical::first,
  919. QHeaderView::section::vertical::only-one {
  920. border-top: 1px solid #31363b;
  921. }
  922. QHeaderView::section::vertical {
  923. border-top: transparent;
  924. }
  925. QHeaderView::section::horizontal,
  926. QHeaderView::section::horizontal::first,
  927. QHeaderView::section::horizontal::only-one {
  928. border-left: transparent;
  929. }
  930. QHeaderView::section::horizontal::last {
  931. border-right: transparent;
  932. }
  933. QHeaderView::section:checked {
  934. color: white;
  935. background-color: #334e5e;
  936. }
  937. /* sort indicator */
  938. QHeaderView::down-arrow {
  939. image: url(:/qss_icons/rc/down_arrow.png);
  940. }
  941. QHeaderView::up-arrow {
  942. image: url(:/qss_icons/rc/up_arrow.png);
  943. }
  944. QTableCornerButton::section {
  945. background-color: #31363b;
  946. border: 1px transparent #76797C;
  947. border-radius: 0px;
  948. }
  949. QToolBox {
  950. padding: 5px;
  951. border: 1px transparent black;
  952. }
  953. QToolBox::tab {
  954. color: #eff0f1;
  955. background-color: #31363b;
  956. border: 1px solid #76797C;
  957. border-bottom: 1px transparent #31363b;
  958. border-top-left-radius: 5px;
  959. border-top-right-radius: 5px;
  960. }
  961. QToolBox::tab:selected {
  962. font: italic;
  963. background-color: #31363b;
  964. border-color: #3daee9;
  965. }
  966. QStatusBar::item {
  967. border: 0;
  968. }
  969. QFrame[height="3"],
  970. QFrame[width="3"] {
  971. background-color: #76797C;
  972. }
  973. QSplitter::handle {
  974. border: 1px dashed #76797C;
  975. }
  976. QSplitter::handle:hover {
  977. background-color: #787876;
  978. border: 1px solid #76797C;
  979. }
  980. QSplitter::handle:horizontal {
  981. width: 1px;
  982. }
  983. QSplitter::handle:vertical {
  984. height: 1px;
  985. }
  986. QProgressBar {
  987. border: 1px solid #76797C;
  988. border-radius: 5px;
  989. text-align: center;
  990. }
  991. QProgressBar::chunk {
  992. background-color: #05B8CC;
  993. }
  994. QDateEdit {
  995. selection-background-color: #3daee9;
  996. border: 1px solid #3375A3;
  997. border-radius: 2px;
  998. padding: 1px;
  999. min-width: 75px;
  1000. }
  1001. QDateEdit:on {
  1002. padding-top: 3px;
  1003. padding-left: 4px;
  1004. selection-background-color: #4a4a4a;
  1005. }
  1006. QDateEdit QAbstractItemView {
  1007. background-color: #232629;
  1008. border-radius: 2px;
  1009. border: 1px solid #3375A3;
  1010. selection-background-color: #3daee9;
  1011. }
  1012. QDateEdit::drop-down {
  1013. subcontrol-origin: padding;
  1014. subcontrol-position: top right;
  1015. width: 15px;
  1016. border-left-width: 0;
  1017. border-left-color: darkgray;
  1018. border-left-style: solid;
  1019. border-top-right-radius: 3px;
  1020. border-bottom-right-radius: 3px;
  1021. }
  1022. QDateEdit::down-arrow {
  1023. image: url(:/qss_icons/rc/down_arrow_disabled.png);
  1024. }
  1025. QDateEdit::down-arrow:on,
  1026. QDateEdit::down-arrow:hover,
  1027. QDateEdit::down-arrow:focus {
  1028. image: url(:/qss_icons/rc/down_arrow.png);
  1029. }
  1030. QComboBox:disabled,
  1031. QPushButton:disabled,
  1032. QAbstractSpinBox:disabled,
  1033. QDateEdit:disabled,
  1034. QLineEdit:disabled,
  1035. QTextEdit:disabled,
  1036. QToolButton:disabled,
  1037. QPlainTextEdit:disabled {
  1038. background-color: #2b2e31;
  1039. }
  1040. QPushButton#TogglableStatusBarButton {
  1041. min-width: 0px;
  1042. color: #656565;
  1043. border: 1px solid transparent;
  1044. background-color: transparent;
  1045. padding: 0px 3px 0px 3px;
  1046. text-align: center;
  1047. }
  1048. QPushButton#TogglableStatusBarButton:checked {
  1049. color: #ffffff;
  1050. }
  1051. QPushButton#TogglableStatusBarButton:hover {
  1052. border: 1px solid #76797C;
  1053. }
  1054. QPushButton#RendererStatusBarButton {
  1055. min-width: 0px;
  1056. color: #656565;
  1057. border: 1px solid transparent;
  1058. background-color: transparent;
  1059. padding: 0px 3px 0px 3px;
  1060. text-align: center;
  1061. }
  1062. QPushButton#RendererStatusBarButton:hover {
  1063. border: 1px solid #76797C;
  1064. }
  1065. QPushButton#RendererStatusBarButton:checked {
  1066. color: #e85c00;
  1067. }
  1068. QPushButton#RendererStatusBarButton:!checked {
  1069. color: #00ccdd;
  1070. }
  1071. QPushButton#buttonRefreshDevices {
  1072. min-width: 24px;
  1073. min-height: 24px;
  1074. max-width: 24px;
  1075. max-height: 24px;
  1076. padding: 0px 0px;
  1077. }
  1078. QCheckBox#checkboxPlayer1Connected,
  1079. QCheckBox#checkboxPlayer2Connected,
  1080. QCheckBox#checkboxPlayer3Connected,
  1081. QCheckBox#checkboxPlayer4Connected,
  1082. QCheckBox#checkboxPlayer5Connected,
  1083. QCheckBox#checkboxPlayer6Connected,
  1084. QCheckBox#checkboxPlayer7Connected,
  1085. QCheckBox#checkboxPlayer8Connected {
  1086. spacing: 0px;
  1087. }
  1088. QCheckBox#checkboxPlayer1Connected::indicator,
  1089. QCheckBox#checkboxPlayer2Connected::indicator,
  1090. QCheckBox#checkboxPlayer3Connected::indicator,
  1091. QCheckBox#checkboxPlayer4Connected::indicator,
  1092. QCheckBox#checkboxPlayer5Connected::indicator,
  1093. QCheckBox#checkboxPlayer6Connected::indicator,
  1094. QCheckBox#checkboxPlayer7Connected::indicator,
  1095. QCheckBox#checkboxPlayer8Connected::indicator {
  1096. width: 14px;
  1097. height: 14px;
  1098. }
  1099. QCheckBox#checkboxPlayer1Connected::indicator:checked,
  1100. QCheckBox#checkboxPlayer2Connected::indicator:checked,
  1101. QCheckBox#checkboxPlayer3Connected::indicator:checked,
  1102. QCheckBox#checkboxPlayer4Connected::indicator:checked,
  1103. QCheckBox#checkboxPlayer5Connected::indicator:checked,
  1104. QCheckBox#checkboxPlayer6Connected::indicator:checked,
  1105. QCheckBox#checkboxPlayer7Connected::indicator:checked,
  1106. QCheckBox#checkboxPlayer8Connected::indicator:checked,
  1107. QGroupBox#groupConnectedController::indicator:checked {
  1108. border-radius: 2px;
  1109. border: 1px solid #929192;
  1110. background: #39ff14;
  1111. image: none;
  1112. }
  1113. QCheckBox#checkboxPlayer1Connected::indicator:unchecked,
  1114. QCheckBox#checkboxPlayer2Connected::indicator:unchecked,
  1115. QCheckBox#checkboxPlayer3Connected::indicator:unchecked,
  1116. QCheckBox#checkboxPlayer4Connected::indicator:unchecked,
  1117. QCheckBox#checkboxPlayer5Connected::indicator:unchecked,
  1118. QCheckBox#checkboxPlayer6Connected::indicator:unchecked,
  1119. QCheckBox#checkboxPlayer7Connected::indicator:unchecked,
  1120. QCheckBox#checkboxPlayer8Connected::indicator:unchecked,
  1121. QGroupBox#groupConnectedController::indicator:unchecked {
  1122. border-radius: 2px;
  1123. border: 1px solid #929192;
  1124. background: transparent;
  1125. image: none;
  1126. }
  1127. QSpinBox#spinboxLStickRange,
  1128. QSpinBox#spinboxRStickRange {
  1129. padding: 4px 0px 5px 0px;
  1130. min-width: 63px;
  1131. }
  1132. QSpinBox#vibrationSpin {
  1133. padding: 4px 0px 5px 0px;
  1134. min-width: 63px;
  1135. }
  1136. QSpinBox#spinboxLStickRange:up-button,
  1137. QSpinBox#spinboxRStickRange:up-button,
  1138. QSpinBox#vibrationSpin:up-button {
  1139. left: -2px;
  1140. }
  1141. QSpinBox#spinboxLStickRange:down-button,
  1142. QSpinBox#spinboxRStickRange:down-button,
  1143. QSpinBox#vibrationSpin:down-button {
  1144. right: -1px;
  1145. }
  1146. QGroupBox#motionGroup::indicator,
  1147. QGroupBox#vibrationGroup::indicator {
  1148. margin-left: 0px;
  1149. }
  1150. QGroupBox#motionGroup::title,
  1151. QGroupBox#vibrationGroup::title {
  1152. spacing: 2px;
  1153. padding-left: 1px;
  1154. padding-right: 1px;
  1155. }