ElegantDark.qss 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196
  1. /*
  2. ElegantDark Style Sheet for QT Applications
  3. Author: Jaime A. Quiroga P.
  4. Company: GTRONICK
  5. Last updated: 17/04/2018
  6. Available at: https://github.com/GTRONICK/QSS/blob/master/ElegantDark.qss
  7. */
  8. QMainWindow {
  9. background-color:rgb(82, 82, 82);
  10. }
  11. QTextEdit {
  12. background-color:rgb(42, 42, 42);
  13. color: rgb(0, 255, 0);
  14. }
  15. QPushButton{
  16. border-style: outset;
  17. border-width: 2px;
  18. border-top-color: qlineargradient(spread:pad, x1:0.5, y1:0.6, x2:0.5, y2:0.4, stop:0 rgba(115, 115, 115, 255), stop:1 rgba(62, 62, 62, 255));
  19. border-right-color: qlineargradient(spread:pad, x1:0.4, y1:0.5, x2:0.6, y2:0.5, stop:0 rgba(115, 115, 115, 255), stop:1 rgba(62, 62, 62, 255));
  20. border-left-color: qlineargradient(spread:pad, x1:0.6, y1:0.5, x2:0.4, y2:0.5, stop:0 rgba(115, 115, 115, 255), stop:1 rgba(62, 62, 62, 255));
  21. border-bottom-color: rgb(58, 58, 58);
  22. border-bottom-width: 1px;
  23. border-style: solid;
  24. color: rgb(255, 255, 255);
  25. padding: 2px;
  26. background-color: qlineargradient(spread:pad, x1:0.5, y1:1, x2:0.5, y2:0, stop:0 rgba(77, 77, 77, 255), stop:1 rgba(97, 97, 97, 255));
  27. }
  28. QPushButton:hover{
  29. border-style: outset;
  30. border-width: 2px;
  31. border-top-color: qlineargradient(spread:pad, x1:0.5, y1:0.6, x2:0.5, y2:0.4, stop:0 rgba(180, 180, 180, 255), stop:1 rgba(110, 110, 110, 255));
  32. border-right-color: qlineargradient(spread:pad, x1:0.4, y1:0.5, x2:0.6, y2:0.5, stop:0 rgba(180, 180, 180, 255), stop:1 rgba(110, 110, 110, 255));
  33. border-left-color: qlineargradient(spread:pad, x1:0.6, y1:0.5, x2:0.4, y2:0.5, stop:0 rgba(180, 180, 180, 255), stop:1 rgba(110, 110, 110, 255));
  34. border-bottom-color: rgb(115, 115, 115);
  35. border-bottom-width: 1px;
  36. border-style: solid;
  37. color: rgb(255, 255, 255);
  38. padding: 2px;
  39. background-color: qlineargradient(spread:pad, x1:0.5, y1:1, x2:0.5, y2:0, stop:0 rgba(107, 107, 107, 255), stop:1 rgba(157, 157, 157, 255));
  40. }
  41. QPushButton:pressed{
  42. border-style: outset;
  43. border-width: 2px;
  44. border-top-color: qlineargradient(spread:pad, x1:0.5, y1:0.6, x2:0.5, y2:0.4, stop:0 rgba(62, 62, 62, 255), stop:1 rgba(22, 22, 22, 255));
  45. border-right-color: qlineargradient(spread:pad, x1:0.4, y1:0.5, x2:0.6, y2:0.5, stop:0 rgba(115, 115, 115, 255), stop:1 rgba(62, 62, 62, 255));
  46. border-left-color: qlineargradient(spread:pad, x1:0.6, y1:0.5, x2:0.4, y2:0.5, stop:0 rgba(115, 115, 115, 255), stop:1 rgba(62, 62, 62, 255));
  47. border-bottom-color: rgb(58, 58, 58);
  48. border-bottom-width: 1px;
  49. border-style: solid;
  50. color: rgb(255, 255, 255);
  51. padding: 2px;
  52. background-color: qlineargradient(spread:pad, x1:0.5, y1:1, x2:0.5, y2:0, stop:0 rgba(77, 77, 77, 255), stop:1 rgba(97, 97, 97, 255));
  53. }
  54. QPushButton:disabled{
  55. border-style: outset;
  56. border-width: 2px;
  57. border-top-color: qlineargradient(spread:pad, x1:0.5, y1:0.6, x2:0.5, y2:0.4, stop:0 rgba(115, 115, 115, 255), stop:1 rgba(62, 62, 62, 255));
  58. border-right-color: qlineargradient(spread:pad, x1:0.4, y1:0.5, x2:0.6, y2:0.5, stop:0 rgba(115, 115, 115, 255), stop:1 rgba(62, 62, 62, 255));
  59. border-left-color: qlineargradient(spread:pad, x1:0.6, y1:0.5, x2:0.4, y2:0.5, stop:0 rgba(115, 115, 115, 255), stop:1 rgba(62, 62, 62, 255));
  60. border-bottom-color: rgb(58, 58, 58);
  61. border-bottom-width: 1px;
  62. border-style: solid;
  63. color: rgb(0, 0, 0);
  64. padding: 2px;
  65. background-color: qlineargradient(spread:pad, x1:0.5, y1:1, x2:0.5, y2:0, stop:0 rgba(57, 57, 57, 255), stop:1 rgba(77, 77, 77, 255));
  66. }
  67. QLineEdit {
  68. border-width: 1px; border-radius: 4px;
  69. border-color: rgb(58, 58, 58);
  70. border-style: inset;
  71. padding: 0 8px;
  72. color: rgb(255, 255, 255);
  73. background:rgb(100, 100, 100);
  74. selection-background-color: rgb(187, 187, 187);
  75. selection-color: rgb(60, 63, 65);
  76. }
  77. QLabel {
  78. color:rgb(255,255,255);
  79. }
  80. QProgressBar {
  81. text-align: center;
  82. color: rgb(240, 240, 240);
  83. border-width: 1px;
  84. border-radius: 10px;
  85. border-color: rgb(58, 58, 58);
  86. border-style: inset;
  87. background-color:rgb(77,77,77);
  88. }
  89. QProgressBar::chunk {
  90. background-color: qlineargradient(spread:pad, x1:0.5, y1:0.7, x2:0.5, y2:0.3, stop:0 rgba(87, 97, 106, 255), stop:1 rgba(93, 103, 113, 255));
  91. border-radius: 5px;
  92. }
  93. QMenuBar {
  94. background:rgb(82, 82, 82);
  95. }
  96. QMenuBar::item {
  97. color:rgb(223,219,210);
  98. spacing: 3px;
  99. padding: 1px 4px;
  100. background: transparent;
  101. }
  102. QMenuBar::item:selected {
  103. background:rgb(115, 115, 115);
  104. }
  105. QMenu::item:selected {
  106. color:rgb(255,255,255);
  107. border-width:2px;
  108. border-style:solid;
  109. padding-left:18px;
  110. padding-right:8px;
  111. padding-top:2px;
  112. padding-bottom:3px;
  113. background:qlineargradient(spread:pad, x1:0.5, y1:0.7, x2:0.5, y2:0.3, stop:0 rgba(87, 97, 106, 255), stop:1 rgba(93, 103, 113, 255));
  114. border-top-color: qlineargradient(spread:pad, x1:0.5, y1:0.6, x2:0.5, y2:0.4, stop:0 rgba(115, 115, 115, 255), stop:1 rgba(62, 62, 62, 255));
  115. border-right-color: qlineargradient(spread:pad, x1:0.4, y1:0.5, x2:0.6, y2:0.5, stop:0 rgba(115, 115, 115, 255), stop:1 rgba(62, 62, 62, 255));
  116. border-left-color: qlineargradient(spread:pad, x1:0.6, y1:0.5, x2:0.4, y2:0.5, stop:0 rgba(115, 115, 115, 255), stop:1 rgba(62, 62, 62, 255));
  117. border-bottom-color: rgb(58, 58, 58);
  118. border-bottom-width: 1px;
  119. }
  120. QMenu::item {
  121. color:rgb(223,219,210);
  122. background-color:rgb(78,78,78);
  123. padding-left:20px;
  124. padding-top:4px;
  125. padding-bottom:4px;
  126. padding-right:10px;
  127. }
  128. QMenu{
  129. background-color:rgb(78,78,78);
  130. }
  131. QTabWidget {
  132. color:rgb(0,0,0);
  133. background-color:rgb(247,246,246);
  134. }
  135. QTabWidget::pane {
  136. border-color: rgb(77,77,77);
  137. background-color:rgb(101,101,101);
  138. border-style: solid;
  139. border-width: 1px;
  140. border-radius: 6px;
  141. }
  142. QTabBar::tab {
  143. padding:2px;
  144. color:rgb(250,250,250);
  145. background-color: qlineargradient(spread:pad, x1:0.5, y1:1, x2:0.5, y2:0, stop:0 rgba(77, 77, 77, 255), stop:1 rgba(97, 97, 97, 255));
  146. border-style: solid;
  147. border-width: 2px;
  148. border-top-right-radius:4px;
  149. border-top-left-radius:4px;
  150. border-top-color: qlineargradient(spread:pad, x1:0.5, y1:0.6, x2:0.5, y2:0.4, stop:0 rgba(115, 115, 115, 255), stop:1 rgba(95, 92, 93, 255));
  151. border-right-color: qlineargradient(spread:pad, x1:0.4, y1:0.5, x2:0.6, y2:0.5, stop:0 rgba(115, 115, 115, 255), stop:1 rgba(95, 92, 93, 255));
  152. border-left-color: qlineargradient(spread:pad, x1:0.6, y1:0.5, x2:0.4, y2:0.5, stop:0 rgba(115, 115, 115, 255), stop:1 rgba(95, 92, 93, 255));
  153. border-bottom-color: rgb(101,101,101);
  154. }
  155. QTabBar::tab:selected, QTabBar::tab:last:selected, QTabBar::tab:hover {
  156. background-color:rgb(101,101,101);
  157. margin-left: 0px;
  158. margin-right: 1px;
  159. }
  160. QTabBar::tab:!selected {
  161. margin-top: 1px;
  162. margin-right: 1px;
  163. }
  164. QCheckBox {
  165. color:rgb(223,219,210);
  166. padding: 2px;
  167. }
  168. QCheckBox:hover {
  169. border-radius:4px;
  170. border-style:solid;
  171. padding-left: 1px;
  172. padding-right: 1px;
  173. padding-bottom: 1px;
  174. padding-top: 1px;
  175. border-width:1px;
  176. border-color: rgb(87, 97, 106);
  177. background-color:qlineargradient(spread:pad, x1:0.5, y1:0.7, x2:0.5, y2:0.3, stop:0 rgba(87, 97, 106, 150), stop:1 rgba(93, 103, 113, 150));
  178. }
  179. QCheckBox::indicator:checked {
  180. border-radius:4px;
  181. border-style:solid;
  182. border-width:1px;
  183. border-color: rgb(180,180,180);
  184. background-color:qlineargradient(spread:pad, x1:0.5, y1:0.7, x2:0.5, y2:0.3, stop:0 rgba(87, 97, 106, 255), stop:1 rgba(93, 103, 113, 255));
  185. }
  186. QCheckBox::indicator:unchecked {
  187. border-radius:4px;
  188. border-style:solid;
  189. border-width:1px;
  190. border-color: rgb(87, 97, 106);
  191. background-color:rgb(255,255,255);
  192. }
  193. QStatusBar {
  194. color:rgb(240,240,240);
  195. }