MacOS.qss 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434
  1. /*
  2. * MacOS Style Sheet for QT Applications
  3. * Author: Jaime A. Quiroga P.
  4. * Company: GTRONICK
  5. * Last updated: 25/12/2020, 23:10.
  6. * Available at: https://github.com/GTRONICK/QSS/blob/master/MacOS.qss
  7. */
  8. QMainWindow {
  9. background-color:#ececec;
  10. }
  11. QPushButton, QToolButton, QCommandLinkButton{
  12. padding: 0 5px 0 5px;
  13. border-style: solid;
  14. border-top-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #c1c9cf, stop:1 #d2d8dd);
  15. border-right-color: qlineargradient(spread:pad, x1:1, y1:0, x2:0, y2:0, stop:0 #c1c9cf, stop:1 #d2d8dd);
  16. border-bottom-color: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0, stop:0 #c1c9cf, stop:1 #d2d8dd);
  17. border-left-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 #c1c9cf, stop:1 #d2d8dd);
  18. border-width: 2px;
  19. border-radius: 8px;
  20. color: #616161;
  21. font-weight: bold;
  22. background-color: qlineargradient(spread:pad, x1:0.5, y1:0, x2:0.5, y2:1, stop:0 #fbfdfd, stop:0.5 #ffffff, stop:1 #fbfdfd);
  23. }
  24. QPushButton::default, QToolButton::default, QCommandLinkButton::default{
  25. border: 2px solid transparent;
  26. color: #FFFFFF;
  27. background-color: qlineargradient(spread:pad, x1:0.5, y1:0, x2:0.5, y2:1, stop:0 #84afe5, stop:1 #1168e4);
  28. }
  29. QPushButton:hover, QToolButton:hover, QCommandLinkButton:hover{
  30. color: #3d3d3d;
  31. }
  32. QPushButton:pressed, QToolButton:pressed, QCommandLinkButton:pressed{
  33. color: #aeaeae;
  34. background-color: qlineargradient(spread:pad, x1:0.5, y1:0, x2:0.5, y2:1, stop:0 #ffffff, stop:0.5 #fbfdfd, stop:1 #ffffff);
  35. }
  36. QPushButton:disabled, QToolButton:disabled, QCommandLinkButton:disabled{
  37. color: #616161;
  38. background-color: qlineargradient(spread:pad, x1:0.5, y1:0, x2:0.5, y2:1, stop:0 #dce7eb, stop:0.5 #e0e8eb, stop:1 #dee7ec);
  39. }
  40. QLineEdit, QTextEdit, QPlainTextEdit, QSpinBox, QDoubleSpinBox, QTimeEdit, QDateEdit, QDateTimeEdit {
  41. border-width: 2px;
  42. border-radius: 8px;
  43. border-style: solid;
  44. border-top-color: qlineargradient(spread:pad, x1:0.5, y1:1, x2:0.5, y2:0, stop:0 #c1c9cf, stop:1 #d2d8dd);
  45. border-right-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 #c1c9cf, stop:1 #d2d8dd);
  46. border-bottom-color: qlineargradient(spread:pad, x1:0.5, y1:0, x2:0.5, y2:1, stop:0 #c1c9cf, stop:1 #d2d8dd);
  47. border-left-color: qlineargradient(spread:pad, x1:1, y1:0, x2:0, y2:0, stop:0 #c1c9cf, stop:1 #d2d8dd);
  48. background-color: #f4f4f4;
  49. color: #3d3d3d;
  50. }
  51. QLineEdit:focus, QTextEdit:focus, QPlainTextEdit:focus, QSpinBox:focus, QDoubleSpinBox:focus, QTimeEdit:focus, QDateEdit:focus, QDateTimeEdit:focus {
  52. border-width: 2px;
  53. border-radius: 8px;
  54. border-style: solid;
  55. border-top-color: qlineargradient(spread:pad, x1:0.5, y1:1, x2:0.5, y2:0, stop:0 #85b7e3, stop:1 #9ec1db);
  56. border-right-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 #85b7e3, stop:1 #9ec1db);
  57. border-bottom-color: qlineargradient(spread:pad, x1:0.5, y1:0, x2:0.5, y2:1, stop:0 #85b7e3, stop:1 #9ec1db);
  58. border-left-color: qlineargradient(spread:pad, x1:1, y1:0, x2:0, y2:0, stop:0 #85b7e3, stop:1 #9ec1db);
  59. background-color: #f4f4f4;
  60. color: #3d3d3d;
  61. }
  62. QLineEdit:disabled, QTextEdit:disabled, QPlainTextEdit:disabled, QSpinBox:disabled, QDoubleSpinBox:disabled, QTimeEdit:disabled, QDateEdit:disabled, QDateTimeEdit:disabled {
  63. color: #b9b9b9;
  64. }
  65. QSpinBox::up-button, QDoubleSpinBox::up-button, QTimeEdit::up-button, QDateEdit::up-button, QDateTimeEdit::up-button {
  66. subcontrol-origin: padding;
  67. subcontrol-position: top right;
  68. width: 15px;
  69. color: #272727;
  70. border-left-width: 1px;
  71. border-left-color: darkgray;
  72. border-left-style: solid;
  73. border-top-right-radius: 3px;
  74. padding: 3px;
  75. }
  76. QSpinBox::down-button, QDoubleSpinBox::down-button, QTimeEdit::down-button, QDateEdit::down-button, QDateTimeEdit::down-button {
  77. subcontrol-origin: padding;
  78. subcontrol-position: bottom right;
  79. width: 15px;
  80. color: #272727;
  81. border-left-width: 1px;
  82. border-left-color: darkgray;
  83. border-left-style: solid;
  84. border-bottom-right-radius: 3px;
  85. padding: 3px;
  86. }
  87. QSpinBox::up-button:pressed, QDoubleSpinBox::up-button:pressed, QTimeEdit::up-button:pressed, QDateEdit::up-button:pressed, QDateTimeEdit::up-button:pressed {
  88. color: #aeaeae;
  89. background-color: qlineargradient(spread:pad, x1:0.5, y1:0, x2:0.5, y2:1, stop:0 #ffffff, stop:0.5 #fbfdfd, stop:1 #ffffff);
  90. }
  91. QSpinBox::down-button:pressed, QDoubleSpinBox::down-button:pressed, QTimeEdit::down-button:pressed, QDateEdit::down-button:pressed, QDateTimeEdit::down-button:pressed {
  92. color: #aeaeae;
  93. background-color: qlineargradient(spread:pad, x1:0.5, y1:0, x2:0.5, y2:1, stop:0 #ffffff, stop:0.5 #fbfdfd, stop:1 #ffffff);
  94. }
  95. QSpinBox::up-button:hover, QDoubleSpinBox::up-button:hover, QTimeEdit::up-button:hover, QDateEdit::up-button:hover, QDateTimeEdit::up-button:hover {
  96. color: #FFFFFF;
  97. border-top-right-radius: 5px;
  98. background-color: qlineargradient(spread:pad, x1:0.5, y1:0, x2:0.5, y2:1, stop:0 #84afe5, stop:1 #1168e4);
  99. }
  100. QSpinBox::down-button:hover, QDoubleSpinBox::down-button:hover, QTimeEdit::down-button:hover, QDateEdit::down-button:hover, QDateTimeEdit::down-button:hover {
  101. color: #FFFFFF;
  102. border-bottom-right-radius: 5px;
  103. background-color: qlineargradient(spread:pad, x1:0.5, y1:0, x2:0.5, y2:1, stop:0 #84afe5, stop:1 #1168e4);
  104. }
  105. QSpinBox::up-arrow, QDoubleSpinBox::up-arrow, QTimeEdit::up-arrow, QDateEdit::up-arrow, QDateTimeEdit::up-arrow {
  106. image: url(/usr/share/icons/Adwaita/16x16/actions/go-up-symbolic.symbolic.png);
  107. }
  108. QSpinBox::down-arrow, QDoubleSpinBox::down-arrow, QTimeEdit::down-arrow, QDateEdit::down-arrow, QDateTimeEdit::down-arrow {
  109. image: url(/usr/share/icons/Adwaita/16x16/actions/go-down-symbolic.symbolic.png);
  110. }
  111. QProgressBar {
  112. max-height: 8px;
  113. text-align: center;
  114. font: italic bold 11px;
  115. color: #3d3d3d;
  116. border: 1px solid transparent;
  117. border-radius:4px;
  118. background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #ddd5d5, stop:0.5 #dad3d3, stop:1 #ddd5d5);
  119. }
  120. QProgressBar::chunk {
  121. background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #467dd1, stop:0.5 #3b88fc, stop:1 #467dd1);
  122. border-radius: 4px;
  123. }
  124. QProgressBar:disabled {
  125. color: #616161;
  126. }
  127. QProgressBar::chunk:disabled {
  128. background-color: #aeaeae;
  129. }
  130. QSlider::groove {
  131. border: 1px solid #bbbbbb;
  132. background-color: #52595d;
  133. border-radius: 4px;
  134. }
  135. QSlider::groove:horizontal {
  136. height: 6px;
  137. }
  138. QSlider::groove:vertical {
  139. width: 6px;
  140. }
  141. QSlider::handle:horizontal {
  142. background: #ffffff;
  143. border-style: solid;
  144. border-width: 1px;
  145. border-color: rgb(207,207,207);
  146. width: 12px;
  147. margin: -5px 0;
  148. border-radius: 7px;
  149. }
  150. QSlider::handle:vertical {
  151. background: #ffffff;
  152. border-style: solid;
  153. border-width: 1px;
  154. border-color: rgb(207,207,207);
  155. height: 12px;
  156. margin: 0 -5px;
  157. border-radius: 7px;
  158. }
  159. QSlider::add-page, QSlider::sub-page {
  160. border: 1px transparent;
  161. background-color: #52595d;
  162. border-radius: 4px;
  163. }
  164. QSlider::add-page:horizontal {
  165. background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #ddd5d5, stop:0.5 #dad3d3, stop:1 #ddd5d5);
  166. }
  167. QSlider::sub-page:horizontal {
  168. background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 #467dd1, stop:0.5 #3b88fc, stop:1 #467dd1);
  169. }
  170. QSlider::add-page:vertical {
  171. background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #467dd1, stop:0.5 #3b88fc, stop:1 #467dd1);
  172. }
  173. QSlider::sub-page:vertical {
  174. background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 #ddd5d5, stop:0.5 #dad3d3, stop:1 #ddd5d5);
  175. }
  176. QSlider::add-page:horizontal:disabled, QSlider::sub-page:horizontal:disabled, QSlider::add-page:vertical:disabled, QSlider::sub-page:vertical:disabled {
  177. background: #b9b9b9;
  178. }
  179. QComboBox, QFontComboBox {
  180. border-width: 2px;
  181. border-radius: 8px;
  182. border-style: solid;
  183. border-top-color: qlineargradient(spread:pad, x1:0.5, y1:1, x2:0.5, y2:0, stop:0 #c1c9cf, stop:1 #d2d8dd);
  184. border-right-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 #c1c9cf, stop:1 #d2d8dd);
  185. border-bottom-color: qlineargradient(spread:pad, x1:0.5, y1:0, x2:0.5, y2:1, stop:0 #c1c9cf, stop:1 #d2d8dd);
  186. border-left-color: qlineargradient(spread:pad, x1:1, y1:0, x2:0, y2:0, stop:0 #c1c9cf, stop:1 #d2d8dd);
  187. background-color: #f4f4f4;
  188. color: #272727;
  189. padding-left: 5px;
  190. }
  191. QComboBox:editable, QComboBox:!editable, QComboBox::drop-down:editable, QComboBox:!editable:on, QComboBox::drop-down:editable:on {
  192. background: #ffffff;
  193. }
  194. QComboBox::drop-down {
  195. subcontrol-origin: padding;
  196. subcontrol-position: top right;
  197. width: 15px;
  198. color: #272727;
  199. border-left-width: 1px;
  200. border-left-color: darkgray;
  201. border-left-style: solid;
  202. border-top-right-radius: 3px;
  203. border-bottom-right-radius: 3px;
  204. }
  205. QComboBox::down-arrow {
  206. image: url(/usr/share/icons/Adwaita/16x16/actions/go-down-symbolic.symbolic.png); /*Adawaita icon thene*/
  207. }
  208. QComboBox::down-arrow:on {
  209. top: 1px;
  210. left: 1px;
  211. }
  212. QComboBox QAbstractItemView {
  213. border: 1px solid darkgray;
  214. border-radius: 8px;
  215. selection-background-color: #dadada;
  216. selection-color: #272727;
  217. color: #272727;
  218. background: white;
  219. }
  220. QLabel, QCheckBox, QRadioButton {
  221. color: #272727;
  222. }
  223. QCheckBox {
  224. padding: 2px;
  225. }
  226. QCheckBox:disabled, QRadioButton:disabled {
  227. color: #808086;
  228. padding: 2px;
  229. }
  230. QCheckBox:hover {
  231. border-radius:4px;
  232. border-style:solid;
  233. padding-left: 1px;
  234. padding-right: 1px;
  235. padding-bottom: 1px;
  236. padding-top: 1px;
  237. border-width:1px;
  238. border-color: transparent;
  239. }
  240. QCheckBox::indicator:checked {
  241. image: url(/usr/share/icons/Adwaita/16x16/actions/object-select-symbolic.symbolic.png);
  242. height: 15px;
  243. width: 15px;
  244. border-style:solid;
  245. border-width: 1px;
  246. border-color: #48a5fd;
  247. color: #ffffff;
  248. border-radius: 3px;
  249. background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #48a5fd, stop:0.5 #329cfb, stop:1 #48a5fd);
  250. }
  251. QCheckBox::indicator:unchecked {
  252. height: 15px;
  253. width: 15px;
  254. border-style:solid;
  255. border-width: 1px;
  256. border-color: #48a5fd;
  257. border-radius: 3px;
  258. background-color: #fbfdfa;
  259. }
  260. QLCDNumber {
  261. color: #616161;;
  262. }
  263. QMenuBar {
  264. background-color: #ececec;
  265. }
  266. QMenuBar::item {
  267. color: #616161;
  268. spacing: 3px;
  269. padding: 1px 4px;
  270. background-color: #ececec;
  271. }
  272. QMenuBar::item:selected {
  273. background-color: #dadada;
  274. color: #3d3d3d;
  275. }
  276. QMenu {
  277. background-color: #ececec;
  278. }
  279. QMenu::item:selected {
  280. background-color: #dadada;
  281. color: #3d3d3d;
  282. }
  283. QMenu::item {
  284. color: #616161;;
  285. background-color: #e0e0e0;
  286. }
  287. QTabWidget {
  288. color:rgb(0,0,0);
  289. background-color:#000000;
  290. }
  291. QTabWidget::pane {
  292. border-color: #050a0e;
  293. background-color: #e0e0e0;
  294. border-width: 1px;
  295. border-radius: 4px;
  296. position: absolute;
  297. top: -0.5em;
  298. padding-top: 0.5em;
  299. }
  300. QTabWidget::tab-bar {
  301. alignment: center;
  302. }
  303. QTabBar::tab {
  304. border-bottom: 1px solid #c0c0c0;
  305. padding: 3px;
  306. color: #272727;
  307. background-color: #fefefc;
  308. margin-left:0px;
  309. }
  310. QTabBar::tab:!last {
  311. border-right: 1px solid;
  312. border-right-color: #c0c0c0;
  313. border-bottom-color: #c0c0c0;
  314. }
  315. QTabBar::tab:first {
  316. border-top-left-radius: 4px;
  317. border-bottom-left-radius: 4px;
  318. }
  319. QTabBar::tab:last {
  320. border-top-right-radius: 4px;
  321. border-bottom-right-radius: 4px;
  322. }
  323. QTabBar::tab:selected, QTabBar::tab:last:selected, QTabBar::tab:hover {
  324. color: #FFFFFF;
  325. background-color: qlineargradient(spread:pad, x1:0.5, y1:0, x2:0.5, y2:1, stop:0 #84afe5, stop:1 #1168e4);
  326. }
  327. QRadioButton::indicator {
  328. height: 14px;
  329. width: 14px;
  330. border-style:solid;
  331. border-radius:7px;
  332. border-width: 1px;
  333. }
  334. QRadioButton::indicator:checked {
  335. border-color: #48a5fd;
  336. background-color: qradialgradient(cx:0.5, cy:0.5, radius:0.4,fx:0.5, fy:0.5, stop:0 #ffffff, stop:0.5 #ffffff, stop:0.6 #48a5fd, stop:1 #48a5fd);
  337. }
  338. QRadioButton::indicator:!checked {
  339. border-color: #a9b7c6;
  340. background-color: #fbfdfa;
  341. }
  342. QStatusBar {
  343. color:#027f7f;
  344. }
  345. QDial {
  346. background: #16a085;
  347. }
  348. QToolBox {
  349. color: #a9b7c6;
  350. background-color: #222b2e;
  351. }
  352. QToolBox::tab {
  353. color: #a9b7c6;
  354. background-color:#222b2e;
  355. }
  356. QToolBox::tab:selected {
  357. color: #FFFFFF;
  358. background-color:#222b2e;
  359. }
  360. QScrollArea {
  361. color: #FFFFFF;
  362. background-color:#222b2e;
  363. }
  364. QScrollBar:horizontal {
  365. max-height: 10px;
  366. border: 1px transparent grey;
  367. margin: 0px 20px 0px 20px;
  368. background: transparent;
  369. }
  370. QScrollBar:vertical {
  371. max-width: 10px;
  372. border: 1px transparent grey;
  373. margin: 20px 0px 20px 0px;
  374. background: transparent;
  375. }
  376. QScrollBar::handle:vertical, QScrollBar::handle:horizontal {
  377. background: #52595d;
  378. border-style: transparent;
  379. border-radius: 4px;
  380. min-height: 25px;
  381. }
  382. QScrollBar::handle:horizontal:hover, QScrollBar::handle:vertical:hover {
  383. background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 #467dd1, stop:0.5 #3b88fc, stop:1 #467dd1);
  384. }
  385. QScrollBar::add-line, QScrollBar::sub-line {
  386. border: 2px transparent grey;
  387. border-radius: 4px;
  388. subcontrol-origin: margin;
  389. background: #b9b9b9;
  390. }
  391. QScrollBar::add-line:horizontal {
  392. width: 20px;
  393. subcontrol-position: right;
  394. }
  395. QScrollBar::add-line:vertical {
  396. height: 20px;
  397. subcontrol-position: bottom;
  398. }
  399. QScrollBar::sub-line:horizontal {
  400. width: 20px;
  401. subcontrol-position: left;
  402. }
  403. QScrollBar::sub-line:vertical {
  404. height: 20px;
  405. subcontrol-position: top;
  406. }
  407. QScrollBar::add-line:vertical:pressed, QScrollBar::add-line:horizontal:pressed, QScrollBar::sub-line:horizontal:pressed, QScrollBar::sub-line:vertical:pressed {
  408. background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 #467dd1, stop:0.5 #3b88fc, stop:1 #467dd1);
  409. }
  410. QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal, QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
  411. background: none;
  412. }
  413. QScrollBar::up-arrow:vertical {
  414. image: url(/usr/share/icons/Adwaita/16x16/actions/go-up-symbolic.symbolic.png);
  415. }
  416. QScrollBar::down-arrow:vertical {
  417. image: url(/usr/share/icons/Adwaita/16x16/actions/go-down-symbolic.symbolic.png);
  418. }
  419. QScrollBar::left-arrow:horizontal {
  420. image: url(/usr/share/icons/Adwaita/16x16/actions/go-previous-symbolic.symbolic.png);
  421. }
  422. QScrollBar::right-arrow:horizontal {
  423. image: url(/usr/share/icons/Adwaita/16x16/actions/go-next-symbolic.symbolic.png);
  424. }