material.css 25 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207
  1. *{
  2. color: #ffffff;
  3. font-family: Roboto;
  4. line-height: 12px;
  5. font-size: 12px;
  6. selection-background-color: #ff616f;
  7. selection-color: #000000;
  8. }
  9. *:focus {
  10. outline: none;
  11. }
  12. /* ------------------------------------------------------------------------ */
  13. /* Custom colors */
  14. .danger{
  15. color: #dc3545;
  16. }
  17. .warning{
  18. color: #ffc107;
  19. }
  20. .success{
  21. color: #17a2b8;
  22. }
  23. /* ------------------------------------------------------------------------ */
  24. /* Basic widgets */
  25. QWidget {
  26. background-color: #31363b;
  27. }
  28. QFrame {
  29. background-color: #31363b;
  30. border: 1px solid #232629;
  31. border-radius: 4px;
  32. }
  33. QSplitter {
  34. background-color: transparent;
  35. border: none
  36. }
  37. QStatusBar {
  38. color: #ffffff;
  39. background-color: #334f5b62;
  40. border-radius: 0px;
  41. }
  42. QScrollArea,
  43. QStackedWidget,
  44. QWidget > QToolBox,
  45. QToolBox > QWidget,
  46. QTabWidget > QWidget {
  47. border: none;
  48. }
  49. QTabWidget::pane {
  50. border: none;
  51. }
  52. /* ------------------------------------------------------------------------ */
  53. /* Inputs */
  54. QDateTimeEdit,
  55. QSpinBox,
  56. QDoubleSpinBox,
  57. QTextEdit,
  58. QLineEdit,
  59. QPushButton {
  60. color: #ff1744;
  61. background-color: #31363b;
  62. border: 2px solid #ff1744;
  63. border-radius: 4px;
  64. padding: 2px 12px ;
  65. height: 14px;
  66. }
  67. QDateTimeEdit,
  68. QSpinBox,
  69. QDoubleSpinBox,
  70. QTreeView,
  71. QListView,
  72. QLineEdit,
  73. QComboBox {
  74. padding-left: 11px;
  75. border-radius: 0px;
  76. background-color: #232629;
  77. border-width: 0 0 2px 0;
  78. border-radius: 0px;
  79. border-top-left-radius: 4px;
  80. border-top-right-radius: 4px;
  81. }
  82. QPlainTextEdit {
  83. border-radius: 4px;
  84. padding: 8px 16px;
  85. background-color: #31363b;
  86. border: 1px solid #232629;
  87. }
  88. QDateTimeEdit:disabled,
  89. QSpinBox:disabled,
  90. QDoubleSpinBox:disabled,
  91. QTextEdit:disabled,
  92. QLineEdit:disabled {
  93. color: #33ff1744;
  94. background-color: #bf232629;
  95. border: 2px solid #33ff1744;
  96. border-width: 0 0 2px 0;
  97. padding: 6px 12px ;
  98. border-radius: 0px;
  99. border-top-left-radius: 4px;
  100. border-top-right-radius: 4px;
  101. }
  102. QTextEdit {
  103. padding: 8px;
  104. border-radius: 4px;
  105. background-color: #232629;
  106. }
  107. QDateTimeEdit:disabled,
  108. QSpinBox:disabled,
  109. QDoubleSpinBox:disabled,
  110. QTextEdit:disabled,
  111. QLineEdit:disabled {
  112. color: #33ff1744;
  113. background-color: #bf232629;
  114. border: 2px solid #33ff1744;
  115. border-width: 0 0 2px 0;
  116. }
  117. /* ------------------------------------------------------------------------ */
  118. /* QComboBox */
  119. QComboBox {
  120. color: #ff1744;
  121. border: 1px solid #ff1744;
  122. border-width: 0 0 2px 0;
  123. background-color: #232629;
  124. border-radius: 0px;
  125. border-top-left-radius: 4px;
  126. border-top-right-radius: 4px;
  127. height: 18px;
  128. }
  129. QComboBox:disabled {
  130. color: #33ff1744;
  131. background-color: #bf232629;
  132. border-bottom: 2px solid #33ff1744;
  133. }
  134. QComboBox::drop-down {
  135. border: none;
  136. color: #ff1744;
  137. width: 20px;
  138. }
  139. QComboBox::down-arrow {
  140. image: url(:/css/primary/res/primary/downarrow.svg);
  141. margin-right: 10px;
  142. }
  143. QComboBox::down-arrow:disabled {
  144. image: url(:/css/disabled/res/disabled/downarrow.svg);
  145. margin-right: 10px;
  146. }
  147. QComboBox QAbstractItemView {
  148. background-color: #232629;
  149. border: 2px solid #4f5b62;
  150. border-radius: 4px;
  151. }
  152. QComboBox[frame='false'] {
  153. color: #ff1744;
  154. background-color: transparent;
  155. border: 1px solid transparent;
  156. }
  157. QComboBox[frame='false']:disabled {
  158. color: #33ff1744;
  159. }
  160. /* ------------------------------------------------------------------------ */
  161. /* Spin buttons */
  162. QDateTimeEdit::up-button,
  163. QDoubleSpinBox::up-button,
  164. QSpinBox::up-button {
  165. subcontrol-origin: border;
  166. subcontrol-position: top right;
  167. width: 20px; /* 16 + 2*1px border-width = 15px padding + 3px parent border */
  168. image: url(:/css/primary/res/primary/uparrow.svg);
  169. border-width: 0px;
  170. margin-right: 5px;
  171. }
  172. QDateTimeEdit::up-button:disabled,
  173. QDoubleSpinBox::up-button:disabled,
  174. QSpinBox::up-button:disabled {
  175. image: url(:/css/disabled/res/disabled/uparrow.svg);
  176. }
  177. QDateTimeEdit::down-button,
  178. QDoubleSpinBox::down-button,
  179. QSpinBox::down-button {
  180. subcontrol-origin: border;
  181. subcontrol-position: bottom right;
  182. width: 20px;
  183. image: url(:/css/primary/res/primary/downarrow.svg);
  184. border-width: 0px;
  185. border-top-width: 0;
  186. margin-right: 5px;
  187. }
  188. QDateTimeEdit::down-button:disabled,
  189. QDoubleSpinBox::down-button:disabled,
  190. QSpinBox::down-button:disabled {
  191. image: url(:/css/disabled/res/disabled/downarrow.svg);
  192. }
  193. /* ------------------------------------------------------------------------ */
  194. /* QPushButton */
  195. QPushButton {
  196. text-transform: uppercase;
  197. margin: 0px;
  198. padding: 0px 16px;
  199. height: 34px;
  200. min-height: 34px;
  201. max-height: 34px;
  202. font-weight: bold;
  203. }
  204. QPushButton:checked,
  205. QPushButton:pressed {
  206. color: #31363b;
  207. background-color: #ff1744;
  208. }
  209. QPushButton:flat {
  210. padding: 5px;
  211. margin: 0px;
  212. color: #ff1744;
  213. border: none;
  214. background-color: transparent;
  215. }
  216. QPushButton:flat:hover {
  217. background-color: #33ff1744;
  218. }
  219. QPushButton:flat:pressed,
  220. QPushButton:flat:checked {
  221. background-color: #19ff1744;
  222. }
  223. QPushButton:disabled,
  224. QPushButton:flat:disabled {
  225. color: #bf4f5b62;
  226. background-color: transparent;
  227. border-color: #232629;
  228. }
  229. QPushButton:disabled {
  230. border: 2px solid #bf4f5b62;
  231. }
  232. QPushButton:checked:disabled {
  233. color: #232629;
  234. background-color: #4f5b62;
  235. border-color: #4f5b62;
  236. }
  237. /* ------------------------------------------------------------------------ */
  238. /* QTabBar */
  239. QTabBar{
  240. text-transform: uppercase;
  241. font-weight: bold;
  242. }
  243. QTabBar::tab {
  244. color: #ffffff;
  245. border: 0px;
  246. }
  247. QTabBar::tab:bottom,
  248. QTabBar::tab:top{
  249. padding: 0 15px;
  250. height: 30px;
  251. }
  252. QTabBar::tab:left,
  253. QTabBar::tab:right{
  254. padding: 15px 0;
  255. width: 30px;
  256. }
  257. QTabBar::tab:top:selected,
  258. QTabBar::tab:top:hover {
  259. color: #ff1744;
  260. border-bottom: 2px solid #ff1744;
  261. }
  262. QTabBar::tab:bottom:selected,
  263. QTabBar::tab:bottom:hover {
  264. color: #ff1744;
  265. border-top: 2px solid #ff1744;
  266. }
  267. QTabBar::tab:right:selected,
  268. QTabBar::tab:right:hover {
  269. color: #ff1744;
  270. border-left: 2px solid #ff1744;
  271. }
  272. QTabBar::tab:left:selected,
  273. QTabBar::tab:left:hover {
  274. color: #ff1744;
  275. border-right: 2px solid #ff1744;
  276. }
  277. QTabBar QToolButton:hover,
  278. QTabBar QToolButton {
  279. border: 20px;
  280. background-color: #31363b;
  281. }
  282. QTabBar QToolButton::up-arrow {
  283. image: url(:/css/disabled/res/disabled/uparrow2.svg);
  284. }
  285. QTabBar QToolButton::up-arrow:hover {
  286. image: url(:/css/primary/res/primary/uparrow2.svg);
  287. }
  288. QTabBar QToolButton::down-arrow {
  289. image: url(:/css/disabled/res/disabled/downarrow2.svg);
  290. }
  291. QTabBar QToolButton::down-arrow:hover {
  292. image: url(:/css/primary/res/primary/downarrow2.svg);
  293. }
  294. QTabBar QToolButton::right-arrow {
  295. image: url(:/css/primary/res/primary/rightarrow2.svg);
  296. }
  297. QTabBar QToolButton::right-arrow:hover {
  298. image: url(:/css/disabled/res/disabled/rightarrow2.svg);
  299. }
  300. QTabBar QToolButton::left-arrow {
  301. image: url(:/css/primary/res/primary/leftarrow2.svg);
  302. }
  303. QTabBar QToolButton::left-arrow:hover {
  304. image: url(:/css/disabled/res/disabled/leftarrow2.svg);
  305. }
  306. QTabBar::close-button {
  307. image: url(:/css/disabled/res/disabled/tab_close.svg);
  308. }
  309. QTabBar::close-button:hover {
  310. image: url(:/css/primary/res/primary/tab_close.svg);
  311. }
  312. /* ------------------------------------------------------------------------ */
  313. /* QGroupBox */
  314. QGroupBox {
  315. background-color: #232629;
  316. border-radius: 4px;
  317. padding: 8px;
  318. padding-top: 20px;
  319. line-height: 10px;
  320. text-transform: uppercase;
  321. }
  322. QGroupBox::title {
  323. color: #66ffffff;
  324. subcontrol-origin: margin;
  325. subcontrol-position: top left;
  326. padding: 0 0px;
  327. margin-top: 5px;
  328. background-color: #31363b;
  329. background-color: transparent;
  330. height: 12px;
  331. }
  332. /* ------------------------------------------------------------------------ */
  333. /* QRadioButton and QCheckBox labels */
  334. QRadioButton,
  335. QCheckBox {
  336. spacing: 5px;
  337. color: #ffffff;
  338. line-height: 10px;
  339. height: 12px;
  340. background-color: transparent;
  341. spacing: 5px;
  342. }
  343. QRadioButton:disabled,
  344. QCheckBox:disabled {
  345. color: #4cffffff;
  346. }
  347. /* ------------------------------------------------------------------------ */
  348. /* General Indicators */
  349. QGroupBox::indicator {
  350. width: 8px;
  351. height: 8px;
  352. border-radius: 3px;
  353. }
  354. QMenu::indicator,
  355. QListView::indicator,
  356. QTableWidget::indicator,
  357. QRadioButton::indicator,
  358. QCheckBox::indicator {
  359. width: 12px;
  360. height: 12px;
  361. border-radius: 4px;
  362. }
  363. /* ------------------------------------------------------------------------ */
  364. /* QListView Indicator */
  365. QListView::indicator:checked,
  366. QListView::indicator:checked:selected,
  367. QListView::indicator:checked:focus {
  368. image: url(:/css/primary/res/primary/checklist.svg);
  369. }
  370. QListView::indicator:checked:selected:active {
  371. image: url(:/css/primary/res/primary/checklist_invert.svg);
  372. }
  373. QListView::indicator:checked:disabled {
  374. image: url(:/css/disabled/res/disabled/checklist.svg);
  375. }
  376. QListView::indicator:indeterminate,
  377. QListView::indicator:indeterminate:selected,
  378. QListView::indicator:indeterminate:focus {
  379. image: url(:/css/primary/res/primary/checklist_indeterminate.svg);
  380. }
  381. QListView::indicator:indeterminate:selected:active {
  382. image: url(:/css/primary/res/primary/checklist_indeterminate_invert.svg);
  383. }
  384. QListView::indicator:indeterminate:disabled {
  385. image: url(:/css/disabled/res/disabled/checklist_indeterminate.svg);
  386. }
  387. /* ------------------------------------------------------------------------ */
  388. /* QTableView Indicator */
  389. QTableView::indicator:enabled:checked,
  390. QTableView::indicator:enabled:checked:selected,
  391. QTableView::indicator:enabled:checked:focus {
  392. image: url(:/css/primary/res/primary/checkbox_checked.svg);
  393. }
  394. QTableView::indicator:checked:selected:active {
  395. image: url(:/css/primary/res/primary/checkbox_checked_invert.svg);
  396. }
  397. QTableView::indicator:disabled:checked,
  398. QTableView::indicator:disabled:checked:selected,
  399. QTableView::indicator:disabled:checked:focus {
  400. image: url(:/css/disabled/res/disabled/checkbox_checked.svg);
  401. }
  402. QTableView::indicator:enabled:unchecked,
  403. QTableView::indicator:enabled:unchecked:selected,
  404. QTableView::indicator:enabled:unchecked:focus {
  405. image: url(:/css/primary/res/primary/checkbox_unchecked.svg);
  406. }
  407. QTableView::indicator:unchecked:selected:active {
  408. image: url(:/css/primary/res/primary/checkbox_unchecked_invert.svg);
  409. }
  410. QTableView::indicator:disabled:unchecked,
  411. QTableView::indicator:disabled:unchecked:selected,
  412. QTableView::indicator:disabled:unchecked:focus {
  413. image: url(:/css/disabled/res/disabled/checkbox_unchecked.svg);
  414. }
  415. QTableView::indicator:enabled:indeterminate,
  416. QTableView::indicator:enabled:indeterminate:selected,
  417. QTableView::indicator:enabled:indeterminate:focus {
  418. image: url(:/css/primary/res/primary/checkbox_indeterminate.svg);
  419. }
  420. QTableView::indicator:indeterminate:selected:active {
  421. image: url(:/css/primary/res/primary/checkbox_indeterminate_invert.svg);
  422. }
  423. QTableView::indicator:disabled:indeterminate,
  424. QTableView::indicator:disabled:indeterminate:selected,
  425. QTableView::indicator:disabled:indeterminate:focus {
  426. image: url(:/css/disabled/res/disabled/checkbox_indeterminate.svg);
  427. }
  428. /* ------------------------------------------------------------------------ */
  429. /* QCheckBox and QGroupBox Indicator */
  430. QCheckBox::indicator:checked,
  431. QGroupBox::indicator:checked {
  432. image: url(:/css/primary/res/primary/checkbox_checked.svg);
  433. }
  434. QCheckBox::indicator:unchecked,
  435. QGroupBox::indicator:unchecked {
  436. image: url(:/css/primary/res/primary/checkbox_unchecked.svg);
  437. }
  438. QCheckBox::indicator:indeterminate,
  439. QGroupBox::indicator:indeterminate {
  440. image: url(:/css/primary/res/primary/checkbox_indeterminate.svg);
  441. }
  442. QCheckBox::indicator:checked:disabled,
  443. QGroupBox::indicator:checked:disabled {
  444. image: url(:/css/disabled/res/disabled/checkbox_checked.svg);
  445. }
  446. QCheckBox::indicator:unchecked:disabled,
  447. QGroupBox::indicator:unchecked:disabled {
  448. image: url(:/css/disabled/res/disabled/checkbox_unchecked.svg);
  449. }
  450. QCheckBox::indicator:indeterminate:disabled,
  451. QGroupBox::indicator:indeterminate:disabled {
  452. image: url(:/css/disabled/res/disabled/checkbox_indeterminate.svg);
  453. }
  454. /* ------------------------------------------------------------------------ */
  455. /* QRadioButton Indicator */
  456. QRadioButton::indicator:checked {
  457. image: url(:/css/primary/res/primary/radiobutton_checked.svg);
  458. }
  459. QRadioButton::indicator:unchecked {
  460. image: url(:/css/primary/res/primary/radiobutton_unchecked.svg);
  461. }
  462. QRadioButton::indicator:checked:disabled {
  463. image: url(:/css/disabled/res/disabled/radiobutton_checked.svg);
  464. }
  465. QRadioButton::indicator:unchecked:disabled {
  466. image: url(:/css/disabled/res/disabled/radiobutton_unchecked.svg);
  467. }
  468. /* ------------------------------------------------------------------------ */
  469. /* QDockWidget */
  470. QDockWidget {
  471. color: #ffffff;
  472. text-transform: uppercase;
  473. border: 2px solid #232629;
  474. titlebar-close-icon: url(:/css/primary/res/primary/close.svg);
  475. titlebar-normal-icon: url(:/css/primary/res/primary/float.svg);
  476. border-radius: 4px;
  477. }
  478. QDockWidget::title {
  479. text-align: left;
  480. padding-left: 35px;
  481. padding: 3px;
  482. margin-top: 4px;
  483. }
  484. /* ------------------------------------------------------------------------ */
  485. /* QComboBox indicator */
  486. QComboBox::indicator:checked {
  487. image: url(:/css/primary/res/primary/checklist.svg);
  488. }
  489. QComboBox::indicator:checked:selected {
  490. image: url(:/css/primary/res/primary/checklist_invert.svg);
  491. }
  492. /* ------------------------------------------------------------------------ */
  493. /* Menu Items */
  494. QComboBox::item,
  495. QCalendarWidget QMenu::item,
  496. QMenu::item {
  497. height: 12px;
  498. border: 8px solid transparent;
  499. color: #ffffff;
  500. }
  501. QCalendarWidget QMenu::item,
  502. QMenu::item {
  503. padding: 0px 2px 0px 2px;
  504. }
  505. QComboBox::item:selected,
  506. QCalendarWidget QMenu::item:selected,
  507. QMenu::item:selected {
  508. color: #000000;
  509. background-color: #ff616f;
  510. border-radius: 4px;
  511. }
  512. QComboBox::item:disabled,
  513. QCalendarWidget QMenu::item:disabled,
  514. QMenu::item:disabled {
  515. color: #4cffffff;
  516. }
  517. /* ------------------------------------------------------------------------ */
  518. /* QMenu */
  519. QCalendarWidget QMenu,
  520. QMenu {
  521. background-color: #232629;
  522. border: 2px solid #4f5b62;
  523. border-radius: 4px;
  524. margin-top: 3px;
  525. }
  526. QMenu::separator {
  527. height: 2px;
  528. background-color: #4f5b62;
  529. margin-left: 2px;
  530. margin-right: 2px;
  531. }
  532. QMenu::right-arrow{
  533. image: url(:/css/primary/res/primary/rightarrow.svg);
  534. width: 10px;
  535. height: 10px;
  536. }
  537. QMenu::right-arrow:selected{
  538. image: url(:/css/disabled/res/disabled/rightarrow.svg);
  539. }
  540. QMenu::indicator:non-exclusive:unchecked {
  541. image: url(:/css/primary/res/primary/checkbox_unchecked.svg);
  542. }
  543. QMenu::indicator:non-exclusive:unchecked:selected {
  544. image: url(:/css/primary/res/primary/checkbox_unchecked_invert.svg);
  545. }
  546. QMenu::indicator:non-exclusive:checked {
  547. image: url(:/css/primary/res/primary/checkbox_checked.svg);
  548. }
  549. QMenu::indicator:non-exclusive:checked:selected {
  550. image: url(:/css/primary/res/primary/checkbox_checked_invert.svg);
  551. }
  552. QMenu::indicator:exclusive:unchecked {
  553. image: url(:/css/primary/res/primary/radiobutton_unchecked.svg);
  554. }
  555. QMenu::indicator:exclusive:unchecked:selected {
  556. image: url(:/css/primary/res/primary/radiobutton_unchecked_invert.svg);
  557. }
  558. QMenu::indicator:exclusive:checked {
  559. image: url(:/css/primary/res/primary/radiobutton_checked.svg);
  560. }
  561. QMenu::indicator:exclusive:checked:selected {
  562. image: url(:/css/primary/res/primary/radiobutton_checked_invert.svg);
  563. }
  564. /* ------------------------------------------------------------------------ */
  565. /* QMenuBar */
  566. QMenuBar {
  567. background-color: #232629;
  568. color: #ffffff;
  569. }
  570. QMenuBar::item {
  571. height: 15px;
  572. padding: 2px;
  573. background-color: transparent;
  574. color: #ffffff;
  575. }
  576. QMenuBar::item:selected,
  577. QMenuBar::item:pressed {
  578. color: #000000;
  579. background-color: #ff616f;
  580. }
  581. /* ------------------------------------------------------------------------ */
  582. /* QToolBox */
  583. QToolBox::tab {
  584. background-color: #232629;
  585. color: #ffffff;
  586. text-transform: uppercase;
  587. border-radius: 4px;
  588. }
  589. QToolBox::tab:selected,
  590. QToolBox::tab:hover {
  591. background-color: #33ff1744;
  592. }
  593. /* ------------------------------------------------------------------------ */
  594. /* QProgressBar */
  595. QProgressBar {
  596. border-radius: 0;
  597. background-color: #4f5b62;
  598. text-align: center;
  599. color: transparent;
  600. }
  601. QProgressBar::chunk {
  602. background-color: #ff1744;
  603. }
  604. /* ------------------------------------------------------------------------ */
  605. /* QScrollBar */
  606. QScrollBar:horizontal {
  607. border: 0;
  608. background: #232629;
  609. height: 8px;
  610. }
  611. QScrollBar:vertical {
  612. border: 0;
  613. background: #232629;
  614. width: 8px;
  615. }
  616. QScrollBar::handle:horizontal {
  617. background: #4f5b62;
  618. min-width: 20px;
  619. }
  620. QScrollBar::handle:vertical {
  621. background: #4f5b62;
  622. min-height: 20px;
  623. }
  624. QScrollBar::handle:vertical:hover,
  625. QScrollBar::handle:horizontal:hover {
  626. background: #ff1744;
  627. }
  628. QScrollBar::add-line:vertical,
  629. QScrollBar::sub-line:vertical,
  630. QScrollBar::add-line:horizontal,
  631. QScrollBar::sub-line:horizontal {
  632. border: 0;
  633. background: transparent;
  634. width: 0px;
  635. height: 0px;
  636. }
  637. /* ------------------------------------------------------------------------ */
  638. /* QSlider */
  639. QSlider:horizontal {
  640. min-height: 20px;
  641. max-height: 20px;
  642. }
  643. QSlider:vertical {
  644. min-width: 20px;
  645. max-width: 20px;
  646. }
  647. QSlider::groove:horizontal {
  648. height: 4px;
  649. background: #393939;
  650. margin: 0 10px;
  651. }
  652. QSlider::groove:vertical {
  653. width: 4px;
  654. background: #393939;
  655. margin: 10px 0;
  656. border-radius: 20px;
  657. }
  658. QSlider::handle:horizontal {
  659. image: url(:/css/primary/res/primary/slider.svg);
  660. width: 20px;
  661. height: 20px;
  662. margin: -20px -10px;
  663. }
  664. QSlider::handle:vertical {
  665. image: url(:/css/primary/res/primary/slider.svg);
  666. border-radius: 20px;
  667. width: 20px;
  668. height: 20px;
  669. margin: -10px -20px;
  670. }
  671. QSlider::add-page {
  672. background: #232629;
  673. }
  674. QSlider::sub-page {
  675. background: #ff1744;
  676. }
  677. /* ------------------------------------------------------------------------ */
  678. /* QLabel */
  679. QLabel {
  680. border: none;
  681. background: transparent;
  682. color: #ffffff
  683. }
  684. QLabel:disabled {
  685. color: #33ffffff
  686. }
  687. /* ------------------------------------------------------------------------ */
  688. /* VLines and HLinex */
  689. QFrame[frameShape="4"] {
  690. border-width: 1px 0 0 0;
  691. background: none;
  692. }
  693. QFrame[frameShape="5"] {
  694. border-width: 0 1px 0 0;
  695. background: none;
  696. }
  697. QFrame[frameShape="4"],
  698. QFrame[frameShape="5"] {
  699. border-color: #4f5b62;
  700. }
  701. /* ------------------------------------------------------------------------ */
  702. /* QToolBar */
  703. QToolBar {
  704. background: #31363b;
  705. border: 0px solid;
  706. }
  707. QToolBar:horizontal {
  708. border-bottom: 1px solid #4f5b62;
  709. }
  710. QToolBar:vertical {
  711. border-right: 1px solid #4f5b62;
  712. }
  713. QToolBar::handle:horizontal {
  714. image: url(:/css/primary/res/primary/toolbar-handle-horizontal.svg);
  715. }
  716. QToolBar::handle:vertical {
  717. image: url(:/css/primary/res/primary/toolbar-handle-vertical.svg);
  718. }
  719. QToolBar::separator:horizontal {
  720. border-right: 1px solid #4f5b62;
  721. border-left: 1px solid #4f5b62;
  722. width: 1px;
  723. }
  724. QToolBar::separator:vertical {
  725. border-top: 1px solid #4f5b62;
  726. border-bottom: 1px solid #4f5b62;
  727. height: 1px;
  728. }
  729. /* ------------------------------------------------------------------------ */
  730. /* QToolButton */
  731. QToolButton {
  732. background: #31363b;
  733. border: 0px;
  734. height: 40px;
  735. margin: 3px;
  736. padding: 3px;
  737. border-right: 10px solid #31363b;
  738. border-left: 10px solid #31363b;
  739. }
  740. QToolButton:hover {
  741. background: #4f5b62;
  742. border-right: 10px solid #4f5b62;
  743. border-left: 10px solid #4f5b62;
  744. }
  745. QToolButton:pressed {
  746. background: #232629;
  747. border-right: 10px solid #232629;
  748. border-left: 10px solid #232629;
  749. }
  750. QToolButton:checked {
  751. background: #4f5b62;
  752. border-left: 10px solid #4f5b62;
  753. border-right: 10px solid #ff1744;
  754. }
  755. /* ------------------------------------------------------------------------ */
  756. /* General viewers */
  757. QTableView {
  758. background-color: #31363b;
  759. border: 1px solid #232629;
  760. border-radius: 4px;
  761. }
  762. QTreeView,
  763. QListView {
  764. border-radius: 4px;
  765. padding: 5px;
  766. margin: 0px;
  767. }
  768. QTableView::item,
  769. QTreeView::item,
  770. QListView::item {
  771. padding: 5px;
  772. min-height: 25px;
  773. color: #ffffff;
  774. selection-color: #ffffff; /* For Windows */
  775. border-color: transparent; /* Fix #34 */
  776. }
  777. /* ------------------------------------------------------------------------ */
  778. /* Items Selection */
  779. QTableView:item:selected,
  780. QTreeView::item:selected,
  781. QListView::item:selected {
  782. background-color: #33ff1744;
  783. selection-background-color: #33ff1744;
  784. color: #ffffff;
  785. selection-color: #ffffff; /* For Windows */
  786. }
  787. QTableView:item:selected:focus,
  788. QTreeView::item:selected:focus,
  789. QListView::item:selected:focus {
  790. background-color: #ff1744;
  791. selection-background-color: #ff1744;
  792. color: #000000;
  793. selection-color: #000000; /* For Windows */
  794. }
  795. QTableView {
  796. selection-background-color: #33ff1744;
  797. }
  798. QTableView:focus {
  799. selection-background-color: #ff1744;
  800. }
  801. QTableView::item:disabled {
  802. color: #4cffffff;
  803. selection-color: #4cffffff;
  804. background-color: #232629;
  805. selection-background-color: #232629;
  806. }
  807. /* ------------------------------------------------------------------------ */
  808. /* QTreeView */
  809. QTreeView::branch{
  810. background-color: #232629;
  811. }
  812. QTreeView::branch:closed:has-children:has-siblings,
  813. QTreeView::branch:closed:has-children:!has-siblings {
  814. image: url(:/css/primary/res/primary/branch-closed.svg);
  815. }
  816. QTreeView::branch:open:has-children:!has-siblings,
  817. QTreeView::branch:open:has-children:has-siblings {
  818. image: url(:/css/primary/res/primary/branch-open.svg);
  819. }
  820. QTreeView::branch:has-siblings:!adjoins-item {
  821. border-image: url(:/css/disabled/res/disabled/vline.svg) 0;
  822. }
  823. QTreeView::branch:has-siblings:adjoins-item {
  824. border-image: url(:/css/disabled/res/disabled/branch-more.svg) 0;
  825. }
  826. QTreeView::branch:!has-children:!has-siblings:adjoins-item,
  827. QTreeView::branch:has-children:!has-siblings:adjoins-item {
  828. border-image: url(:/css/disabled/res/disabled/branch-end.svg) 0;
  829. }
  830. QTreeView QHeaderView::section {
  831. border: none;
  832. }
  833. /* ------------------------------------------------------------------------ */
  834. /* Custom buttons */
  835. QPushButton.danger {
  836. border-color: #dc3545;
  837. color: #dc3545;
  838. }
  839. QPushButton.danger:checked,
  840. QPushButton.danger:pressed {
  841. color: #31363b;
  842. background-color: #dc3545;
  843. }
  844. QPushButton.warning{
  845. border-color: #ffc107;
  846. color: #ffc107;
  847. }
  848. QPushButton.warning:checked,
  849. QPushButton.warning:pressed {
  850. color: #31363b;
  851. background-color: #ffc107;
  852. }
  853. QPushButton.success {
  854. border-color: #17a2b8;
  855. color: #17a2b8;
  856. }
  857. QPushButton.success:checked,
  858. QPushButton.success:pressed {
  859. color: #31363b;
  860. background-color: #17a2b8;
  861. }
  862. QPushButton.danger:flat:hover {
  863. background-color: #33dc3545;
  864. }
  865. QPushButton.danger:flat:pressed,
  866. QPushButton.danger:flat:checked {
  867. background-color: #19dc3545;
  868. color: #dc3545;
  869. }
  870. QPushButton.warning:flat:hover {
  871. background-color: #33ffc107;
  872. }
  873. QPushButton.warning:flat:pressed,
  874. QPushButton.warning:flat:checked {
  875. background-color: #19ffc107;
  876. color: #ffc107;
  877. }
  878. QPushButton.success:flat:hover {
  879. background-color: #3317a2b8;
  880. }
  881. QPushButton.success:flat:pressed,
  882. QPushButton.success:flat:checked {
  883. background-color: #1917a2b8;
  884. color: #17a2b8;
  885. }
  886. /* ------------------------------------------------------------------------ */
  887. /* QTableView */
  888. QTableCornerButton::section {
  889. background-color: #232629;
  890. border-radius: 0px;
  891. border-right: 1px solid;
  892. border-bottom: 1px solid;
  893. border-color: #31363b;
  894. }
  895. QTableView {
  896. alternate-background-color: #b2232629;
  897. }
  898. QHeaderView {
  899. border: none;
  900. }
  901. QHeaderView::section {
  902. color: #b2ffffff;
  903. text-transform: uppercase;
  904. background-color: #232629;
  905. padding: 0 20px;
  906. height: 35px;
  907. border-radius: 0px;
  908. border-right: 1px solid;
  909. border-bottom: 1px solid;
  910. border-color: #31363b;
  911. }
  912. /* ------------------------------------------------------------------------ */
  913. /* QLCDNumber */
  914. QLCDNumber {
  915. color: #ff1744;
  916. background-color:#19ff1744;
  917. border: 1px solid #4cff1744;
  918. border-radius: 4px;
  919. }
  920. /* ------------------------------------------------------------------------ */
  921. /* QCalendarWidget */
  922. #qt_calendar_prevmonth {
  923. qproperty-icon: url(:/css/primary/res/primary/leftarrow.svg);
  924. }
  925. #qt_calendar_nextmonth {
  926. qproperty-icon: url(:/css/primary/res/primary/rightarrow.svg);
  927. }
  928. /* ------------------------------------------------------------------------ */
  929. /* Inline QLineEdit */
  930. QTreeView QLineEdit,
  931. QTableView QLineEdit,
  932. QListView QLineEdit {
  933. color: #ffffff;
  934. background-color: #232629;
  935. border: 1px solid unset;
  936. border-radius: unset;
  937. padding: unset;
  938. padding-left: unset;
  939. height: unset;
  940. border-width: unset;
  941. border-top-left-radius: unset;
  942. border-top-right-radius: unset;
  943. }
  944. /* ------------------------------------------------------------------------ */
  945. /* QToolTip */
  946. QToolTip {
  947. padding: 5px;
  948. border: 1px solid #31363b;
  949. border-radius: 4px;
  950. color: #ffffff;
  951. background-color: #4f5b62;
  952. }
  953. /* ------------------------------------------------------------------------ */
  954. /* QDialog */
  955. QDialog QToolButton,
  956. QDialog QToolButton:hover,
  957. QDialog QToolButton:pressed,
  958. QDialog QToolButton:checked {
  959. background-color: unset;
  960. border: 0px;
  961. height: unset;
  962. margin: unset;
  963. padding: unset;
  964. border-right: unset;
  965. border-left: unset;
  966. }
  967. /* ------------------------------------------------------------------------ */
  968. /* Grips */
  969. QMainWindow::separator:vertical,
  970. QSplitter::handle:horizontal {
  971. image: url(:/css/primary/res/primary/splitter-horizontal.svg);
  972. }
  973. QMainWindow::separator:horizontal,
  974. QSplitter::handle:vertical {
  975. image: url(:/css/primary/res/primary/splitter-vertical.svg);
  976. }
  977. QSizeGrip {
  978. image: url(:/css/primary/res/primary/sizegrip.svg);
  979. background-color: transparent;
  980. width: 16px;
  981. height: 16px;
  982. }