AMOLED.qss 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576
  1. /*
  2. AMOLED Style Sheet for QT Applications
  3. Author: Jaime A. Quiroga P.
  4. Company: GTRONICK
  5. Last updated: 01/10/2021, 15:49.
  6. Available at: https://github.com/GTRONICK/QSS/blob/master/AMOLED.qss
  7. */
  8. QMainWindow {
  9. background-color:#000000;
  10. }
  11. QDialog {
  12. background-color:#000000;
  13. }
  14. QColorDialog {
  15. background-color:#000000;
  16. }
  17. QTextEdit {
  18. background-color:#000000;
  19. color: #a9b7c6;
  20. }
  21. QPlainTextEdit {
  22. selection-background-color:#f39c12;
  23. background-color:#000000;
  24. border: 1px solid #FF00FF;
  25. color: #a9b7c6;
  26. }
  27. QPushButton{
  28. border: 1px transparent;
  29. color: #a9b7c6;
  30. padding: 2px;
  31. background-color: #000000;
  32. }
  33. QPushButton::default{
  34. border-style: solid;
  35. border-top-color: transparent;
  36. border-right-color: transparent;
  37. border-left-color: transparent;
  38. border-bottom-color: #e67e22;
  39. border-width: 1px;
  40. color: #a9b7c6;
  41. padding: 2px;
  42. background-color: #000000;
  43. }
  44. QPushButton:hover{
  45. border-style: solid;
  46. border-top-color: transparent;
  47. border-right-color: transparent;
  48. border-left-color: transparent;
  49. border-bottom-color: #FF00FF;
  50. border-bottom-width: 1px;
  51. border-bottom-radius: 6px;
  52. border-style: solid;
  53. color: #FFFFFF;
  54. padding-bottom: 2px;
  55. background-color: #000000;
  56. }
  57. QPushButton:pressed{
  58. border-style: solid;
  59. border-top-color: transparent;
  60. border-right-color: transparent;
  61. border-left-color: transparent;
  62. border-bottom-color: #FF00FF;
  63. border-bottom-width: 2px;
  64. border-bottom-radius: 6px;
  65. border-style: solid;
  66. color: #e67e22;
  67. padding-bottom: 1px;
  68. background-color: #000000;
  69. }
  70. QPushButton:disabled{
  71. border-style: solid;
  72. border-top-color: transparent;
  73. border-right-color: transparent;
  74. border-left-color: transparent;
  75. border-bottom-color: transparent;
  76. border-bottom-width: 2px;
  77. border-bottom-radius: 6px;
  78. border-style: solid;
  79. color: #808086;
  80. padding-bottom: 1px;
  81. background-color: #000000;
  82. }
  83. QToolButton {
  84. border-style: solid;
  85. border-top-color: transparent;
  86. border-right-color: transparent;
  87. border-left-color: transparent;
  88. border-bottom-color: #e67e22;
  89. border-bottom-width: 1px;
  90. border-style: solid;
  91. color: #a9b7c6;
  92. padding: 2px;
  93. background-color: #000000;
  94. }
  95. QToolButton:hover{
  96. border-style: solid;
  97. border-top-color: transparent;
  98. border-right-color: transparent;
  99. border-left-color: transparent;
  100. border-bottom-color: #e67e22;
  101. border-bottom-width: 2px;
  102. border-bottom-radius: 6px;
  103. border-style: solid;
  104. color: #FFFFFF;
  105. padding-bottom: 1px;
  106. background-color: #000000;
  107. }
  108. QLineEdit {
  109. border-width: 1px; border-radius: 4px;
  110. border-color: rgb(58, 58, 58);
  111. border-style: inset;
  112. padding: 0 8px;
  113. color: #a9b7c6;
  114. background:#000000;
  115. selection-background-color:#007b50;
  116. selection-color: #FFFFFF;
  117. }
  118. QLabel {
  119. color: #a9b7c6;
  120. }
  121. QLCDNumber {
  122. color: #e67e22;
  123. }
  124. QProgressBar {
  125. text-align: center;
  126. color: rgb(240, 240, 240);
  127. border-width: 1px;
  128. border-radius: 10px;
  129. border-color: rgb(58, 58, 58);
  130. border-style: inset;
  131. background-color:#000000;
  132. }
  133. QProgressBar::chunk {
  134. background-color: #e67e22;
  135. border-radius: 5px;
  136. }
  137. QMenu{
  138. background-color:#000000;
  139. }
  140. QMenuBar {
  141. background:rgb(0, 0, 0);
  142. color: #a9b7c6;
  143. }
  144. QMenuBar::item {
  145. spacing: 3px;
  146. padding: 1px 4px;
  147. background: transparent;
  148. }
  149. QMenuBar::item:selected {
  150. border-style: solid;
  151. border-top-color: transparent;
  152. border-right-color: transparent;
  153. border-left-color: transparent;
  154. border-bottom-color: #e67e22;
  155. border-bottom-width: 1px;
  156. border-bottom-radius: 6px;
  157. border-style: solid;
  158. color: #FFFFFF;
  159. padding-bottom: 0px;
  160. background-color: #000000;
  161. }
  162. QMenu::item:selected {
  163. border-style: solid;
  164. border-top-color: transparent;
  165. border-right-color: transparent;
  166. border-left-color: #e67e22;
  167. border-bottom-color: transparent;
  168. border-left-width: 2px;
  169. color: #FFFFFF;
  170. padding-left:15px;
  171. padding-top:4px;
  172. padding-bottom:4px;
  173. padding-right:7px;
  174. background-color:#000000;
  175. }
  176. QMenu::item {
  177. border-style: solid;
  178. border-top-color: transparent;
  179. border-right-color: transparent;
  180. border-left-color: transparent;
  181. border-bottom-color: transparent;
  182. border-bottom-width: 1px;
  183. border-style: solid;
  184. color: #a9b7c6;
  185. padding-left:17px;
  186. padding-top:4px;
  187. padding-bottom:4px;
  188. padding-right:7px;
  189. background-color:#000000;
  190. }
  191. QTabWidget {
  192. color:rgb(0,0,0);
  193. background-color:#000000;
  194. }
  195. QTabWidget::pane {
  196. border-color: rgb(77,77,77);
  197. background-color:#000000;
  198. border-style: solid;
  199. border-width: 1px;
  200. border-radius: 6px;
  201. }
  202. QTabBar::tab {
  203. border-style: solid;
  204. border-top-color: transparent;
  205. border-right-color: transparent;
  206. border-left-color: transparent;
  207. border-bottom-color: transparent;
  208. border-bottom-width: 1px;
  209. border-style: solid;
  210. color: #808086;
  211. padding: 3px;
  212. margin-left:3px;
  213. background-color:#000000;
  214. }
  215. QTabBar::tab:selected, QTabBar::tab:last:selected, QTabBar::tab:hover {
  216. border-style: solid;
  217. border-top-color: transparent;
  218. border-right-color: transparent;
  219. border-left-color: transparent;
  220. border-bottom-color: #e67e22;
  221. border-bottom-width: 2px;
  222. border-style: solid;
  223. color: #FFFFFF;
  224. padding-left: 3px;
  225. padding-bottom: 2px;
  226. margin-left:3px;
  227. background-color:#000000;
  228. }
  229. QCheckBox {
  230. color: #a9b7c6;
  231. padding: 2px;
  232. }
  233. QCheckBox:disabled {
  234. color: #808086;
  235. padding: 2px;
  236. }
  237. QCheckBox:hover {
  238. border-radius:4px;
  239. border-style:solid;
  240. padding-left: 1px;
  241. padding-right: 1px;
  242. padding-bottom: 1px;
  243. padding-top: 1px;
  244. border-width:1px;
  245. border-color: rgb(87, 97, 106);
  246. background-color:#000000;
  247. }
  248. QCheckBox::indicator:checked {
  249. height: 10px;
  250. width: 10px;
  251. border-style:solid;
  252. border-width: 1px;
  253. border-color: #e67e22;
  254. color: #a9b7c6;
  255. background-color: #e67e22;
  256. }
  257. QCheckBox::indicator:unchecked {
  258. height: 10px;
  259. width: 10px;
  260. border-style:solid;
  261. border-width: 1px;
  262. border-color: #e67e22;
  263. color: #a9b7c6;
  264. background-color: transparent;
  265. }
  266. QRadioButton {
  267. color: #a9b7c6;
  268. background-color:#000000;
  269. padding: 1px;
  270. }
  271. QRadioButton::indicator:checked {
  272. height: 10px;
  273. width: 10px;
  274. border-style:solid;
  275. border-radius:5px;
  276. border-width: 1px;
  277. border-color: #e67e22;
  278. color: #a9b7c6;
  279. background-color: #e67e22;
  280. }
  281. QRadioButton::indicator:!checked {
  282. height: 10px;
  283. width: 10px;
  284. border-style:solid;
  285. border-radius:5px;
  286. border-width: 1px;
  287. border-color: #e67e22;
  288. color: #a9b7c6;
  289. background-color: transparent;
  290. }
  291. QStatusBar {
  292. color:#34e8eb;
  293. }
  294. QSpinBox {
  295. color: #a9b7c6;
  296. background-color:#000000;
  297. }
  298. QDoubleSpinBox {
  299. color: #a9b7c6;
  300. background-color:#000000;
  301. }
  302. QTimeEdit {
  303. color: #a9b7c6;
  304. background-color:#000000;
  305. }
  306. QDateTimeEdit {
  307. color: #a9b7c6;
  308. background-color:#000000;
  309. }
  310. QDateEdit {
  311. color: #a9b7c6;
  312. background-color:#000000;
  313. }
  314. QComboBox {
  315. color: #a9b7c6;
  316. background: #1e1d23;
  317. }
  318. QComboBox:editable {
  319. background: #1e1d23;
  320. color: #a9b7c6;
  321. selection-background-color:#000000;
  322. }
  323. QComboBox QAbstractItemView {
  324. color: #a9b7c6;
  325. background: #1e1d23;
  326. selection-color: #FFFFFF;
  327. selection-background-color:#000000;
  328. }
  329. QComboBox:!editable:on, QComboBox::drop-down:editable:on {
  330. color: #a9b7c6;
  331. background: #1e1d23;
  332. }
  333. QFontComboBox {
  334. color: #a9b7c6;
  335. background-color:#000000;
  336. }
  337. QToolBox {
  338. color: #a9b7c6;
  339. background-color:#000000;
  340. }
  341. QToolBox::tab {
  342. color: #a9b7c6;
  343. background-color:#000000;
  344. }
  345. QToolBox::tab:selected {
  346. color: #FFFFFF;
  347. background-color:#000000;
  348. }
  349. QScrollArea {
  350. color: #FFFFFF;
  351. background-color:#000000;
  352. }
  353. QSlider::groove:horizontal {
  354. height: 5px;
  355. background: #e67e22;
  356. }
  357. QSlider::groove:vertical {
  358. width: 5px;
  359. background: #e67e22;
  360. }
  361. QSlider::handle:horizontal {
  362. background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #b4b4b4, stop:1 #8f8f8f);
  363. border: 1px solid #5c5c5c;
  364. width: 14px;
  365. margin: -5px 0;
  366. border-radius: 7px;
  367. }
  368. QSlider::handle:vertical {
  369. background: qlineargradient(x1:1, y1:1, x2:0, y2:0, stop:0 #b4b4b4, stop:1 #8f8f8f);
  370. border: 1px solid #5c5c5c;
  371. height: 14px;
  372. margin: 0 -5px;
  373. border-radius: 7px;
  374. }
  375. QSlider::add-page:horizontal {
  376. background: white;
  377. }
  378. QSlider::add-page:vertical {
  379. background: white;
  380. }
  381. QSlider::sub-page:horizontal {
  382. background: #e67e22;
  383. }
  384. QSlider::sub-page:vertical {
  385. background: #e67e22;
  386. }
  387. QScrollBar:horizontal {
  388. max-height: 20px;
  389. background: rgb(0,0,0);
  390. border: 1px transparent grey;
  391. margin: 0px 20px 0px 20px;
  392. }
  393. QScrollBar::handle:horizontal {
  394. background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgba(255, 0, 0, 0), stop:0.7 rgba(255, 0, 0, 0), stop:0.71 rgb(230, 126, 34), stop:1 rgb(230, 126, 34));
  395. border-style: solid;
  396. border-width: 1px;
  397. border-color: rgb(0,0,0);
  398. min-width: 25px;
  399. }
  400. QScrollBar::handle:horizontal:hover {
  401. background: rgb(230, 126, 34);
  402. border-style: solid;
  403. border-width: 1px;
  404. border-color: rgb(0,0,0);
  405. min-width: 25px;
  406. }
  407. QScrollBar::add-line:horizontal {
  408. border: 1px solid;
  409. border-color: rgb(0,0,0);
  410. background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgba(255, 0, 0, 0), stop:0.7 rgba(255, 0, 0, 0), stop:0.71 rgb(230, 126, 34), stop:1 rgb(230, 126, 34));
  411. width: 20px;
  412. subcontrol-position: right;
  413. subcontrol-origin: margin;
  414. }
  415. QScrollBar::add-line:horizontal:hover {
  416. border: 1px solid;
  417. border-color: rgb(0,0,0);
  418. border-radius: 8px;
  419. background: rgb(230, 126, 34);
  420. height: 16px;
  421. width: 16px;
  422. subcontrol-position: right;
  423. subcontrol-origin: margin;
  424. }
  425. QScrollBar::add-line:horizontal:pressed {
  426. border: 1px solid;
  427. border-color: grey;
  428. border-radius: 8px;
  429. background: rgb(230, 126, 34);
  430. height: 16px;
  431. width: 16px;
  432. subcontrol-position: right;
  433. subcontrol-origin: margin;
  434. }
  435. QScrollBar::sub-line:horizontal {
  436. border: 1px solid;
  437. border-color: rgb(0,0,0);
  438. background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgba(255, 0, 0, 0), stop:0.7 rgba(255, 0, 0, 0), stop:0.71 rgb(230, 126, 34), stop:1 rgb(230, 126, 34));
  439. width: 20px;
  440. subcontrol-position: left;
  441. subcontrol-origin: margin;
  442. }
  443. QScrollBar::sub-line:horizontal:hover {
  444. border: 1px solid;
  445. border-color: rgb(0,0,0);
  446. border-radius: 8px;
  447. background: rgb(230, 126, 34);
  448. height: 16px;
  449. width: 16px;
  450. subcontrol-position: left;
  451. subcontrol-origin: margin;
  452. }
  453. QScrollBar::sub-line:horizontal:pressed {
  454. border: 1px solid;
  455. border-color: grey;
  456. border-radius: 8px;
  457. background: rgb(230, 126, 34);
  458. height: 16px;
  459. width: 16px;
  460. subcontrol-position: left;
  461. subcontrol-origin: margin;
  462. }
  463. QScrollBar::left-arrow:horizontal {
  464. border: 1px transparent grey;
  465. border-radius: 3px;
  466. width: 6px;
  467. height: 6px;
  468. background: rgb(0,0,0);
  469. }
  470. QScrollBar::right-arrow:horizontal {
  471. border: 1px transparent grey;
  472. border-radius: 3px;
  473. width: 6px;
  474. height: 6px;
  475. background: rgb(0,0,0);
  476. }
  477. QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
  478. background: none;
  479. }
  480. QScrollBar:vertical {
  481. max-width: 20px;
  482. background: rgb(0,0,0);
  483. border: 1px transparent grey;
  484. margin: 20px 0px 20px 0px;
  485. }
  486. QScrollBar::add-line:vertical {
  487. border: 1px solid;
  488. border-color: rgb(0,0,0);
  489. background-color: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 rgba(255, 0, 0, 0), stop:0.7 rgba(255, 0, 0, 0), stop:0.71 rgb(230, 126, 34), stop:1 rgb(230, 126, 34));
  490. height: 20px;
  491. subcontrol-position: bottom;
  492. subcontrol-origin: margin;
  493. }
  494. QScrollBar::add-line:vertical:hover {
  495. border: 1px solid;
  496. border-color: rgb(0,0,0);
  497. border-radius: 8px;
  498. background: rgb(230, 126, 34);
  499. height: 16px;
  500. width: 16px;
  501. subcontrol-position: bottom;
  502. subcontrol-origin: margin;
  503. }
  504. QScrollBar::add-line:vertical:pressed {
  505. border: 1px solid;
  506. border-color: grey;
  507. border-radius: 8px;
  508. background: rgb(230, 126, 34);
  509. height: 16px;
  510. width: 16px;
  511. subcontrol-position: bottom;
  512. subcontrol-origin: margin;
  513. }
  514. QScrollBar::sub-line:vertical {
  515. border: 1px solid;
  516. border-color: rgb(0,0,0);
  517. background-color: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 rgba(255, 0, 0, 0), stop:0.7 rgba(255, 0, 0, 0), stop:0.71 rgb(230, 126, 34), stop:1 rgb(230, 126, 34));
  518. height: 20px;
  519. subcontrol-position: top;
  520. subcontrol-origin: margin;
  521. }
  522. QScrollBar::sub-line:vertical:hover {
  523. border: 1px solid;
  524. border-color: rgb(0,0,0);
  525. border-radius: 8px;
  526. background: rgb(230, 126, 34);
  527. height: 16px;
  528. width: 16px;
  529. subcontrol-position: top;
  530. subcontrol-origin: margin;
  531. }
  532. QScrollBar::sub-line:vertical:pressed {
  533. border: 1px solid;
  534. border-color: grey;
  535. border-radius: 8px;
  536. background: rgb(230, 126, 34);
  537. height: 16px;
  538. width: 16px;
  539. subcontrol-position: top;
  540. subcontrol-origin: margin;
  541. }
  542. QScrollBar::handle:vertical {
  543. background-color: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 rgba(255, 0, 0, 0), stop:0.7 rgba(255, 0, 0, 0), stop:0.71 rgb(230, 126, 34), stop:1 rgb(230, 126, 34));
  544. border-style: solid;
  545. border-width: 1px;
  546. border-color: rgb(0,0,0);
  547. min-height: 25px;
  548. }
  549. QScrollBar::handle:vertical:hover {
  550. background: rgb(230, 126, 34);
  551. border-style: solid;
  552. border-width: 1px;
  553. border-color: rgb(0,0,0);
  554. min-heigth: 25px;
  555. }
  556. QScrollBar::up-arrow:vertical {
  557. border: 1px transparent grey;
  558. border-radius: 3px;
  559. width: 6px;
  560. height: 6px;
  561. background: rgb(0,0,0);
  562. }
  563. QScrollBar::down-arrow:vertical {
  564. border: 1px transparent grey;
  565. border-radius: 3px;
  566. width: 6px;
  567. height: 6px;
  568. background: rgb(0,0,0);
  569. }
  570. QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
  571. background: none;
  572. }