You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

496 lines
14 KiB

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