MaterialDark.qss 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390
  1. /*
  2. Material Dark Style Sheet for QT Applications
  3. Author: Jaime A. Quiroga P.
  4. Inspired on https://github.com/jxfwinter/qt-material-stylesheet
  5. Company: GTRONICK
  6. Last updated: 04/12/2018, 15:00.
  7. Available at: https://github.com/GTRONICK/QSS/blob/master/MaterialDark.qss
  8. */
  9. QMainWindow {
  10. background-color:#1e1d23;
  11. }
  12. QDialog {
  13. background-color:#1e1d23;
  14. }
  15. QColorDialog {
  16. background-color:#1e1d23;
  17. }
  18. QTextEdit {
  19. background-color:#1e1d23;
  20. color: #a9b7c6;
  21. }
  22. QPlainTextEdit {
  23. selection-background-color:#007b50;
  24. background-color:#1e1d23;
  25. border-style: solid;
  26. border-top-color: transparent;
  27. border-right-color: transparent;
  28. border-left-color: transparent;
  29. border-bottom-color: transparent;
  30. border-width: 1px;
  31. color: #a9b7c6;
  32. }
  33. QPushButton{
  34. border-style: solid;
  35. border-top-color: transparent;
  36. border-right-color: transparent;
  37. border-left-color: transparent;
  38. border-bottom-color: transparent;
  39. border-width: 1px;
  40. border-style: solid;
  41. color: #a9b7c6;
  42. padding: 2px;
  43. background-color: #1e1d23;
  44. }
  45. QPushButton::default{
  46. border-style: inset;
  47. border-top-color: transparent;
  48. border-right-color: transparent;
  49. border-left-color: transparent;
  50. border-bottom-color: #04b97f;
  51. border-width: 1px;
  52. color: #a9b7c6;
  53. padding: 2px;
  54. background-color: #1e1d23;
  55. }
  56. QToolButton {
  57. border-style: solid;
  58. border-top-color: transparent;
  59. border-right-color: transparent;
  60. border-left-color: transparent;
  61. border-bottom-color: #04b97f;
  62. border-bottom-width: 1px;
  63. border-style: solid;
  64. color: #a9b7c6;
  65. padding: 2px;
  66. background-color: #1e1d23;
  67. }
  68. QToolButton:hover{
  69. border-style: solid;
  70. border-top-color: transparent;
  71. border-right-color: transparent;
  72. border-left-color: transparent;
  73. border-bottom-color: #37efba;
  74. border-bottom-width: 2px;
  75. border-style: solid;
  76. color: #FFFFFF;
  77. padding-bottom: 1px;
  78. background-color: #1e1d23;
  79. }
  80. QPushButton:hover{
  81. border-style: solid;
  82. border-top-color: transparent;
  83. border-right-color: transparent;
  84. border-left-color: transparent;
  85. border-bottom-color: #37efba;
  86. border-bottom-width: 1px;
  87. border-style: solid;
  88. color: #FFFFFF;
  89. padding-bottom: 2px;
  90. background-color: #1e1d23;
  91. }
  92. QPushButton:pressed{
  93. border-style: solid;
  94. border-top-color: transparent;
  95. border-right-color: transparent;
  96. border-left-color: transparent;
  97. border-bottom-color: #37efba;
  98. border-bottom-width: 2px;
  99. border-style: solid;
  100. color: #37efba;
  101. padding-bottom: 1px;
  102. background-color: #1e1d23;
  103. }
  104. QPushButton:disabled{
  105. border-style: solid;
  106. border-top-color: transparent;
  107. border-right-color: transparent;
  108. border-left-color: transparent;
  109. border-bottom-color: #808086;
  110. border-bottom-width: 2px;
  111. border-style: solid;
  112. color: #808086;
  113. padding-bottom: 1px;
  114. background-color: #1e1d23;
  115. }
  116. QLineEdit {
  117. border-width: 1px; border-radius: 4px;
  118. border-color: rgb(58, 58, 58);
  119. border-style: inset;
  120. padding: 0 8px;
  121. color: #a9b7c6;
  122. background:#1e1d23;
  123. selection-background-color:#007b50;
  124. selection-color: #FFFFFF;
  125. }
  126. QLabel {
  127. color: #a9b7c6;
  128. }
  129. QLCDNumber {
  130. color: #37e6b4;
  131. }
  132. QProgressBar {
  133. text-align: center;
  134. color: rgb(240, 240, 240);
  135. border-width: 1px;
  136. border-radius: 10px;
  137. border-color: rgb(58, 58, 58);
  138. border-style: inset;
  139. background-color:#1e1d23;
  140. }
  141. QProgressBar::chunk {
  142. background-color: #04b97f;
  143. border-radius: 5px;
  144. }
  145. QMenuBar {
  146. background-color: #1e1d23;
  147. }
  148. QMenuBar::item {
  149. color: #a9b7c6;
  150. spacing: 3px;
  151. padding: 1px 4px;
  152. background: #1e1d23;
  153. }
  154. QMenuBar::item:selected {
  155. background:#1e1d23;
  156. color: #FFFFFF;
  157. }
  158. QMenu::item:selected {
  159. border-style: solid;
  160. border-top-color: transparent;
  161. border-right-color: transparent;
  162. border-left-color: #04b97f;
  163. border-bottom-color: transparent;
  164. border-left-width: 2px;
  165. color: #FFFFFF;
  166. padding-left:15px;
  167. padding-top:4px;
  168. padding-bottom:4px;
  169. padding-right:7px;
  170. background-color: #1e1d23;
  171. }
  172. QMenu::item {
  173. border-style: solid;
  174. border-top-color: transparent;
  175. border-right-color: transparent;
  176. border-left-color: transparent;
  177. border-bottom-color: transparent;
  178. border-bottom-width: 1px;
  179. border-style: solid;
  180. color: #a9b7c6;
  181. padding-left:17px;
  182. padding-top:4px;
  183. padding-bottom:4px;
  184. padding-right:7px;
  185. background-color: #1e1d23;
  186. }
  187. QMenu{
  188. background-color:#1e1d23;
  189. }
  190. QTabWidget {
  191. color:rgb(0,0,0);
  192. background-color:#1e1d23;
  193. }
  194. QTabWidget::pane {
  195. border-color: rgb(77,77,77);
  196. background-color:#1e1d23;
  197. border-style: solid;
  198. border-width: 1px;
  199. border-radius: 6px;
  200. }
  201. QTabBar::tab {
  202. border-style: solid;
  203. border-top-color: transparent;
  204. border-right-color: transparent;
  205. border-left-color: transparent;
  206. border-bottom-color: transparent;
  207. border-bottom-width: 1px;
  208. border-style: solid;
  209. color: #808086;
  210. padding: 3px;
  211. margin-left:3px;
  212. background-color: #1e1d23;
  213. }
  214. QTabBar::tab:selected, QTabBar::tab:last:selected, QTabBar::tab:hover {
  215. border-style: solid;
  216. border-top-color: transparent;
  217. border-right-color: transparent;
  218. border-left-color: transparent;
  219. border-bottom-color: #04b97f;
  220. border-bottom-width: 2px;
  221. border-style: solid;
  222. color: #FFFFFF;
  223. padding-left: 3px;
  224. padding-bottom: 2px;
  225. margin-left:3px;
  226. background-color: #1e1d23;
  227. }
  228. QCheckBox {
  229. color: #a9b7c6;
  230. padding: 2px;
  231. }
  232. QCheckBox:disabled {
  233. color: #808086;
  234. padding: 2px;
  235. }
  236. QCheckBox:hover {
  237. border-radius:4px;
  238. border-style:solid;
  239. padding-left: 1px;
  240. padding-right: 1px;
  241. padding-bottom: 1px;
  242. padding-top: 1px;
  243. border-width:1px;
  244. border-color: rgb(87, 97, 106);
  245. background-color:#1e1d23;
  246. }
  247. QCheckBox::indicator:checked {
  248. height: 10px;
  249. width: 10px;
  250. border-style:solid;
  251. border-width: 1px;
  252. border-color: #04b97f;
  253. color: #a9b7c6;
  254. background-color: #04b97f;
  255. }
  256. QCheckBox::indicator:unchecked {
  257. height: 10px;
  258. width: 10px;
  259. border-style:solid;
  260. border-width: 1px;
  261. border-color: #04b97f;
  262. color: #a9b7c6;
  263. background-color: transparent;
  264. }
  265. QRadioButton {
  266. color: #a9b7c6;
  267. background-color: #1e1d23;
  268. padding: 1px;
  269. }
  270. QRadioButton::indicator:checked {
  271. height: 10px;
  272. width: 10px;
  273. border-style:solid;
  274. border-radius:5px;
  275. border-width: 1px;
  276. border-color: #04b97f;
  277. color: #a9b7c6;
  278. background-color: #04b97f;
  279. }
  280. QRadioButton::indicator:!checked {
  281. height: 10px;
  282. width: 10px;
  283. border-style:solid;
  284. border-radius:5px;
  285. border-width: 1px;
  286. border-color: #04b97f;
  287. color: #a9b7c6;
  288. background-color: transparent;
  289. }
  290. QStatusBar {
  291. color:#027f7f;
  292. }
  293. QSpinBox {
  294. color: #a9b7c6;
  295. background-color: #1e1d23;
  296. }
  297. QDoubleSpinBox {
  298. color: #a9b7c6;
  299. background-color: #1e1d23;
  300. }
  301. QTimeEdit {
  302. color: #a9b7c6;
  303. background-color: #1e1d23;
  304. }
  305. QDateTimeEdit {
  306. color: #a9b7c6;
  307. background-color: #1e1d23;
  308. }
  309. QDateEdit {
  310. color: #a9b7c6;
  311. background-color: #1e1d23;
  312. }
  313. QComboBox {
  314. color: #a9b7c6;
  315. background: #1e1d23;
  316. }
  317. QComboBox:editable {
  318. background: #1e1d23;
  319. color: #a9b7c6;
  320. selection-background-color: #1e1d23;
  321. }
  322. QComboBox QAbstractItemView {
  323. color: #a9b7c6;
  324. background: #1e1d23;
  325. selection-color: #FFFFFF;
  326. selection-background-color: #1e1d23;
  327. }
  328. QComboBox:!editable:on, QComboBox::drop-down:editable:on {
  329. color: #a9b7c6;
  330. background: #1e1d23;
  331. }
  332. QFontComboBox {
  333. color: #a9b7c6;
  334. background-color: #1e1d23;
  335. }
  336. QToolBox {
  337. color: #a9b7c6;
  338. background-color: #1e1d23;
  339. }
  340. QToolBox::tab {
  341. color: #a9b7c6;
  342. background-color: #1e1d23;
  343. }
  344. QToolBox::tab:selected {
  345. color: #FFFFFF;
  346. background-color: #1e1d23;
  347. }
  348. QScrollArea {
  349. color: #FFFFFF;
  350. background-color: #1e1d23;
  351. }
  352. QSlider::groove:horizontal {
  353. height: 5px;
  354. background: #04b97f;
  355. }
  356. QSlider::groove:vertical {
  357. width: 5px;
  358. background: #04b97f;
  359. }
  360. QSlider::handle:horizontal {
  361. background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #b4b4b4, stop:1 #8f8f8f);
  362. border: 1px solid #5c5c5c;
  363. width: 14px;
  364. margin: -5px 0;
  365. border-radius: 7px;
  366. }
  367. QSlider::handle:vertical {
  368. background: qlineargradient(x1:1, y1:1, x2:0, y2:0, stop:0 #b4b4b4, stop:1 #8f8f8f);
  369. border: 1px solid #5c5c5c;
  370. height: 14px;
  371. margin: 0 -5px;
  372. border-radius: 7px;
  373. }
  374. QSlider::add-page:horizontal {
  375. background: white;
  376. }
  377. QSlider::add-page:vertical {
  378. background: white;
  379. }
  380. QSlider::sub-page:horizontal {
  381. background: #04b97f;
  382. }
  383. QSlider::sub-page:vertical {
  384. background: #04b97f;
  385. }