style.qss 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272
  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: 18px;
  38. height: 18px;
  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. QTabWidget {
  553. border: 0;
  554. }
  555. QTabWidget {
  556. padding-top: 1px;
  557. }
  558. QTabWidget::pane {
  559. border: 1px solid #76797C;
  560. padding: 5px;
  561. position: absolute;
  562. top: -1px;
  563. border-top-right-radius: 2px;
  564. border-bottom-right-radius: 2px;
  565. border-bottom-left-radius: 2px;
  566. }
  567. QTabBar {
  568. qproperty-drawBase: 0;
  569. border-radius: 3px;
  570. }
  571. QTabBar::close-button {
  572. image: url(:/qss_icons/rc/close.png);
  573. background: transparent;
  574. }
  575. QTabBar::close-button:hover {
  576. image: url(:/qss_icons/rc/close-hover.png);
  577. background: transparent;
  578. }
  579. QTabBar::close-button:pressed {
  580. image: url(:/qss_icons/rc/close-pressed.png);
  581. background: transparent;
  582. }
  583. /* TOP TABS */
  584. QTabBar::tab:top {
  585. color: #eff0f1;
  586. border: 1px solid #54575B;
  587. background-color: #2a2f33;
  588. padding: 4px 16px 5px;
  589. min-width: 36px;
  590. border-top-left-radius: 2px;
  591. border-top-right-radius: 2px;
  592. }
  593. QTabBar::tab:top:selected {
  594. border-color: #76797C;
  595. background-color: #31363b;
  596. border-bottom-color: #31363b;
  597. }
  598. QTabBar::tab:top:!selected {
  599. margin-top: 1px;
  600. border-bottom-color: #76797C;
  601. }
  602. QTabBar::tab:top:!selected:hover {
  603. background-color: #3daee9;
  604. }
  605. /* BOTTOM TABS */
  606. QTabBar::tab:bottom {
  607. color: #eff0f1;
  608. border: 1px solid #76797C;
  609. border-top: 1px transparent black;
  610. background-color: #31363b;
  611. padding: 5px;
  612. border-bottom-left-radius: 2px;
  613. border-bottom-right-radius: 2px;
  614. min-width: 50px;
  615. }
  616. QTabBar::tab:bottom:selected {
  617. color: #eff0f1;
  618. background-color: #54575B;
  619. border: 1px solid #76797C;
  620. border-top: 2px solid #3daee9;
  621. border-bottom-left-radius: 2px;
  622. border-bottom-right-radius: 2px;
  623. }
  624. QTabBar::tab:bottom:!selected:hover {
  625. background-color: #3daee9;
  626. }
  627. /* LEFT TABS */
  628. QTabBar::tab:left {
  629. color: #eff0f1;
  630. border: 1px solid #76797C;
  631. border-left: 1px transparent black;
  632. background-color: #31363b;
  633. padding: 5px;
  634. border-top-right-radius: 2px;
  635. border-bottom-right-radius: 2px;
  636. min-height: 50px;
  637. }
  638. QTabBar::tab:left:selected {
  639. color: #eff0f1;
  640. background-color: #54575B;
  641. border: 1px solid #76797C;
  642. border-left: 2px solid #3daee9;
  643. border-top-right-radius: 2px;
  644. border-bottom-right-radius: 2px;
  645. }
  646. QTabBar::tab:left:!selected:hover {
  647. background-color: #3daee9;
  648. }
  649. /* RIGHT TABS */
  650. QTabBar::tab:right {
  651. color: #eff0f1;
  652. border: 1px solid #76797C;
  653. border-right: 1px transparent black;
  654. background-color: #31363b;
  655. padding: 5px;
  656. border-top-left-radius: 2px;
  657. border-bottom-left-radius: 2px;
  658. min-height: 50px;
  659. }
  660. QTabBar::tab:right:selected {
  661. color: #eff0f1;
  662. background-color: #54575B;
  663. border: 1px solid #76797C;
  664. border-right: 2px solid #3daee9;
  665. border-top-left-radius: 2px;
  666. border-bottom-left-radius: 2px;
  667. }
  668. QTabBar::tab:right:!selected:hover {
  669. background-color: #3daee9;
  670. }
  671. QTabBar QToolButton::right-arrow:enabled {
  672. image: url(:/qss_icons/rc/right_arrow.png);
  673. }
  674. QTabBar QToolButton::left-arrow:enabled {
  675. image: url(:/qss_icons/rc/left_arrow.png);
  676. }
  677. QTabBar QToolButton::right-arrow:disabled {
  678. image: url(:/qss_icons/rc/right_arrow_disabled.png);
  679. }
  680. QTabBar QToolButton::left-arrow:disabled {
  681. image: url(:/qss_icons/rc/left_arrow_disabled.png);
  682. }
  683. QDockWidget {
  684. background: #31363b;
  685. border: 1px solid #403F3F;
  686. titlebar-close-icon: url(:/qss_icons/rc/close.png);
  687. titlebar-normal-icon: url(:/qss_icons/rc/undock.png);
  688. }
  689. QDockWidget::close-button,
  690. QDockWidget::float-button {
  691. border: 1px solid transparent;
  692. border-radius: 2px;
  693. background: transparent;
  694. }
  695. QDockWidget::close-button:hover,
  696. QDockWidget::float-button:hover {
  697. background: rgba(255, 255, 255, 10);
  698. }
  699. QDockWidget::close-button:pressed,
  700. QDockWidget::float-button:pressed {
  701. padding: 1px -1px -1px 1px;
  702. background: rgba(255, 255, 255, 10);
  703. }
  704. QTreeView,
  705. QListView {
  706. border: 1px solid #54575B;
  707. background-color: #232629;
  708. }
  709. QTreeView:branch:selected,
  710. QTreeView:branch:hover {
  711. background: url(:/qss_icons/rc/transparent.png);
  712. }
  713. QTreeView::branch:has-siblings:!adjoins-item {
  714. border-image: 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-children:!has-siblings:adjoins-item {
  720. border-image: url(:/qss_icons/rc/transparent.png);
  721. }
  722. QTreeView::branch:has-children:!has-siblings:closed,
  723. QTreeView::branch:closed:has-children:has-siblings {
  724. image: url(:/qss_icons/rc/branch_closed.png);
  725. }
  726. QTreeView::branch:open:has-children:!has-siblings,
  727. QTreeView::branch:open:has-children:has-siblings {
  728. image: url(:/qss_icons/rc/branch_open.png);
  729. }
  730. QTreeView::branch:has-children:!has-siblings:closed:hover,
  731. QTreeView::branch:closed:has-children:has-siblings:hover {
  732. image: url(:/qss_icons/rc/branch_closed-on.png);
  733. }
  734. QTreeView::branch:open:has-children:!has-siblings:hover,
  735. QTreeView::branch:open:has-children:has-siblings:hover {
  736. image: url(:/qss_icons/rc/branch_open-on.png);
  737. }
  738. QListView::item:!selected:hover,
  739. QTreeView::item:!selected:hover {
  740. background: #18465d;
  741. outline: 0;
  742. color: #eff0f1
  743. }
  744. QListView::item:selected:hover,
  745. QTreeView::item:selected:hover {
  746. background: #287399;
  747. color: #eff0f1;
  748. }
  749. QTreeView::indicator:checked,
  750. QListView::indicator:checked {
  751. image: url(:/qss_icons/rc/checkbox_checked.png);
  752. }
  753. QTreeView::indicator:unchecked,
  754. QListView::indicator:unchecked {
  755. image: url(:/qss_icons/rc/checkbox_unchecked.png);
  756. }
  757. QTreeView::indicator:indeterminate,
  758. QListView::indicator:indeterminate {
  759. image: url(:/qss_icons/rc/checkbox_indeterminate.png);
  760. }
  761. QTreeView::indicator:checked:hover,
  762. QTreeView::indicator:checked:focus,
  763. QTreeView::indicator:checked:pressed,
  764. QListView::indicator:checked:hover,
  765. QListView::indicator:checked:focus,
  766. QListView::indicator:checked:pressed {
  767. image: url(:/qss_icons/rc/checkbox_checked_focus.png);
  768. }
  769. QTreeView::indicator:unchecked:hover,
  770. QTreeView::indicator:unchecked:focus,
  771. QTreeView::indicator:unchecked:pressed,
  772. QListView::indicator:unchecked:hover,
  773. QListView::indicator:unchecked:focus,
  774. QListView::indicator:unchecked:pressed {
  775. image: url(:/qss_icons/rc/checkbox_unchecked_focus.png);
  776. }
  777. QTreeView::indicator:indeterminate:hover,
  778. QTreeView::indicator:indeterminate:focus,
  779. QTreeView::indicator:indeterminate:pressed,
  780. QListView::indicator:indeterminate:hover,
  781. QListView::indicator:indeterminate:focus,
  782. QListView::indicator:indeterminate:pressed {
  783. image: url(:/qss_icons/rc/checkbox_indeterminate_focus.png);
  784. }
  785. QSlider::groove:horizontal {
  786. border: 1px solid #565a5e;
  787. height: 4px;
  788. background: #565a5e;
  789. margin: 0px;
  790. border-radius: 2px;
  791. }
  792. QSlider::handle:horizontal {
  793. background: #232629;
  794. border: 1px solid #565a5e;
  795. width: 16px;
  796. height: 16px;
  797. margin: -8px 0;
  798. border-radius: 9px;
  799. }
  800. QSlider::groove:vertical {
  801. border: 1px solid #565a5e;
  802. width: 4px;
  803. background: #565a5e;
  804. margin: 0px;
  805. border-radius: 3px;
  806. }
  807. QSlider::handle:vertical {
  808. background: #232629;
  809. border: 1px solid #565a5e;
  810. width: 16px;
  811. height: 16px;
  812. margin: 0 -8px;
  813. border-radius: 9px;
  814. }
  815. QToolButton {
  816. background-color: #232629;
  817. border: 1px solid #54575B;
  818. border-radius: 2px;
  819. margin: 3px;
  820. padding: 5px;
  821. }
  822. QToolButton[popupMode="1"] {
  823. /* only for MenuButtonPopup */
  824. padding-right: 20px;
  825. border: 1px #76797C;
  826. border-radius: 5px;
  827. }
  828. QToolButton[popupMode="2"] {
  829. /* only for InstantPopup */
  830. padding-right: 10px;
  831. border: 1px #76797C;
  832. }
  833. QToolButton:hover,
  834. QToolButton::menu-button:hover {
  835. background-color: transparent;
  836. border: 1px solid #3daee9;
  837. padding: 5px;
  838. }
  839. QToolButton:checked,
  840. QToolButton:pressed,
  841. QToolButton::menu-button:pressed {
  842. background-color: #3daee9;
  843. border: 1px solid #3daee9;
  844. padding: 5px;
  845. }
  846. /* the subcontrol below is used only in the InstantPopup or DelayedPopup mode */
  847. QToolButton::menu-indicator {
  848. image: url(:/qss_icons/rc/down_arrow.png);
  849. top: -7px;
  850. left: -2px;
  851. }
  852. /* the subcontrols below are used only in the MenuButtonPopup mode */
  853. QToolButton::menu-button {
  854. border: 1px transparent #76797C;
  855. border-top-right-radius: 6px;
  856. border-bottom-right-radius: 6px;
  857. /* 16px width + 4px for border = 20px allocated above */
  858. width: 16px;
  859. outline: none;
  860. }
  861. QToolButton::menu-arrow {
  862. image: url(:/qss_icons/rc/down_arrow.png);
  863. }
  864. QToolButton::menu-arrow:open {
  865. border: 1px solid #76797C;
  866. }
  867. QPushButton::menu-indicator {
  868. subcontrol-origin: padding;
  869. subcontrol-position: bottom right;
  870. left: 8px;
  871. }
  872. QTableView {
  873. border: 1px solid #54575B;
  874. gridline-color: #31363b;
  875. background-color: #232629;
  876. }
  877. QTreeView:disabled {
  878. background-color: #1f2225;
  879. }
  880. QTableView,
  881. QHeaderView {
  882. border-radius: 0;
  883. }
  884. QListView:focus {
  885. border-color: #54575B;
  886. }
  887. QTableView::item:pressed,
  888. QListView::item:pressed,
  889. QTreeView::item:pressed {
  890. background: #18465d;
  891. color: #eff0f1;
  892. }
  893. QTableView::item:selected:active,
  894. QTreeView::item:selected:active,
  895. QListView::item:selected:active {
  896. background: #287399;
  897. color: #eff0f1;
  898. }
  899. QHeaderView {
  900. background-color: #403F3F;
  901. border: 1px transparent;
  902. border-radius: 0px;
  903. margin: 0px;
  904. padding: 0px;
  905. }
  906. QHeaderView::section {
  907. background-color: #232629;
  908. color: #eff0f1;
  909. padding: 0 5px;
  910. border: 1px solid #434242;
  911. border-bottom: 0;
  912. border-radius: 0px;
  913. text-align: center;
  914. }
  915. QHeaderView::section::vertical::first,
  916. QHeaderView::section::vertical::only-one {
  917. border-top: 1px solid #31363b;
  918. }
  919. QHeaderView::section::vertical {
  920. border-top: transparent;
  921. }
  922. QHeaderView::section::horizontal,
  923. QHeaderView::section::horizontal::first,
  924. QHeaderView::section::horizontal::only-one {
  925. border-left: transparent;
  926. }
  927. QHeaderView::section::horizontal::last {
  928. border-right: transparent;
  929. }
  930. QHeaderView::section:checked {
  931. color: white;
  932. background-color: #334e5e;
  933. }
  934. /* sort indicator */
  935. QHeaderView::down-arrow {
  936. image: url(:/qss_icons/rc/down_arrow.png);
  937. }
  938. QHeaderView::up-arrow {
  939. image: url(:/qss_icons/rc/up_arrow.png);
  940. }
  941. QTableCornerButton::section {
  942. background-color: #31363b;
  943. border: 1px transparent #76797C;
  944. border-radius: 0px;
  945. }
  946. QToolBox {
  947. padding: 5px;
  948. border: 1px transparent black;
  949. }
  950. QToolBox::tab {
  951. color: #eff0f1;
  952. background-color: #31363b;
  953. border: 1px solid #76797C;
  954. border-bottom: 1px transparent #31363b;
  955. border-top-left-radius: 5px;
  956. border-top-right-radius: 5px;
  957. }
  958. QToolBox::tab:selected {
  959. font: italic;
  960. background-color: #31363b;
  961. border-color: #3daee9;
  962. }
  963. QStatusBar::item {
  964. border: 0;
  965. }
  966. QFrame[height="3"],
  967. QFrame[width="3"] {
  968. background-color: #76797C;
  969. }
  970. QSplitter::handle {
  971. border: 1px dashed #76797C;
  972. }
  973. QSplitter::handle:hover {
  974. background-color: #787876;
  975. border: 1px solid #76797C;
  976. }
  977. QSplitter::handle:horizontal {
  978. width: 1px;
  979. }
  980. QSplitter::handle:vertical {
  981. height: 1px;
  982. }
  983. QProgressBar {
  984. border: 1px solid #76797C;
  985. border-radius: 5px;
  986. text-align: center;
  987. }
  988. QProgressBar::chunk {
  989. background-color: #05B8CC;
  990. }
  991. QDateEdit {
  992. selection-background-color: #3daee9;
  993. border: 1px solid #3375A3;
  994. border-radius: 2px;
  995. padding: 1px;
  996. min-width: 75px;
  997. }
  998. QDateEdit:on {
  999. padding-top: 3px;
  1000. padding-left: 4px;
  1001. selection-background-color: #4a4a4a;
  1002. }
  1003. QDateEdit QAbstractItemView {
  1004. background-color: #232629;
  1005. border-radius: 2px;
  1006. border: 1px solid #3375A3;
  1007. selection-background-color: #3daee9;
  1008. }
  1009. QDateEdit::drop-down {
  1010. subcontrol-origin: padding;
  1011. subcontrol-position: top right;
  1012. width: 15px;
  1013. border-left-width: 0;
  1014. border-left-color: darkgray;
  1015. border-left-style: solid;
  1016. border-top-right-radius: 3px;
  1017. border-bottom-right-radius: 3px;
  1018. }
  1019. QDateEdit::down-arrow {
  1020. image: url(:/qss_icons/rc/down_arrow_disabled.png);
  1021. }
  1022. QDateEdit::down-arrow:on,
  1023. QDateEdit::down-arrow:hover,
  1024. QDateEdit::down-arrow:focus {
  1025. image: url(:/qss_icons/rc/down_arrow.png);
  1026. }
  1027. QComboBox:disabled,
  1028. QPushButton:disabled,
  1029. QAbstractSpinBox:disabled,
  1030. QDateEdit:disabled,
  1031. QLineEdit:disabled,
  1032. QTextEdit:disabled,
  1033. QToolButton:disabled,
  1034. QPlainTextEdit:disabled {
  1035. background-color: #2b2e31;
  1036. }
  1037. QPushButton#TogglableStatusBarButton {
  1038. min-width: 0px;
  1039. color: #656565;
  1040. border: 1px solid transparent;
  1041. background-color: transparent;
  1042. padding: 0px 3px 0px 3px;
  1043. text-align: center;
  1044. }
  1045. QPushButton#TogglableStatusBarButton:checked {
  1046. color: #ffffff;
  1047. }
  1048. QPushButton#TogglableStatusBarButton:hover {
  1049. border: 1px solid #76797C;
  1050. }
  1051. QPushButton#RendererStatusBarButton {
  1052. min-width: 0px;
  1053. color: #656565;
  1054. border: 1px solid transparent;
  1055. background-color: transparent;
  1056. padding: 0px 3px 0px 3px;
  1057. text-align: center;
  1058. }
  1059. QPushButton#RendererStatusBarButton:hover {
  1060. border: 1px solid #76797C;
  1061. }
  1062. QPushButton#RendererStatusBarButton:checked {
  1063. color: #e85c00;
  1064. }
  1065. QPushButton#RendererStatusBarButton:!checked{
  1066. color: #00ccdd;
  1067. }