style.qss 58 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504
  1. /* ---------------------------------------------------------------------------
  2. Created by the qtsass compiler v0.1.1
  3. The definitions are in the "qdarkstyle.qss._styles.scss" module
  4. WARNING! All changes made in this file will be lost!
  5. --------------------------------------------------------------------------- */
  6. /* QDarkStyleSheet -----------------------------------------------------------
  7. This is the main style sheet, the palette has nine colors.
  8. It is based on three selecting colors, three greyish (background) colors
  9. plus three whitish (foreground) colors. Each set of widgets of the same
  10. type have a header like this:
  11. ------------------
  12. GroupName --------
  13. ------------------
  14. And each widget is separated with a header like this:
  15. QWidgetName ------
  16. This makes more easy to find and change some css field. The basic
  17. configuration is described bellow.
  18. BACKGROUND -----------
  19. Light (unpressed)
  20. Normal (border, disabled, pressed, checked, toolbars, menus)
  21. Dark (background)
  22. FOREGROUND -----------
  23. Light (texts/labels)
  24. Normal (not used yet)
  25. Dark (disabled texts)
  26. SELECTION ------------
  27. Light (selection/hover/active)
  28. Normal (selected)
  29. Dark (selected disabled)
  30. If a stranger configuration is required because of a bugfix or anything
  31. else, keep the comment on the line above so nobody changes it, including the
  32. issue number.
  33. */
  34. /*
  35. See Qt documentation:
  36. - https://doc.qt.io/qt-5/stylesheet.html
  37. - https://doc.qt.io/qt-5/stylesheet-reference.html
  38. - https://doc.qt.io/qt-5/stylesheet-examples.html
  39. --------------------------------------------------------------------------- */
  40. /* QWidget ----------------------------------------------------------------
  41. --------------------------------------------------------------------------- */
  42. QWidget {
  43. background-color: #19232D;
  44. border: 0px solid #32414B;
  45. padding: 0px;
  46. color: #F0F0F0;
  47. selection-background-color: #1464A0;
  48. selection-color: #F0F0F0;
  49. }
  50. QWidget:disabled {
  51. background-color: #19232D;
  52. color: #787878;
  53. selection-background-color: #14506E;
  54. selection-color: #787878;
  55. }
  56. QWidget::item:selected {
  57. background-color: #1464A0;
  58. }
  59. QWidget::item:hover {
  60. background-color: #148CD2;
  61. color: #32414B;
  62. }
  63. /* QMainWindow ------------------------------------------------------------
  64. This adjusts the splitter in the dock widget, not qsplitter
  65. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qmainwindow
  66. --------------------------------------------------------------------------- */
  67. QMainWindow::separator {
  68. background-color: #32414B;
  69. border: 0px solid #19232D;
  70. spacing: 0px;
  71. padding: 2px;
  72. }
  73. QMainWindow::separator:hover {
  74. background-color: #505F69;
  75. border: 0px solid #148CD2;
  76. }
  77. QMainWindow::separator:horizontal {
  78. width: 5px;
  79. margin-top: 2px;
  80. margin-bottom: 2px;
  81. image: url(":/qss_icons/rc/toolbar_separator_vertical.png");
  82. }
  83. QMainWindow::separator:vertical {
  84. height: 5px;
  85. margin-left: 2px;
  86. margin-right: 2px;
  87. image: url(":/qss_icons/rc/toolbar_separator_horizontal.png");
  88. }
  89. /* QToolTip ---------------------------------------------------------------
  90. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtooltip
  91. --------------------------------------------------------------------------- */
  92. QToolTip {
  93. background-color: #148CD2;
  94. border: 1px solid #19232D;
  95. color: #19232D;
  96. /* Remove padding, for fix combo box tooltip */
  97. padding: 0px;
  98. /* Remove opacity, fix #174 - may need to use RGBA */
  99. }
  100. /* QStatusBar -------------------------------------------------------------
  101. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qstatusbar
  102. --------------------------------------------------------------------------- */
  103. QStatusBar {
  104. background: #32414B;
  105. /* Fixes #205, white vertical borders separating items */
  106. }
  107. QStatusBar::item {
  108. border: none;
  109. }
  110. QStatusBar QToolTip {
  111. background-color: #148CD2;
  112. border: 1px solid #19232D;
  113. color: #19232D;
  114. /* Remove padding, for fix combo box tooltip */
  115. padding: 0px;
  116. /* Reducing transparency to read better */
  117. opacity: 230;
  118. }
  119. QStatusBar QLabel {
  120. /* Fixes Spyder #9120, #9121 */
  121. background: transparent;
  122. padding: 0px;
  123. }
  124. /* QCheckBox --------------------------------------------------------------
  125. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qcheckbox
  126. --------------------------------------------------------------------------- */
  127. QCheckBox {
  128. background-color: #19232D;
  129. color: #F0F0F0;
  130. spacing: 4px;
  131. outline: none;
  132. padding-top: 4px;
  133. padding-bottom: 4px;
  134. }
  135. QCheckBox:focus {
  136. border: none;
  137. }
  138. QCheckBox QWidget:disabled {
  139. background-color: #19232D;
  140. color: #787878;
  141. }
  142. QCheckBox::indicator {
  143. margin-left: 4px;
  144. height: 16px;
  145. width: 16px;
  146. }
  147. QCheckBox::indicator:unchecked {
  148. image: url(":/qss_icons/rc/checkbox_unchecked.png");
  149. }
  150. QCheckBox::indicator:unchecked:hover, QCheckBox::indicator:unchecked:focus, QCheckBox::indicator:unchecked:pressed {
  151. border: none;
  152. image: url(":/qss_icons/rc/checkbox_unchecked_focus.png");
  153. }
  154. QCheckBox::indicator:unchecked:disabled {
  155. image: url(":/qss_icons/rc/checkbox_unchecked_disabled.png");
  156. }
  157. QCheckBox::indicator:checked {
  158. image: url(":/qss_icons/rc/checkbox_checked.png");
  159. }
  160. QCheckBox::indicator:checked:hover, QCheckBox::indicator:checked:focus, QCheckBox::indicator:checked:pressed {
  161. border: none;
  162. image: url(":/qss_icons/rc/checkbox_checked_focus.png");
  163. }
  164. QCheckBox::indicator:checked:disabled {
  165. image: url(":/qss_icons/rc/checkbox_checked_disabled.png");
  166. }
  167. QCheckBox::indicator:indeterminate {
  168. image: url(":/qss_icons/rc/checkbox_indeterminate.png");
  169. }
  170. QCheckBox::indicator:indeterminate:disabled {
  171. image: url(":/qss_icons/rc/checkbox_indeterminate_disabled.png");
  172. }
  173. QCheckBox::indicator:indeterminate:focus, QCheckBox::indicator:indeterminate:hover, QCheckBox::indicator:indeterminate:pressed {
  174. image: url(":/qss_icons/rc/checkbox_indeterminate_focus.png");
  175. }
  176. /* QGroupBox --------------------------------------------------------------
  177. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qgroupbox
  178. --------------------------------------------------------------------------- */
  179. QGroupBox {
  180. font-weight: bold;
  181. border: 1px solid #32414B;
  182. border-radius: 4px;
  183. margin-top: 12px;
  184. padding: 4px;
  185. }
  186. QGroupBox::title {
  187. subcontrol-origin: margin;
  188. subcontrol-position: top left;
  189. padding-left: 3px;
  190. padding-right: 5px;
  191. padding-top: 4px;
  192. }
  193. QGroupBox::indicator {
  194. margin-left: 2px;
  195. height: 16px;
  196. width: 16px;
  197. }
  198. QGroupBox::indicator:unchecked {
  199. border: none;
  200. image: url(":/qss_icons/rc/checkbox_unchecked.png");
  201. }
  202. QGroupBox::indicator:unchecked:hover, QGroupBox::indicator:unchecked:focus, QGroupBox::indicator:unchecked:pressed {
  203. border: none;
  204. image: url(":/qss_icons/rc/checkbox_unchecked_focus.png");
  205. }
  206. QGroupBox::indicator:unchecked:disabled {
  207. image: url(":/qss_icons/rc/checkbox_unchecked_disabled.png");
  208. }
  209. QGroupBox::indicator:checked {
  210. border: none;
  211. image: url(":/qss_icons/rc/checkbox_checked.png");
  212. }
  213. QGroupBox::indicator:checked:hover, QGroupBox::indicator:checked:focus, QGroupBox::indicator:checked:pressed {
  214. border: none;
  215. image: url(":/qss_icons/rc/checkbox_checked_focus.png");
  216. }
  217. QGroupBox::indicator:checked:disabled {
  218. image: url(":/qss_icons/rc/checkbox_checked_disabled.png");
  219. }
  220. /* QRadioButton -----------------------------------------------------------
  221. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qradiobutton
  222. --------------------------------------------------------------------------- */
  223. QRadioButton {
  224. background-color: #19232D;
  225. color: #F0F0F0;
  226. spacing: 4px;
  227. padding: 0px;
  228. border: none;
  229. outline: none;
  230. }
  231. QRadioButton:focus {
  232. border: none;
  233. }
  234. QRadioButton:disabled {
  235. background-color: #19232D;
  236. color: #787878;
  237. border: none;
  238. outline: none;
  239. }
  240. QRadioButton QWidget {
  241. background-color: #19232D;
  242. color: #F0F0F0;
  243. spacing: 0px;
  244. padding: 0px;
  245. outline: none;
  246. border: none;
  247. }
  248. QRadioButton::indicator {
  249. border: none;
  250. outline: none;
  251. margin-left: 4px;
  252. height: 16px;
  253. width: 16px;
  254. }
  255. QRadioButton::indicator:unchecked {
  256. image: url(":/qss_icons/rc/radio_unchecked.png");
  257. }
  258. QRadioButton::indicator:unchecked:hover, QRadioButton::indicator:unchecked:focus, QRadioButton::indicator:unchecked:pressed {
  259. border: none;
  260. outline: none;
  261. image: url(":/qss_icons/rc/radio_unchecked_focus.png");
  262. }
  263. QRadioButton::indicator:unchecked:disabled {
  264. image: url(":/qss_icons/rc/radio_unchecked_disabled.png");
  265. }
  266. QRadioButton::indicator:checked {
  267. border: none;
  268. outline: none;
  269. image: url(":/qss_icons/rc/radio_checked.png");
  270. }
  271. QRadioButton::indicator:checked:hover, QRadioButton::indicator:checked:focus, QRadioButton::indicator:checked:pressed {
  272. border: none;
  273. outline: none;
  274. image: url(":/qss_icons/rc/radio_checked_focus.png");
  275. }
  276. QRadioButton::indicator:checked:disabled {
  277. outline: none;
  278. image: url(":/qss_icons/rc/radio_checked_disabled.png");
  279. }
  280. /* QMenuBar ---------------------------------------------------------------
  281. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qmenubar
  282. --------------------------------------------------------------------------- */
  283. QMenuBar {
  284. background-color: #32414B;
  285. color: #F0F0F0;
  286. }
  287. QMenuBar::item {
  288. background: transparent;
  289. }
  290. QMenuBar::item:selected {
  291. background: transparent;
  292. border: 0px solid #32414B;
  293. }
  294. QMenuBar::item:pressed {
  295. border: 0px solid #32414B;
  296. background-color: #148CD2;
  297. color: #F0F0F0;
  298. margin-bottom: 0px;
  299. padding-bottom: 0px;
  300. }
  301. /* QMenu ------------------------------------------------------------------
  302. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qmenu
  303. --------------------------------------------------------------------------- */
  304. QMenu {
  305. border: 0px solid #32414B;
  306. color: #F0F0F0;
  307. margin: 0px;
  308. }
  309. QMenu::separator {
  310. height: 1px;
  311. background-color: #505F69;
  312. color: #F0F0F0;
  313. }
  314. QMenu::icon {
  315. margin: 0px;
  316. padding-left: 8px;
  317. }
  318. QMenu::item {
  319. background-color: #32414B;
  320. padding: 4px 24px 4px 24px;
  321. /* Reserve space for selection border */
  322. border: 1px transparent #32414B;
  323. }
  324. QMenu::item:selected {
  325. color: #F0F0F0;
  326. }
  327. QMenu::indicator {
  328. width: 12px;
  329. height: 12px;
  330. padding-left: 6px;
  331. /* non-exclusive indicator = check box style indicator (see QActionGroup::setExclusive) */
  332. /* exclusive indicator = radio button style indicator (see QActionGroup::setExclusive) */
  333. }
  334. QMenu::indicator:non-exclusive:unchecked {
  335. image: url(":/qss_icons/rc/checkbox_unchecked.png");
  336. }
  337. QMenu::indicator:non-exclusive:unchecked:selected {
  338. image: url(":/qss_icons/rc/checkbox_unchecked_disabled.png");
  339. }
  340. QMenu::indicator:non-exclusive:checked {
  341. image: url(":/qss_icons/rc/checkbox_checked.png");
  342. }
  343. QMenu::indicator:non-exclusive:checked:selected {
  344. image: url(":/qss_icons/rc/checkbox_checked_disabled.png");
  345. }
  346. QMenu::indicator:exclusive:unchecked {
  347. image: url(":/qss_icons/rc/radio_unchecked.png");
  348. }
  349. QMenu::indicator:exclusive:unchecked:selected {
  350. image: url(":/qss_icons/rc/radio_unchecked_disabled.png");
  351. }
  352. QMenu::indicator:exclusive:checked {
  353. image: url(":/qss_icons/rc/radio_checked.png");
  354. }
  355. QMenu::indicator:exclusive:checked:selected {
  356. image: url(":/qss_icons/rc/radio_checked_disabled.png");
  357. }
  358. QMenu::right-arrow {
  359. margin: 5px;
  360. image: url(":/qss_icons/rc/arrow_right.png");
  361. height: 12px;
  362. width: 12px;
  363. }
  364. /* QAbstractItemView ------------------------------------------------------
  365. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qcombobox
  366. --------------------------------------------------------------------------- */
  367. QAbstractItemView {
  368. alternate-background-color: #1f2933;
  369. color: #F0F0F0;
  370. border: 1px solid #32414B;
  371. border-radius: 4px;
  372. }
  373. QAbstractItemView QLineEdit {
  374. padding: 2px;
  375. }
  376. /* QAbstractScrollArea ----------------------------------------------------
  377. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qabstractscrollarea
  378. --------------------------------------------------------------------------- */
  379. QAbstractScrollArea {
  380. background-color: #19232D;
  381. border: 1px solid #32414B;
  382. border-radius: 4px;
  383. /* fix #159 */
  384. min-height: 1.25em;
  385. /* fix #159 */
  386. color: #F0F0F0;
  387. }
  388. QAbstractScrollArea:disabled {
  389. color: #787878;
  390. }
  391. /* QScrollArea ------------------------------------------------------------
  392. --------------------------------------------------------------------------- */
  393. QScrollArea QWidget QWidget:disabled {
  394. background-color: #19232D;
  395. }
  396. /* QScrollBar -------------------------------------------------------------
  397. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qscrollbar
  398. --------------------------------------------------------------------------- */
  399. QScrollBar:horizontal {
  400. height: 16px;
  401. margin: 2px 16px 2px 16px;
  402. border: 1px solid #32414B;
  403. border-radius: 4px;
  404. background-color: #19232D;
  405. }
  406. QScrollBar:vertical {
  407. background-color: #19232D;
  408. width: 16px;
  409. margin: 16px 2px 16px 2px;
  410. border: 1px solid #32414B;
  411. border-radius: 4px;
  412. }
  413. QScrollBar::handle:horizontal {
  414. background-color: #787878;
  415. border: 1px solid #32414B;
  416. border-radius: 4px;
  417. min-width: 8px;
  418. }
  419. QScrollBar::handle:horizontal:hover {
  420. background-color: #148CD2;
  421. border: 1px solid #148CD2;
  422. border-radius: 4px;
  423. min-width: 8px;
  424. }
  425. QScrollBar::handle:horizontal:focus {
  426. border: 1px solid #1464A0;
  427. }
  428. QScrollBar::handle:vertical {
  429. background-color: #787878;
  430. border: 1px solid #32414B;
  431. min-height: 8px;
  432. border-radius: 4px;
  433. }
  434. QScrollBar::handle:vertical:hover {
  435. background-color: #148CD2;
  436. border: 1px solid #148CD2;
  437. border-radius: 4px;
  438. min-height: 8px;
  439. }
  440. QScrollBar::handle:vertical:focus {
  441. border: 1px solid #1464A0;
  442. }
  443. QScrollBar::add-line:horizontal {
  444. margin: 0px 0px 0px 0px;
  445. border-image: url(":/qss_icons/rc/arrow_right_disabled.png");
  446. height: 12px;
  447. width: 12px;
  448. subcontrol-position: right;
  449. subcontrol-origin: margin;
  450. }
  451. QScrollBar::add-line:horizontal:hover, QScrollBar::add-line:horizontal:on {
  452. border-image: url(":/qss_icons/rc/arrow_right.png");
  453. height: 12px;
  454. width: 12px;
  455. subcontrol-position: right;
  456. subcontrol-origin: margin;
  457. }
  458. QScrollBar::add-line:vertical {
  459. margin: 3px 0px 3px 0px;
  460. border-image: url(":/qss_icons/rc/arrow_down_disabled.png");
  461. height: 12px;
  462. width: 12px;
  463. subcontrol-position: bottom;
  464. subcontrol-origin: margin;
  465. }
  466. QScrollBar::add-line:vertical:hover, QScrollBar::add-line:vertical:on {
  467. border-image: url(":/qss_icons/rc/arrow_down.png");
  468. height: 12px;
  469. width: 12px;
  470. subcontrol-position: bottom;
  471. subcontrol-origin: margin;
  472. }
  473. QScrollBar::sub-line:horizontal {
  474. margin: 0px 3px 0px 3px;
  475. border-image: url(":/qss_icons/rc/arrow_left_disabled.png");
  476. height: 12px;
  477. width: 12px;
  478. subcontrol-position: left;
  479. subcontrol-origin: margin;
  480. }
  481. QScrollBar::sub-line:horizontal:hover, QScrollBar::sub-line:horizontal:on {
  482. border-image: url(":/qss_icons/rc/arrow_left.png");
  483. height: 12px;
  484. width: 12px;
  485. subcontrol-position: left;
  486. subcontrol-origin: margin;
  487. }
  488. QScrollBar::sub-line:vertical {
  489. margin: 3px 0px 3px 0px;
  490. border-image: url(":/qss_icons/rc/arrow_up_disabled.png");
  491. height: 12px;
  492. width: 12px;
  493. subcontrol-position: top;
  494. subcontrol-origin: margin;
  495. }
  496. QScrollBar::sub-line:vertical:hover, QScrollBar::sub-line:vertical:on {
  497. border-image: url(":/qss_icons/rc/arrow_up.png");
  498. height: 12px;
  499. width: 12px;
  500. subcontrol-position: top;
  501. subcontrol-origin: margin;
  502. }
  503. QScrollBar::up-arrow:horizontal, QScrollBar::down-arrow:horizontal {
  504. background: none;
  505. }
  506. QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical {
  507. background: none;
  508. }
  509. QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
  510. background: none;
  511. }
  512. QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
  513. background: none;
  514. }
  515. /* QTextEdit --------------------------------------------------------------
  516. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-specific-widgets
  517. --------------------------------------------------------------------------- */
  518. QTextEdit {
  519. background-color: #19232D;
  520. color: #F0F0F0;
  521. border-radius: 4px;
  522. border: 1px solid #32414B;
  523. }
  524. QTextEdit:hover {
  525. border: 1px solid #148CD2;
  526. color: #F0F0F0;
  527. }
  528. QTextEdit:focus {
  529. border: 1px solid #1464A0;
  530. }
  531. QTextEdit:selected {
  532. background: #1464A0;
  533. color: #32414B;
  534. }
  535. /* QPlainTextEdit ---------------------------------------------------------
  536. --------------------------------------------------------------------------- */
  537. QPlainTextEdit {
  538. background-color: #19232D;
  539. color: #F0F0F0;
  540. border-radius: 4px;
  541. border: 1px solid #32414B;
  542. }
  543. QPlainTextEdit:hover {
  544. border: 1px solid #148CD2;
  545. color: #F0F0F0;
  546. }
  547. QPlainTextEdit:focus {
  548. border: 1px solid #1464A0;
  549. }
  550. QPlainTextEdit:selected {
  551. background: #1464A0;
  552. color: #32414B;
  553. }
  554. /* QSizeGrip --------------------------------------------------------------
  555. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qsizegrip
  556. --------------------------------------------------------------------------- */
  557. QSizeGrip {
  558. background: transparent;
  559. width: 12px;
  560. height: 12px;
  561. image: url(":/qss_icons/rc/window_grip.png");
  562. }
  563. /* QStackedWidget ---------------------------------------------------------
  564. --------------------------------------------------------------------------- */
  565. QStackedWidget {
  566. padding: 2px;
  567. border: 1px solid #32414B;
  568. border: 1px solid #19232D;
  569. }
  570. /* QToolBar ---------------------------------------------------------------
  571. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtoolbar
  572. --------------------------------------------------------------------------- */
  573. QToolBar {
  574. background-color: #32414B;
  575. border-bottom: 1px solid #19232D;
  576. padding: 2px;
  577. font-weight: bold;
  578. spacing: 2px;
  579. }
  580. QToolBar QToolButton {
  581. background-color: #32414B;
  582. border: 1px solid #32414B;
  583. }
  584. QToolBar QToolButton:hover {
  585. border: 1px solid #148CD2;
  586. }
  587. QToolBar QToolButton:checked {
  588. border: 1px solid #19232D;
  589. background-color: #19232D;
  590. }
  591. QToolBar QToolButton:checked:hover {
  592. border: 1px solid #148CD2;
  593. }
  594. QToolBar::handle:horizontal {
  595. width: 16px;
  596. image: url(":/qss_icons/rc/toolbar_move_horizontal.png");
  597. }
  598. QToolBar::handle:vertical {
  599. height: 16px;
  600. image: url(":/qss_icons/rc/toolbar_move_vertical.png");
  601. }
  602. QToolBar::separator:horizontal {
  603. width: 16px;
  604. image: url(":/qss_icons/rc/toolbar_separator_horizontal.png");
  605. }
  606. QToolBar::separator:vertical {
  607. height: 16px;
  608. image: url(":/qss_icons/rc/toolbar_separator_vertical.png");
  609. }
  610. QToolButton#qt_toolbar_ext_button {
  611. background: #32414B;
  612. border: 0px;
  613. color: #F0F0F0;
  614. image: url(":/qss_icons/rc/arrow_right.png");
  615. }
  616. /* QAbstractSpinBox -------------------------------------------------------
  617. --------------------------------------------------------------------------- */
  618. QAbstractSpinBox {
  619. background-color: #19232D;
  620. border: 1px solid #32414B;
  621. color: #F0F0F0;
  622. /* This fixes 103, 111 */
  623. padding-top: 2px;
  624. /* This fixes 103, 111 */
  625. padding-bottom: 2px;
  626. padding-left: 4px;
  627. padding-right: 4px;
  628. border-radius: 4px;
  629. /* min-width: 5px; removed to fix 109 */
  630. }
  631. QAbstractSpinBox:up-button {
  632. background-color: #505F69;
  633. subcontrol-origin: border;
  634. subcontrol-position: top right;
  635. border-left: 1px solid #32414B;
  636. border-top: 1px solid #32414B;
  637. border-right: 1px solid #32414B;
  638. border-top-right-radius: 4px;
  639. border-top-left-radius: 0;
  640. border-bottom-left-radius: 0;
  641. margin: 0px;
  642. width: 12px;
  643. margin-bottom: 0px;
  644. }
  645. QAbstractSpinBox::up-arrow, QAbstractSpinBox::up-arrow:disabled, QAbstractSpinBox::up-arrow:off {
  646. image: url(":/qss_icons/rc/up_arrow.png");
  647. height: 8px;
  648. width: 8px;
  649. }
  650. QAbstractSpinBox::up-arrow:hover {
  651. image: url(":/qss_icons/rc/arrow_up.png");
  652. }
  653. QAbstractSpinBox:down-button {
  654. background-color: #505F69;
  655. subcontrol-origin: border;
  656. subcontrol-position: bottom right;
  657. border-left: 1px solid #32414B;
  658. border-right: 1px solid #32414B;
  659. border-bottom: 1px solid #32414B;
  660. border-top: 1px solid #32414B;
  661. border-top-left-radius: 0;
  662. border-bottom-left-radius: 0;
  663. border-bottom-right-radius: 4px;
  664. margin: 0px;
  665. width: 12px;
  666. margin-top: 0px;
  667. }
  668. QAbstractSpinBox::down-arrow, QAbstractSpinBox::down-arrow:disabled, QAbstractSpinBox::down-arrow:off {
  669. image: url(":/qss_icons/rc/down_arrow.png");
  670. height: 8px;
  671. width: 8px;
  672. }
  673. QAbstractSpinBox::down-arrow:hover {
  674. image: url(":/qss_icons/rc/arrow_down.png");
  675. }
  676. QAbstractSpinBox:hover {
  677. border: 1px solid #148CD2;
  678. color: #F0F0F0;
  679. }
  680. QAbstractSpinBox:focus {
  681. border: 1px solid #1464A0;
  682. }
  683. QAbstractSpinBox:selected {
  684. background: #1464A0;
  685. color: #32414B;
  686. }
  687. /* ------------------------------------------------------------------------ */
  688. /* DISPLAYS --------------------------------------------------------------- */
  689. /* ------------------------------------------------------------------------ */
  690. /* QLabel -----------------------------------------------------------------
  691. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qframe
  692. --------------------------------------------------------------------------- */
  693. QLabel {
  694. background: transparent;
  695. border: 0px solid #32414B;
  696. padding: 2px;
  697. margin: 0px;
  698. color: #F0F0F0;
  699. }
  700. QLabel:disabled {
  701. border: 0px solid #32414B;
  702. color: #787878;
  703. }
  704. /* QTextBrowser -----------------------------------------------------------
  705. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qabstractscrollarea
  706. --------------------------------------------------------------------------- */
  707. QTextBrowser {
  708. background-color: #19232D;
  709. border: 1px solid #32414B;
  710. color: #F0F0F0;
  711. border-radius: 4px;
  712. }
  713. QTextBrowser:disabled {
  714. background-color: #19232D;
  715. border: 1px solid #32414B;
  716. color: #787878;
  717. border-radius: 4px;
  718. }
  719. QTextBrowser:hover, QTextBrowser:!hover, QTextBrowser:selected, QTextBrowser:pressed {
  720. border: 1px solid #32414B;
  721. }
  722. /* QGraphicsView ----------------------------------------------------------
  723. --------------------------------------------------------------------------- */
  724. QGraphicsView {
  725. background-color: #19232D;
  726. border: 1px solid #32414B;
  727. color: #F0F0F0;
  728. border-radius: 4px;
  729. }
  730. QGraphicsView:disabled {
  731. background-color: #19232D;
  732. border: 1px solid #32414B;
  733. color: #787878;
  734. border-radius: 4px;
  735. }
  736. QGraphicsView:hover, QGraphicsView:!hover, QGraphicsView:selected, QGraphicsView:pressed {
  737. border: 1px solid #32414B;
  738. }
  739. /* QCalendarWidget --------------------------------------------------------
  740. --------------------------------------------------------------------------- */
  741. QCalendarWidget {
  742. border: 1px solid #32414B;
  743. border-radius: 4px;
  744. }
  745. QCalendarWidget:disabled {
  746. background-color: #19232D;
  747. color: #787878;
  748. }
  749. /* QLCDNumber -------------------------------------------------------------
  750. --------------------------------------------------------------------------- */
  751. QLCDNumber {
  752. background-color: #19232D;
  753. color: #F0F0F0;
  754. }
  755. QLCDNumber:disabled {
  756. background-color: #19232D;
  757. color: #787878;
  758. }
  759. /* QProgressBar -----------------------------------------------------------
  760. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qprogressbar
  761. --------------------------------------------------------------------------- */
  762. QProgressBar {
  763. background-color: #19232D;
  764. border: 1px solid #32414B;
  765. color: #F0F0F0;
  766. border-radius: 4px;
  767. text-align: center;
  768. }
  769. QProgressBar:disabled {
  770. background-color: #19232D;
  771. border: 1px solid #32414B;
  772. color: #787878;
  773. border-radius: 4px;
  774. text-align: center;
  775. }
  776. QProgressBar::chunk {
  777. background-color: #1464A0;
  778. color: #19232D;
  779. border-radius: 4px;
  780. }
  781. QProgressBar::chunk:disabled {
  782. background-color: #14506E;
  783. color: #787878;
  784. border-radius: 4px;
  785. }
  786. /* ------------------------------------------------------------------------ */
  787. /* BUTTONS ---------------------------------------------------------------- */
  788. /* ------------------------------------------------------------------------ */
  789. /* QPushButton ------------------------------------------------------------
  790. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qpushbutton
  791. --------------------------------------------------------------------------- */
  792. QPushButton {
  793. background-color: #505F69;
  794. border: 1px solid #32414B;
  795. color: #F0F0F0;
  796. border-radius: 4px;
  797. padding: 3px;
  798. outline: none;
  799. /* Issue #194 - Special case of QPushButton inside dialogs, for better UI */
  800. min-width: 80px;
  801. }
  802. QPushButton:disabled {
  803. background-color: #32414B;
  804. border: 1px solid #32414B;
  805. color: #787878;
  806. border-radius: 4px;
  807. padding: 3px;
  808. }
  809. QPushButton:checked {
  810. background-color: #32414B;
  811. border: 1px solid #32414B;
  812. border-radius: 4px;
  813. padding: 3px;
  814. outline: none;
  815. }
  816. QPushButton:checked:disabled {
  817. background-color: #19232D;
  818. border: 1px solid #32414B;
  819. color: #787878;
  820. border-radius: 4px;
  821. padding: 3px;
  822. outline: none;
  823. }
  824. QPushButton:checked:selected {
  825. background: #1464A0;
  826. color: #32414B;
  827. }
  828. QPushButton::menu-indicator {
  829. subcontrol-origin: padding;
  830. subcontrol-position: bottom right;
  831. bottom: 4px;
  832. }
  833. QPushButton:pressed {
  834. background-color: #19232D;
  835. border: 1px solid #19232D;
  836. }
  837. QPushButton:pressed:hover {
  838. border: 1px solid #148CD2;
  839. }
  840. QPushButton:hover {
  841. border: 1px solid #148CD2;
  842. color: #F0F0F0;
  843. }
  844. QPushButton:selected {
  845. background: #1464A0;
  846. color: #32414B;
  847. }
  848. QPushButton:hover {
  849. border: 1px solid #148CD2;
  850. color: #F0F0F0;
  851. }
  852. QPushButton:focus {
  853. border: 1px solid #1464A0;
  854. }
  855. /* QToolButton ------------------------------------------------------------
  856. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtoolbutton
  857. --------------------------------------------------------------------------- */
  858. QToolButton {
  859. background-color: transparent;
  860. border: 1px solid transparent;
  861. border-radius: 4px;
  862. margin: 0px;
  863. padding: 2px;
  864. /* The subcontrols below are used only in the DelayedPopup mode */
  865. /* The subcontrols below are used only in the MenuButtonPopup mode */
  866. /* The subcontrol below is used only in the InstantPopup or DelayedPopup mode */
  867. }
  868. QToolButton:checked {
  869. background-color: transparent;
  870. border: 1px solid #1464A0;
  871. }
  872. QToolButton:checked:disabled {
  873. border: 1px solid #14506E;
  874. }
  875. QToolButton:pressed {
  876. margin: 1px;
  877. background-color: transparent;
  878. border: 1px solid #1464A0;
  879. }
  880. QToolButton:disabled {
  881. border: none;
  882. }
  883. QToolButton:hover {
  884. border: 1px solid #148CD2;
  885. }
  886. QToolButton[popupMode="0"] {
  887. /* Only for DelayedPopup */
  888. padding-right: 2px;
  889. }
  890. QToolButton[popupMode="1"] {
  891. /* Only for MenuButtonPopup */
  892. padding-right: 20px;
  893. }
  894. QToolButton[popupMode="1"]::menu-button {
  895. border: none;
  896. }
  897. QToolButton[popupMode="1"]::menu-button:hover {
  898. border: none;
  899. border-left: 1px solid #148CD2;
  900. border-radius: 0;
  901. }
  902. QToolButton[popupMode="2"] {
  903. /* Only for InstantPopup */
  904. padding-right: 2px;
  905. }
  906. QToolButton::menu-button {
  907. padding: 2px;
  908. border-radius: 4px;
  909. border: 1px solid #32414B;
  910. width: 12px;
  911. outline: none;
  912. }
  913. QToolButton::menu-button:hover {
  914. border: 1px solid #148CD2;
  915. }
  916. QToolButton::menu-button:checked:hover {
  917. border: 1px solid #148CD2;
  918. }
  919. QToolButton::menu-indicator {
  920. image: url(":/qss_icons/rc/arrow_down.png");
  921. height: 8px;
  922. width: 8px;
  923. top: 0;
  924. /* Exclude a shift for better image */
  925. left: -2px;
  926. /* Shift it a bit */
  927. }
  928. QToolButton::menu-arrow {
  929. image: url(":/qss_icons/rc/arrow_down.png");
  930. height: 8px;
  931. width: 8px;
  932. }
  933. QToolButton::menu-arrow:hover {
  934. image: url(":/qss_icons/rc/arrow_down_focus.png");
  935. }
  936. /* QCommandLinkButton -----------------------------------------------------
  937. --------------------------------------------------------------------------- */
  938. QCommandLinkButton {
  939. background-color: transparent;
  940. border: 1px solid #32414B;
  941. color: #F0F0F0;
  942. border-radius: 4px;
  943. padding: 0px;
  944. margin: 0px;
  945. }
  946. QCommandLinkButton:disabled {
  947. background-color: transparent;
  948. color: #787878;
  949. }
  950. /* ------------------------------------------------------------------------ */
  951. /* INPUTS - NO FIELDS ----------------------------------------------------- */
  952. /* ------------------------------------------------------------------------ */
  953. /* QComboBox --------------------------------------------------------------
  954. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qcombobox
  955. --------------------------------------------------------------------------- */
  956. QComboBox {
  957. background-color: #0f1922;
  958. border: 1px solid #32414B;
  959. border-radius: 4px;
  960. selection-background-color: #1464A0;
  961. padding-left: 4px;
  962. padding-right: 36px;
  963. /* 4 + 16*2 See scrollbar size */
  964. /* Fixes #103, #111 */
  965. min-height: 1.5em;
  966. /* padding-top: 2px; removed to fix #132 */
  967. /* padding-bottom: 2px; removed to fix #132 */
  968. /* min-width: 75px; removed to fix #109 */
  969. /* Needed to remove indicator - fix #132 */
  970. }
  971. QComboBox QAbstractItemView {
  972. border: 1px solid #32414B;
  973. border-radius: 0;
  974. background-color: #0f1922;
  975. selection-background-color: #1464A0;
  976. }
  977. QComboBox QAbstractItemView:hover {
  978. background-color: #19232D;
  979. color: #F0F0F0;
  980. }
  981. QComboBox QAbstractItemView:selected {
  982. background: #1464A0;
  983. color: #32414B;
  984. }
  985. QComboBox QAbstractItemView:alternate {
  986. background: #19232D;
  987. }
  988. QComboBox:disabled {
  989. background-color: #19232D;
  990. color: #787878;
  991. }
  992. QComboBox:hover {
  993. border: 1px solid #148CD2;
  994. }
  995. QComboBox:focus {
  996. border: 1px solid #1464A0;
  997. }
  998. QComboBox:on {
  999. selection-background-color: #1464A0;
  1000. }
  1001. QComboBox::indicator {
  1002. border: none;
  1003. border-radius: 0;
  1004. background-color: transparent;
  1005. selection-background-color: transparent;
  1006. color: transparent;
  1007. selection-color: transparent;
  1008. /* Needed to remove indicator - fix #132 */
  1009. }
  1010. QComboBox::indicator:alternate {
  1011. background: #19232D;
  1012. }
  1013. QComboBox::item:alternate {
  1014. background: #19232D;
  1015. }
  1016. QComboBox::item:checked {
  1017. font-weight: bold;
  1018. }
  1019. QComboBox::item:selected {
  1020. border: 0px solid transparent;
  1021. }
  1022. QComboBox::drop-down {
  1023. subcontrol-origin: padding;
  1024. subcontrol-position: top right;
  1025. width: 12px;
  1026. border-left: 1px solid #32414B;
  1027. }
  1028. QComboBox::down-arrow {
  1029. image: url(":/qss_icons/rc/down_arrow.png");
  1030. background-color: #505F69;
  1031. padding: 6px 2px;
  1032. border: 1px solid #32414B;
  1033. border-top-right-radius: 4px;
  1034. border-bottom-right-radius: 4px;
  1035. height: 8px;
  1036. width: 8px;
  1037. }
  1038. QComboBox::down-arrow:on, QComboBox::down-arrow:hover, QComboBox::down-arrow:focus {
  1039. image: url(":/qss_icons/rc/arrow_down.png");
  1040. }
  1041. /* QSlider ----------------------------------------------------------------
  1042. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qslider
  1043. --------------------------------------------------------------------------- */
  1044. QSlider:disabled {
  1045. background: #19232D;
  1046. }
  1047. QSlider:focus {
  1048. border: none;
  1049. }
  1050. QSlider::groove:horizontal {
  1051. background: #32414B;
  1052. border: 1px solid #32414B;
  1053. height: 4px;
  1054. margin: 0px;
  1055. border-radius: 4px;
  1056. }
  1057. QSlider::groove:vertical {
  1058. background: #32414B;
  1059. border: 1px solid #32414B;
  1060. width: 4px;
  1061. margin: 0px;
  1062. border-radius: 4px;
  1063. }
  1064. QSlider::add-page:vertical {
  1065. background: #1464A0;
  1066. border: 1px solid #32414B;
  1067. width: 4px;
  1068. margin: 0px;
  1069. border-radius: 4px;
  1070. }
  1071. QSlider::add-page:vertical :disabled {
  1072. background: #14506E;
  1073. }
  1074. QSlider::sub-page:horizontal {
  1075. background: #1464A0;
  1076. border: 1px solid #32414B;
  1077. height: 4px;
  1078. margin: 0px;
  1079. border-radius: 4px;
  1080. }
  1081. QSlider::sub-page:horizontal:disabled {
  1082. background: #14506E;
  1083. }
  1084. QSlider::handle:horizontal {
  1085. background: #787878;
  1086. border: 1px solid #32414B;
  1087. width: 8px;
  1088. height: 8px;
  1089. margin: -8px 0px;
  1090. border-radius: 4px;
  1091. }
  1092. QSlider::handle:horizontal:hover {
  1093. background: #148CD2;
  1094. border: 1px solid #148CD2;
  1095. }
  1096. QSlider::handle:horizontal:focus {
  1097. border: 1px solid #1464A0;
  1098. }
  1099. QSlider::handle:vertical {
  1100. background: #787878;
  1101. border: 1px solid #32414B;
  1102. width: 8px;
  1103. height: 8px;
  1104. margin: 0 -8px;
  1105. border-radius: 4px;
  1106. }
  1107. QSlider::handle:vertical:hover {
  1108. background: #148CD2;
  1109. border: 1px solid #148CD2;
  1110. }
  1111. QSlider::handle:vertical:focus {
  1112. border: 1px solid #1464A0;
  1113. }
  1114. /* QLineEdit --------------------------------------------------------------
  1115. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qlineedit
  1116. --------------------------------------------------------------------------- */
  1117. QLineEdit {
  1118. background-color: #19232D;
  1119. padding-top: 2px;
  1120. /* This QLineEdit fix 103, 111 */
  1121. padding-bottom: 2px;
  1122. /* This QLineEdit fix 103, 111 */
  1123. padding-left: 4px;
  1124. padding-right: 4px;
  1125. border-style: solid;
  1126. border: 1px solid #32414B;
  1127. border-radius: 4px;
  1128. color: #F0F0F0;
  1129. }
  1130. QLineEdit:disabled {
  1131. background-color: #19232D;
  1132. color: #787878;
  1133. }
  1134. QLineEdit:hover {
  1135. border: 1px solid #148CD2;
  1136. color: #F0F0F0;
  1137. }
  1138. QLineEdit:focus {
  1139. border: 1px solid #1464A0;
  1140. }
  1141. QLineEdit:selected {
  1142. background-color: #1464A0;
  1143. color: #32414B;
  1144. }
  1145. /* QTabWiget --------------------------------------------------------------
  1146. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtabwidget-and-qtabbar
  1147. --------------------------------------------------------------------------- */
  1148. QTabWidget {
  1149. padding: 2px;
  1150. selection-background-color: #32414B;
  1151. }
  1152. QTabWidget QWidget {
  1153. /* Fixes #189 */
  1154. border-radius: 4px;
  1155. }
  1156. QTabWidget::pane {
  1157. border: 1px solid #32414B;
  1158. border-radius: 4px;
  1159. margin: 0px;
  1160. /* Fixes double border inside pane with pyqt5 */
  1161. padding: 0px;
  1162. }
  1163. QTabWidget::pane:selected {
  1164. background-color: #32414B;
  1165. border: 1px solid #1464A0;
  1166. }
  1167. /* QTabBar ----------------------------------------------------------------
  1168. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtabwidget-and-qtabbar
  1169. --------------------------------------------------------------------------- */
  1170. QTabBar {
  1171. qproperty-drawBase: 0;
  1172. border-radius: 4px;
  1173. margin: 0px;
  1174. padding: 2px;
  1175. border: 0;
  1176. /* left: 5px; move to the right by 5px - removed for fix */
  1177. }
  1178. QTabBar::close-button {
  1179. border: 0;
  1180. margin: 2px;
  1181. padding: 2px;
  1182. image: url(":/qss_icons/rc/window_close.png");
  1183. }
  1184. QTabBar::close-button:hover {
  1185. image: url(":/qss_icons/rc/window_close_focus.png");
  1186. }
  1187. QTabBar::close-button:pressed {
  1188. image: url(":/qss_icons/rc/window_close_pressed.png");
  1189. }
  1190. /* QTabBar::tab - selected ------------------------------------------------
  1191. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtabwidget-and-qtabbar
  1192. --------------------------------------------------------------------------- */
  1193. QTabBar::tab {
  1194. /* !selected and disabled ----------------------------------------- */
  1195. /* selected ------------------------------------------------------- */
  1196. }
  1197. QTabBar::tab:top:selected:disabled {
  1198. border-bottom: 3px solid #14506E;
  1199. color: #787878;
  1200. background-color: #32414B;
  1201. }
  1202. QTabBar::tab:bottom:selected:disabled {
  1203. border-top: 3px solid #14506E;
  1204. color: #787878;
  1205. background-color: #32414B;
  1206. }
  1207. QTabBar::tab:left:selected:disabled {
  1208. border-right: 3px solid #14506E;
  1209. color: #787878;
  1210. background-color: #32414B;
  1211. }
  1212. QTabBar::tab:right:selected:disabled {
  1213. border-left: 3px solid #14506E;
  1214. color: #787878;
  1215. background-color: #32414B;
  1216. }
  1217. QTabBar::tab:top:!selected:disabled {
  1218. border-bottom: 3px solid #19232D;
  1219. color: #787878;
  1220. background-color: #19232D;
  1221. }
  1222. QTabBar::tab:bottom:!selected:disabled {
  1223. border-top: 3px solid #19232D;
  1224. color: #787878;
  1225. background-color: #19232D;
  1226. }
  1227. QTabBar::tab:left:!selected:disabled {
  1228. border-right: 3px solid #19232D;
  1229. color: #787878;
  1230. background-color: #19232D;
  1231. }
  1232. QTabBar::tab:right:!selected:disabled {
  1233. border-left: 3px solid #19232D;
  1234. color: #787878;
  1235. background-color: #19232D;
  1236. }
  1237. QTabBar::tab:top:!selected {
  1238. border-bottom: 2px solid #19232D;
  1239. margin-top: 2px;
  1240. }
  1241. QTabBar::tab:bottom:!selected {
  1242. border-top: 2px solid #19232D;
  1243. margin-bottom: 3px;
  1244. }
  1245. QTabBar::tab:left:!selected {
  1246. border-left: 2px solid #19232D;
  1247. margin-right: 2px;
  1248. }
  1249. QTabBar::tab:right:!selected {
  1250. border-right: 2px solid #19232D;
  1251. margin-left: 2px;
  1252. }
  1253. QTabBar::tab:top {
  1254. background-color: #32414B;
  1255. color: #F0F0F0;
  1256. min-width: 36px;
  1257. margin-left: 2px;
  1258. padding-left: 8px;
  1259. padding-right: 8px;
  1260. padding-top: 2px;
  1261. padding-bottom: 2px;
  1262. border-bottom: 3px solid #32414B;
  1263. border-top-left-radius: 3px;
  1264. border-top-right-radius: 3px;
  1265. }
  1266. QTabBar::tab:top:selected {
  1267. background-color: #505F69;
  1268. color: #F0F0F0;
  1269. border-bottom: 3px solid #1464A0;
  1270. border-top-left-radius: 3px;
  1271. border-top-right-radius: 3px;
  1272. }
  1273. QTabBar::tab:top:!selected:hover {
  1274. border: 1px solid #148CD2;
  1275. border-bottom: 3px solid #148CD2;
  1276. /* Fixes spyder-ide/spyder#9766 */
  1277. padding-left: 4px;
  1278. padding-right: 4px;
  1279. }
  1280. QTabBar::tab:bottom {
  1281. color: #F0F0F0;
  1282. min-width: 36px;
  1283. border-top: 3px solid #32414B;
  1284. background-color: #32414B;
  1285. margin-left: 2px;
  1286. padding-left: 8px;
  1287. padding-right: 8px;
  1288. padding-top: 2px;
  1289. padding-bottom: 2px;
  1290. border-bottom-left-radius: 3px;
  1291. border-bottom-right-radius: 3px;
  1292. }
  1293. QTabBar::tab:bottom:selected {
  1294. color: #F0F0F0;
  1295. background-color: #505F69;
  1296. border-top: 3px solid #1464A0;
  1297. border-bottom-left-radius: 3px;
  1298. border-bottom-right-radius: 3px;
  1299. }
  1300. QTabBar::tab:bottom:!selected:hover {
  1301. border: 1px solid #148CD2;
  1302. border-top: 3px solid #148CD2;
  1303. /* Fixes spyder-ide/spyder#9766 */
  1304. padding-left: 4px;
  1305. padding-right: 4px;
  1306. }
  1307. QTabBar::tab:left {
  1308. color: #F0F0F0;
  1309. background-color: #32414B;
  1310. margin-top: 2px;
  1311. padding-left: 2px;
  1312. padding-right: 2px;
  1313. padding-top: 4px;
  1314. padding-bottom: 4px;
  1315. border-top-left-radius: 3px;
  1316. border-bottom-left-radius: 3px;
  1317. min-height: 5px;
  1318. }
  1319. QTabBar::tab:left:selected {
  1320. color: #F0F0F0;
  1321. background-color: #505F69;
  1322. border-right: 3px solid #1464A0;
  1323. }
  1324. QTabBar::tab:left:!selected:hover {
  1325. border: 1px solid #148CD2;
  1326. border-right: 3px solid #148CD2;
  1327. padding: 0px;
  1328. }
  1329. QTabBar::tab:right {
  1330. color: #F0F0F0;
  1331. background-color: #32414B;
  1332. margin-top: 2px;
  1333. padding-left: 2px;
  1334. padding-right: 2px;
  1335. padding-top: 4px;
  1336. padding-bottom: 4px;
  1337. border-top-right-radius: 3px;
  1338. border-bottom-right-radius: 3px;
  1339. min-height: 5px;
  1340. }
  1341. QTabBar::tab:right:selected {
  1342. color: #F0F0F0;
  1343. background-color: #505F69;
  1344. border-left: 3px solid #1464A0;
  1345. }
  1346. QTabBar::tab:right:!selected:hover {
  1347. border: 1px solid #148CD2;
  1348. border-left: 3px solid #148CD2;
  1349. padding: 0px;
  1350. }
  1351. QTabBar QToolButton {
  1352. /* Fixes #136 */
  1353. background-color: #32414B;
  1354. height: 12px;
  1355. width: 12px;
  1356. }
  1357. QTabBar QToolButton:pressed {
  1358. background-color: #32414B;
  1359. }
  1360. QTabBar QToolButton:pressed:hover {
  1361. border: 1px solid #148CD2;
  1362. }
  1363. QTabBar QToolButton::left-arrow:enabled {
  1364. image: url(":/qss_icons/rc/arrow_left.png");
  1365. }
  1366. QTabBar QToolButton::left-arrow:disabled {
  1367. image: url(":/qss_icons/rc/arrow_left_disabled.png");
  1368. }
  1369. QTabBar QToolButton::right-arrow:enabled {
  1370. image: url(":/qss_icons/rc/arrow_right.png");
  1371. }
  1372. QTabBar QToolButton::right-arrow:disabled {
  1373. image: url(":/qss_icons/rc/arrow_right_disabled.png");
  1374. }
  1375. /* QDockWiget -------------------------------------------------------------
  1376. --------------------------------------------------------------------------- */
  1377. QDockWidget {
  1378. outline: 1px solid #32414B;
  1379. background-color: #19232D;
  1380. border: 1px solid #32414B;
  1381. border-radius: 4px;
  1382. titlebar-close-icon: url(":/qss_icons/rc/window_close.png");
  1383. titlebar-normal-icon: url(":/qss_icons/rc/window_undock.png");
  1384. }
  1385. QDockWidget::title {
  1386. /* Better size for title bar */
  1387. padding: 6px;
  1388. spacing: 4px;
  1389. border: none;
  1390. background-color: #32414B;
  1391. }
  1392. QDockWidget::close-button {
  1393. background-color: #32414B;
  1394. border-radius: 4px;
  1395. border: none;
  1396. }
  1397. QDockWidget::close-button:hover {
  1398. image: url(":/qss_icons/rc/window_close_focus.png");
  1399. }
  1400. QDockWidget::close-button:pressed {
  1401. image: url(":/qss_icons/rc/window_close_pressed.png");
  1402. }
  1403. QDockWidget::float-button {
  1404. background-color: #32414B;
  1405. border-radius: 4px;
  1406. border: none;
  1407. }
  1408. QDockWidget::float-button:hover {
  1409. image: url(":/qss_icons/rc/window_undock_focus.png");
  1410. }
  1411. QDockWidget::float-button:pressed {
  1412. image: url(":/qss_icons/rc/window_undock_pressed.png");
  1413. }
  1414. /* QTreeView QListView QTableView -----------------------------------------
  1415. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtreeview
  1416. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qlistview
  1417. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtableview
  1418. --------------------------------------------------------------------------- */
  1419. QTreeView:branch:has-children:!has-siblings:closed, QTreeView:branch:closed:has-children:has-siblings {
  1420. border-image: none;
  1421. image: url(":/qss_icons/rc/branch_closed.png");
  1422. }
  1423. QTreeView:branch:open:has-children:!has-siblings, QTreeView:branch:open:has-children:has-siblings {
  1424. border-image: none;
  1425. image: url(":/qss_icons/rc/branch_open.png");
  1426. }
  1427. QTreeView:branch:has-children:!has-siblings:closed:hover, QTreeView:branch:closed:has-children:has-siblings:hover {
  1428. image: url(":/qss_icons/rc/branch_closed_focus.png");
  1429. }
  1430. QTreeView:branch:open:has-children:!has-siblings:hover, QTreeView:branch:open:has-children:has-siblings:hover {
  1431. image: url(":/qss_icons/rc/branch_open_focus.png");
  1432. }
  1433. QTreeView::indicator:checked,
  1434. QListView::indicator:checked {
  1435. image: url(":/qss_icons/rc/checkbox_checked.png");
  1436. }
  1437. QTreeView::indicator:checked:hover, QTreeView::indicator:checked:focus, QTreeView::indicator:checked:pressed,
  1438. QListView::indicator:checked:hover,
  1439. QListView::indicator:checked:focus,
  1440. QListView::indicator:checked:pressed {
  1441. image: url(":/qss_icons/rc/checkbox_checked_focus.png");
  1442. }
  1443. QTreeView::indicator:unchecked,
  1444. QListView::indicator:unchecked {
  1445. image: url(":/qss_icons/rc/checkbox_unchecked.png");
  1446. }
  1447. QTreeView::indicator:unchecked:hover, QTreeView::indicator:unchecked:focus, QTreeView::indicator:unchecked:pressed,
  1448. QListView::indicator:unchecked:hover,
  1449. QListView::indicator:unchecked:focus,
  1450. QListView::indicator:unchecked:pressed {
  1451. image: url(":/qss_icons/rc/checkbox_unchecked_focus.png");
  1452. }
  1453. QTreeView::indicator:indeterminate,
  1454. QListView::indicator:indeterminate {
  1455. image: url(":/qss_icons/rc/checkbox_indeterminate.png");
  1456. }
  1457. QTreeView::indicator:indeterminate:hover, QTreeView::indicator:indeterminate:focus, QTreeView::indicator:indeterminate:pressed,
  1458. QListView::indicator:indeterminate:hover,
  1459. QListView::indicator:indeterminate:focus,
  1460. QListView::indicator:indeterminate:pressed {
  1461. image: url(":/qss_icons/rc/checkbox_indeterminate_focus.png");
  1462. }
  1463. QTreeView,
  1464. QListView,
  1465. QTableView,
  1466. QColumnView {
  1467. background-color: #19232D;
  1468. border: 1px solid #32414B;
  1469. color: #F0F0F0;
  1470. gridline-color: #32414B;
  1471. border-radius: 4px;
  1472. }
  1473. QTreeView:disabled,
  1474. QListView:disabled,
  1475. QTableView:disabled,
  1476. QColumnView:disabled {
  1477. background-color: #19232D;
  1478. color: #787878;
  1479. }
  1480. QTreeView:selected,
  1481. QListView:selected,
  1482. QTableView:selected,
  1483. QColumnView:selected {
  1484. background-color: #1464A0;
  1485. color: #32414B;
  1486. }
  1487. QTreeView:hover,
  1488. QListView:hover,
  1489. QTableView:hover,
  1490. QColumnView:hover {
  1491. background-color: #19232D;
  1492. border: 1px solid #148CD2;
  1493. }
  1494. QTreeView::item:pressed,
  1495. QListView::item:pressed,
  1496. QTableView::item:pressed,
  1497. QColumnView::item:pressed {
  1498. background-color: #1464A0;
  1499. }
  1500. QTreeView::item:selected:hover,
  1501. QListView::item:selected:hover,
  1502. QTableView::item:selected:hover,
  1503. QColumnView::item:selected:hover {
  1504. background: #1464A0;
  1505. color: #19232D;
  1506. }
  1507. QTreeView::item:selected:active,
  1508. QListView::item:selected:active,
  1509. QTableView::item:selected:active,
  1510. QColumnView::item:selected:active {
  1511. background-color: #1464A0;
  1512. }
  1513. QTreeView::item:!selected:hover,
  1514. QListView::item:!selected:hover,
  1515. QTableView::item:!selected:hover,
  1516. QColumnView::item:!selected:hover {
  1517. outline: 0;
  1518. color: #148CD2;
  1519. background-color: #32414B;
  1520. }
  1521. QTableCornerButton::section {
  1522. background-color: #19232D;
  1523. border: 1px transparent #32414B;
  1524. border-radius: 0px;
  1525. }
  1526. /* QHeaderView ------------------------------------------------------------
  1527. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qheaderview
  1528. --------------------------------------------------------------------------- */
  1529. QHeaderView {
  1530. background-color: #19232D;
  1531. border: 0px transparent #19232D;
  1532. padding: 0px;
  1533. margin: 0px;
  1534. border-radius: 0px;
  1535. }
  1536. QHeaderView:disabled {
  1537. background-color: #19232D;
  1538. border: 1px transparent #19232D;
  1539. padding: 2px;
  1540. }
  1541. QHeaderView::section {
  1542. background-color: #19232D;
  1543. color: #F0F0F0;
  1544. padding: 2px;
  1545. border-radius: 0px;
  1546. text-align: left;
  1547. }
  1548. QHeaderView::section:checked {
  1549. color: #F0F0F0;
  1550. background-color: #1464A0;
  1551. }
  1552. QHeaderView::section:checked:disabled {
  1553. color: #787878;
  1554. background-color: #14506E;
  1555. }
  1556. QHeaderView::section::horizontal {
  1557. padding-left: 4px;
  1558. padding-right: 4px;
  1559. border-left: 1px solid #32414B;
  1560. }
  1561. QHeaderView::section::horizontal::first, QHeaderView::section::horizontal::only-one {
  1562. border-left: 1px solid #19232D;
  1563. }
  1564. QHeaderView::section::horizontal:disabled {
  1565. color: #787878;
  1566. }
  1567. QHeaderView::section::vertical {
  1568. padding-left: 4px;
  1569. padding-right: 4px;
  1570. border-top: 1px solid #32414B;
  1571. }
  1572. QHeaderView::section::vertical::first, QHeaderView::section::vertical::only-one {
  1573. border-top: 1px solid #32414B;
  1574. }
  1575. QHeaderView::section::vertical:disabled {
  1576. color: #787878;
  1577. }
  1578. QHeaderView::down-arrow {
  1579. /* Those settings (border/width/height/background-color) solve bug */
  1580. /* transparent arrow background and size */
  1581. background-color: #19232D;
  1582. border: none;
  1583. height: 12px;
  1584. width: 12px;
  1585. padding-left: 2px;
  1586. padding-right: 2px;
  1587. image: url(":/qss_icons/rc/arrow_down.png");
  1588. }
  1589. QHeaderView::up-arrow {
  1590. background-color: #19232D;
  1591. border: none;
  1592. height: 12px;
  1593. width: 12px;
  1594. padding-left: 2px;
  1595. padding-right: 2px;
  1596. image: url(":/qss_icons/rc/arrow_up.png");
  1597. }
  1598. /* QToolBox --------------------------------------------------------------
  1599. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtoolbox
  1600. --------------------------------------------------------------------------- */
  1601. QToolBox {
  1602. padding: 0px;
  1603. border: 0px;
  1604. border: 1px solid #32414B;
  1605. }
  1606. QToolBox:selected {
  1607. padding: 0px;
  1608. border: 2px solid #1464A0;
  1609. }
  1610. QToolBox::tab {
  1611. background-color: #19232D;
  1612. border: 1px solid #32414B;
  1613. color: #F0F0F0;
  1614. border-top-left-radius: 4px;
  1615. border-top-right-radius: 4px;
  1616. }
  1617. QToolBox::tab:disabled {
  1618. color: #787878;
  1619. }
  1620. QToolBox::tab:selected {
  1621. background-color: #505F69;
  1622. border-bottom: 2px solid #1464A0;
  1623. }
  1624. QToolBox::tab:selected:disabled {
  1625. background-color: #32414B;
  1626. border-bottom: 2px solid #14506E;
  1627. }
  1628. QToolBox::tab:!selected {
  1629. background-color: #32414B;
  1630. border-bottom: 2px solid #32414B;
  1631. }
  1632. QToolBox::tab:!selected:disabled {
  1633. background-color: #19232D;
  1634. }
  1635. QToolBox::tab:hover {
  1636. border-color: #148CD2;
  1637. border-bottom: 2px solid #148CD2;
  1638. }
  1639. QToolBox QScrollArea QWidget QWidget {
  1640. padding: 0px;
  1641. border: 0px;
  1642. background-color: #19232D;
  1643. }
  1644. /* QFrame -----------------------------------------------------------------
  1645. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qframe
  1646. https://doc.qt.io/qt-5/qframe.html#-prop
  1647. https://doc.qt.io/qt-5/qframe.html#details
  1648. https://stackoverflow.com/questions/14581498/qt-stylesheet-for-hline-vline-color
  1649. --------------------------------------------------------------------------- */
  1650. /* (dot) .QFrame fix #141, #126, #123 */
  1651. .QFrame {
  1652. border-radius: 4px;
  1653. border: 1px solid #32414B;
  1654. /* No frame */
  1655. /* HLine */
  1656. /* HLine */
  1657. }
  1658. .QFrame[frameShape="0"] {
  1659. border-radius: 4px;
  1660. border: 1px transparent #32414B;
  1661. }
  1662. .QFrame[frameShape="4"] {
  1663. max-height: 2px;
  1664. border: none;
  1665. background-color: #32414B;
  1666. }
  1667. .QFrame[frameShape="5"] {
  1668. max-width: 2px;
  1669. border: none;
  1670. background-color: #32414B;
  1671. }
  1672. /* QSplitter --------------------------------------------------------------
  1673. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qsplitter
  1674. --------------------------------------------------------------------------- */
  1675. QSplitter {
  1676. background-color: #32414B;
  1677. spacing: 0px;
  1678. padding: 0px;
  1679. margin: 0px;
  1680. }
  1681. QSplitter::handle {
  1682. background-color: #32414B;
  1683. border: 0px solid #19232D;
  1684. spacing: 0px;
  1685. padding: 1px;
  1686. margin: 0px;
  1687. }
  1688. QSplitter::handle:hover {
  1689. background-color: #787878;
  1690. }
  1691. QSplitter::handle:horizontal {
  1692. width: 5px;
  1693. image: url(":/qss_icons/rc/line_vertical.png");
  1694. }
  1695. QSplitter::handle:vertical {
  1696. height: 5px;
  1697. image: url(":/qss_icons/rc/line_horizontal.png");
  1698. }
  1699. /* QDateEdit, QDateTimeEdit -----------------------------------------------
  1700. --------------------------------------------------------------------------- */
  1701. QDateEdit, QDateTimeEdit {
  1702. selection-background-color: #1464A0;
  1703. border-style: solid;
  1704. border: 1px solid #32414B;
  1705. border-radius: 4px;
  1706. /* This fixes 103, 111 */
  1707. padding-top: 2px;
  1708. /* This fixes 103, 111 */
  1709. padding-bottom: 2px;
  1710. padding-left: 4px;
  1711. padding-right: 4px;
  1712. min-width: 10px;
  1713. }
  1714. QDateEdit:on, QDateTimeEdit:on {
  1715. selection-background-color: #1464A0;
  1716. }
  1717. QDateEdit::drop-down, QDateTimeEdit::drop-down {
  1718. subcontrol-origin: padding;
  1719. subcontrol-position: top right;
  1720. width: 12px;
  1721. border-left: 1px solid #32414B;
  1722. }
  1723. QDateEdit::down-arrow, QDateTimeEdit::down-arrow {
  1724. image: url(":/qss_icons/rc/arrow_down_disabled.png");
  1725. height: 8px;
  1726. width: 8px;
  1727. }
  1728. QDateEdit::down-arrow:on, QDateEdit::down-arrow:hover, QDateEdit::down-arrow:focus, QDateTimeEdit::down-arrow:on, QDateTimeEdit::down-arrow:hover, QDateTimeEdit::down-arrow:focus {
  1729. image: url(":/qss_icons/rc/arrow_down.png");
  1730. }
  1731. QDateEdit QAbstractItemView, QDateTimeEdit QAbstractItemView {
  1732. background-color: #19232D;
  1733. border-radius: 4px;
  1734. border: 1px solid #32414B;
  1735. selection-background-color: #1464A0;
  1736. }
  1737. /* QAbstractView ----------------------------------------------------------
  1738. --------------------------------------------------------------------------- */
  1739. QAbstractView:hover {
  1740. border: 1px solid #148CD2;
  1741. color: #F0F0F0;
  1742. }
  1743. QAbstractView:selected {
  1744. background: #1464A0;
  1745. color: #32414B;
  1746. }
  1747. /* PlotWidget -------------------------------------------------------------
  1748. --------------------------------------------------------------------------- */
  1749. PlotWidget {
  1750. /* Fix cut labels in plots #134 */
  1751. padding: 0px;
  1752. }
  1753. QPushButton#TogglableStatusBarButton {
  1754. min-width: 0px;
  1755. color: #656565;
  1756. border: 1px solid transparent;
  1757. background-color: transparent;
  1758. padding: 0px 3px 0px 3px;
  1759. text-align: center;
  1760. }
  1761. QPushButton#TogglableStatusBarButton:checked {
  1762. color: #ffffff;
  1763. }
  1764. QPushButton#TogglableStatusBarButton:hover {
  1765. border: 1px solid #76797C;
  1766. }
  1767. QPushButton#RendererStatusBarButton {
  1768. min-width: 0px;
  1769. color: #656565;
  1770. border: 1px solid transparent;
  1771. background-color: transparent;
  1772. padding: 0px 3px 0px 3px;
  1773. text-align: center;
  1774. }
  1775. QPushButton#RendererStatusBarButton:hover {
  1776. border: 1px solid #76797C;
  1777. }
  1778. QPushButton#RendererStatusBarButton:checked {
  1779. color: #e85c00;
  1780. }
  1781. QPushButton#RendererStatusBarButton:!checked {
  1782. color: #00ccdd;
  1783. }
  1784. QPushButton#buttonRefreshDevices {
  1785. min-width: 20px;
  1786. min-height: 20px;
  1787. max-width: 20px;
  1788. max-height: 20px;
  1789. padding: 0px 0px;
  1790. }
  1791. QSpinBox#spinboxLStickRange,
  1792. QSpinBox#spinboxRStickRange {
  1793. min-width: 38px;
  1794. }
  1795. QGroupBox#motionGroup::indicator,
  1796. QGroupBox#vibrationGroup::indicator {
  1797. margin-left: 0px;
  1798. }
  1799. QWidget#bottomPerGameInput QGroupBox#motionGroup,
  1800. QWidget#bottomPerGameInput QGroupBox#vibrationGroup,
  1801. QWidget#bottomPerGameInput QGroupBox#inputConfigGroup {
  1802. padding: 0px;
  1803. }
  1804. QGroupBox#motionGroup::title,
  1805. QGroupBox#vibrationGroup::title {
  1806. spacing: 2px;
  1807. padding-left: 1px;
  1808. padding-right: 1px;
  1809. }
  1810. QListWidget#selectorList {
  1811. background-color: #0f1922;
  1812. }
  1813. QSpinBox,
  1814. QLineEdit,
  1815. QTreeView#hotkey_list,
  1816. QScrollArea#scrollArea QTreeView {
  1817. background-color: #0f1922;
  1818. }
  1819. QWidget#bottomPerGameInput,
  1820. QWidget#topControllerApplet,
  1821. QWidget#bottomControllerApplet,
  1822. QGroupBox#groupPlayer1Connected:checked,
  1823. QGroupBox#groupPlayer2Connected:checked,
  1824. QGroupBox#groupPlayer3Connected:checked,
  1825. QGroupBox#groupPlayer4Connected:checked,
  1826. QGroupBox#groupPlayer5Connected:checked,
  1827. QGroupBox#groupPlayer6Connected:checked,
  1828. QGroupBox#groupPlayer7Connected:checked,
  1829. QGroupBox#groupPlayer8Connected:checked {
  1830. background-color: #0f1922;
  1831. }
  1832. QWidget#topPerGameInput,
  1833. QWidget#middleControllerApplet {
  1834. background-color: #19232d;
  1835. }
  1836. QWidget#topPerGameInput QComboBox,
  1837. QWidget#middleControllerApplet QComboBox {
  1838. padding-right: 2px;
  1839. width: 127px;
  1840. }
  1841. QGroupBox#handheldGroup {
  1842. padding-left: 0px;
  1843. }
  1844. QRadioButton#radioDocked {
  1845. margin-left: -1px;
  1846. padding-left: 0px;
  1847. }
  1848. QRadioButton#radioDocked::indicator {
  1849. margin-left: 0px;
  1850. }
  1851. QRadioButton#radioUndocked {
  1852. margin-right: 2px;
  1853. }
  1854. QWidget#connectedControllers {
  1855. background: transparent;
  1856. }
  1857. QWidget#playersSupported,
  1858. QWidget#controllersSupported,
  1859. QWidget#controllerSupported1,
  1860. QWidget#controllerSupported2,
  1861. QWidget#controllerSupported3,
  1862. QWidget#controllerSupported4,
  1863. QWidget#controllerSupported5,
  1864. QWidget#controllerSupported6 {
  1865. border: none;
  1866. background: transparent;
  1867. }
  1868. QGroupBox#groupPlayer1Connected,
  1869. QGroupBox#groupPlayer2Connected,
  1870. QGroupBox#groupPlayer3Connected,
  1871. QGroupBox#groupPlayer4Connected,
  1872. QGroupBox#groupPlayer5Connected,
  1873. QGroupBox#groupPlayer6Connected,
  1874. QGroupBox#groupPlayer7Connected,
  1875. QGroupBox#groupPlayer8Connected {
  1876. border: 1px solid #76797c;
  1877. border-radius: 3px;
  1878. padding: 0px;
  1879. min-height: 98px;
  1880. max-height: 98px;
  1881. margin-top: 0px;
  1882. }
  1883. QGroupBox#groupPlayer1Connected:unchecked,
  1884. QGroupBox#groupPlayer2Connected:unchecked,
  1885. QGroupBox#groupPlayer3Connected:unchecked,
  1886. QGroupBox#groupPlayer4Connected:unchecked,
  1887. QGroupBox#groupPlayer5Connected:unchecked,
  1888. QGroupBox#groupPlayer6Connected:unchecked,
  1889. QGroupBox#groupPlayer7Connected:unchecked,
  1890. QGroupBox#groupPlayer8Connected:unchecked {
  1891. border: 1px solid #32414b;
  1892. }
  1893. QGroupBox#groupPlayer1Connected::title,
  1894. QGroupBox#groupPlayer2Connected::title,
  1895. QGroupBox#groupPlayer3Connected::title,
  1896. QGroupBox#groupPlayer4Connected::title,
  1897. QGroupBox#groupPlayer5Connected::title,
  1898. QGroupBox#groupPlayer6Connected::title,
  1899. QGroupBox#groupPlayer7Connected::title,
  1900. QGroupBox#groupPlayer8Connected::title {
  1901. subcontrol-origin: margin;
  1902. subcontrol-position: top left;
  1903. padding-left: 0px;
  1904. padding-right: 0px;
  1905. padding-top: 1px;
  1906. margin-left: -2px;
  1907. margin-right: -4px;
  1908. margin-bottom: 6px;
  1909. }
  1910. QCheckBox#checkboxPlayer1Connected,
  1911. QCheckBox#checkboxPlayer2Connected,
  1912. QCheckBox#checkboxPlayer3Connected,
  1913. QCheckBox#checkboxPlayer4Connected,
  1914. QCheckBox#checkboxPlayer5Connected,
  1915. QCheckBox#checkboxPlayer6Connected,
  1916. QCheckBox#checkboxPlayer7Connected,
  1917. QCheckBox#checkboxPlayer8Connected {
  1918. spacing: 0px;
  1919. }
  1920. QWidget#connectedControllers QLabel {
  1921. padding: 0px;
  1922. }
  1923. QWidget#Player1LEDs,
  1924. QWidget#Player2LEDs,
  1925. QWidget#Player3LEDs,
  1926. QWidget#Player4LEDs,
  1927. QWidget#Player5LEDs,
  1928. QWidget#Player6LEDs,
  1929. QWidget#Player7LEDs,
  1930. QWidget#Player8LEDs {
  1931. background: transparent;
  1932. }
  1933. QWidget#Player1LEDs QCheckBox,
  1934. QWidget#Player2LEDs QCheckBox,
  1935. QWidget#Player3LEDs QCheckBox,
  1936. QWidget#Player4LEDs QCheckBox,
  1937. QWidget#Player5LEDs QCheckBox,
  1938. QWidget#Player6LEDs QCheckBox,
  1939. QWidget#Player7LEDs QCheckBox,
  1940. QWidget#Player8LEDs QCheckBox,
  1941. QCheckBox#checkboxPlayer1Connected,
  1942. QCheckBox#checkboxPlayer2Connected,
  1943. QCheckBox#checkboxPlayer3Connected,
  1944. QCheckBox#checkboxPlayer4Connected,
  1945. QCheckBox#checkboxPlayer5Connected,
  1946. QCheckBox#checkboxPlayer6Connected,
  1947. QCheckBox#checkboxPlayer7Connected,
  1948. QCheckBox#checkboxPlayer8Connected {
  1949. spacing: 0px;
  1950. padding-top: 0px;
  1951. padding-bottom: 0px;
  1952. background: transparent;
  1953. }
  1954. QWidget#Player1LEDs QCheckBox::indicator,
  1955. QWidget#Player2LEDs QCheckBox::indicator,
  1956. QWidget#Player3LEDs QCheckBox::indicator,
  1957. QWidget#Player4LEDs QCheckBox::indicator,
  1958. QWidget#Player5LEDs QCheckBox::indicator,
  1959. QWidget#Player6LEDs QCheckBox::indicator,
  1960. QWidget#Player7LEDs QCheckBox::indicator,
  1961. QWidget#Player8LEDs QCheckBox::indicator {
  1962. width: 6px;
  1963. height: 6px;
  1964. margin-left: 0px;
  1965. }
  1966. QWidget#bottomPerGameInput QCheckBox#checkboxPlayer1Connected::indicator,
  1967. QWidget#bottomPerGameInput QCheckBox#checkboxPlayer2Connected::indicator,
  1968. QWidget#bottomPerGameInput QCheckBox#checkboxPlayer3Connected::indicator,
  1969. QWidget#bottomPerGameInput QCheckBox#checkboxPlayer4Connected::indicator,
  1970. QWidget#bottomPerGameInput QCheckBox#checkboxPlayer5Connected::indicator,
  1971. QWidget#bottomPerGameInput QCheckBox#checkboxPlayer6Connected::indicator,
  1972. QWidget#bottomPerGameInput QCheckBox#checkboxPlayer7Connected::indicator,
  1973. QWidget#bottomPerGameInput QCheckBox#checkboxPlayer8Connected::indicator {
  1974. width: 12px;
  1975. height: 12px;
  1976. }
  1977. QCheckBox#checkboxPlayer1Connected::indicator,
  1978. QCheckBox#checkboxPlayer2Connected::indicator,
  1979. QCheckBox#checkboxPlayer3Connected::indicator,
  1980. QCheckBox#checkboxPlayer4Connected::indicator,
  1981. QCheckBox#checkboxPlayer5Connected::indicator,
  1982. QCheckBox#checkboxPlayer6Connected::indicator,
  1983. QCheckBox#checkboxPlayer7Connected::indicator,
  1984. QCheckBox#checkboxPlayer8Connected::indicator {
  1985. width: 14px;
  1986. height: 14px;
  1987. margin-left: 2px;
  1988. }
  1989. QWidget#Player1LEDs QCheckBox::indicator:checked,
  1990. QWidget#Player2LEDs QCheckBox::indicator:checked,
  1991. QWidget#Player3LEDs QCheckBox::indicator:checked,
  1992. QWidget#Player4LEDs QCheckBox::indicator:checked,
  1993. QWidget#Player5LEDs QCheckBox::indicator:checked,
  1994. QWidget#Player6LEDs QCheckBox::indicator:checked,
  1995. QWidget#Player7LEDs QCheckBox::indicator:checked,
  1996. QWidget#Player8LEDs QCheckBox::indicator:checked,
  1997. QGroupBox#groupPlayer1Connected::indicator:checked,
  1998. QGroupBox#groupPlayer2Connected::indicator:checked,
  1999. QGroupBox#groupPlayer3Connected::indicator:checked,
  2000. QGroupBox#groupPlayer4Connected::indicator:checked,
  2001. QGroupBox#groupPlayer5Connected::indicator:checked,
  2002. QGroupBox#groupPlayer6Connected::indicator:checked,
  2003. QGroupBox#groupPlayer7Connected::indicator:checked,
  2004. QGroupBox#groupPlayer8Connected::indicator:checked,
  2005. QCheckBox#checkboxPlayer1Connected::indicator:checked,
  2006. QCheckBox#checkboxPlayer2Connected::indicator:checked,
  2007. QCheckBox#checkboxPlayer3Connected::indicator:checked,
  2008. QCheckBox#checkboxPlayer4Connected::indicator:checked,
  2009. QCheckBox#checkboxPlayer5Connected::indicator:checked,
  2010. QCheckBox#checkboxPlayer6Connected::indicator:checked,
  2011. QCheckBox#checkboxPlayer7Connected::indicator:checked,
  2012. QCheckBox#checkboxPlayer8Connected::indicator:checked,
  2013. QGroupBox#groupConnectedController::indicator:checked {
  2014. border-radius: 2px;
  2015. border: 1px solid #929192;
  2016. background: #39ff14;
  2017. image: none;
  2018. }
  2019. QWidget#Player1LEDs QCheckBox::indicator:unchecked,
  2020. QWidget#Player2LEDs QCheckBox::indicator:unchecked,
  2021. QWidget#Player3LEDs QCheckBox::indicator:unchecked,
  2022. QWidget#Player4LEDs QCheckBox::indicator:unchecked,
  2023. QWidget#Player5LEDs QCheckBox::indicator:unchecked,
  2024. QWidget#Player6LEDs QCheckBox::indicator:unchecked,
  2025. QWidget#Player7LEDs QCheckBox::indicator:unchecked,
  2026. QWidget#Player8LEDs QCheckBox::indicator:unchecked,
  2027. QGroupBox#groupPlayer1Connected::indicator:unchecked,
  2028. QGroupBox#groupPlayer2Connected::indicator:unchecked,
  2029. QGroupBox#groupPlayer3Connected::indicator:unchecked,
  2030. QGroupBox#groupPlayer4Connected::indicator:unchecked,
  2031. QGroupBox#groupPlayer5Connected::indicator:unchecked,
  2032. QGroupBox#groupPlayer6Connected::indicator:unchecked,
  2033. QGroupBox#groupPlayer7Connected::indicator:unchecked,
  2034. QGroupBox#groupPlayer8Connected::indicator:unchecked,
  2035. QCheckBox#checkboxPlayer1Connected::indicator:unchecked,
  2036. QCheckBox#checkboxPlayer2Connected::indicator:unchecked,
  2037. QCheckBox#checkboxPlayer3Connected::indicator:unchecked,
  2038. QCheckBox#checkboxPlayer4Connected::indicator:unchecked,
  2039. QCheckBox#checkboxPlayer5Connected::indicator:unchecked,
  2040. QCheckBox#checkboxPlayer6Connected::indicator:unchecked,
  2041. QCheckBox#checkboxPlayer7Connected::indicator:unchecked,
  2042. QCheckBox#checkboxPlayer8Connected::indicator:unchecked,
  2043. QGroupBox#groupConnectedController::indicator:unchecked {
  2044. border-radius: 2px;
  2045. border: 1px solid #929192;
  2046. background: #19232d;
  2047. image: none;
  2048. }
  2049. QWidget#controllerPlayer1,
  2050. QWidget#controllerPlayer2,
  2051. QWidget#controllerPlayer3,
  2052. QWidget#controllerPlayer4,
  2053. QWidget#controllerPlayer5,
  2054. QWidget#controllerPlayer6,
  2055. QWidget#controllerPlayer7,
  2056. QWidget#controllerPlayer8 {
  2057. background: transparent;
  2058. }