qdarkstyle.qss 49 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175
  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. border: 1px solid #32414B;
  105. /* Fixes Spyder #9120, #9121 */
  106. background: #32414B;
  107. /* Fixes #205, white vertical borders separating items */
  108. }
  109. QStatusBar::item {
  110. border: none;
  111. }
  112. QStatusBar QToolTip {
  113. background-color: #148CD2;
  114. border: 1px solid #19232D;
  115. color: #19232D;
  116. /* Remove padding, for fix combo box tooltip */
  117. padding: 0px;
  118. /* Reducing transparency to read better */
  119. opacity: 230;
  120. }
  121. QStatusBar QLabel {
  122. /* Fixes Spyder #9120, #9121 */
  123. background: transparent;
  124. }
  125. /* QCheckBox --------------------------------------------------------------
  126. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qcheckbox
  127. --------------------------------------------------------------------------- */
  128. QCheckBox {
  129. background-color: #19232D;
  130. color: #F0F0F0;
  131. spacing: 4px;
  132. outline: none;
  133. padding-top: 4px;
  134. padding-bottom: 4px;
  135. }
  136. QCheckBox:focus {
  137. border: none;
  138. }
  139. QCheckBox QWidget:disabled {
  140. background-color: #19232D;
  141. color: #787878;
  142. }
  143. QCheckBox::indicator {
  144. margin-left: 4px;
  145. height: 16px;
  146. width: 16px;
  147. }
  148. QCheckBox::indicator:unchecked {
  149. image: url(":/qss_icons/rc/checkbox_unchecked.png");
  150. }
  151. QCheckBox::indicator:unchecked:hover, QCheckBox::indicator:unchecked:focus, QCheckBox::indicator:unchecked:pressed {
  152. border: none;
  153. image: url(":/qss_icons/rc/checkbox_unchecked_focus.png");
  154. }
  155. QCheckBox::indicator:unchecked:disabled {
  156. image: url(":/qss_icons/rc/checkbox_unchecked_disabled.png");
  157. }
  158. QCheckBox::indicator:checked {
  159. image: url(":/qss_icons/rc/checkbox_checked.png");
  160. }
  161. QCheckBox::indicator:checked:hover, QCheckBox::indicator:checked:focus, QCheckBox::indicator:checked:pressed {
  162. border: none;
  163. image: url(":/qss_icons/rc/checkbox_checked_focus.png");
  164. }
  165. QCheckBox::indicator:checked:disabled {
  166. image: url(":/qss_icons/rc/checkbox_checked_disabled.png");
  167. }
  168. QCheckBox::indicator:indeterminate {
  169. image: url(":/qss_icons/rc/checkbox_indeterminate.png");
  170. }
  171. QCheckBox::indicator:indeterminate:disabled {
  172. image: url(":/qss_icons/rc/checkbox_indeterminate_disabled.png");
  173. }
  174. QCheckBox::indicator:indeterminate:focus, QCheckBox::indicator:indeterminate:hover, QCheckBox::indicator:indeterminate:pressed {
  175. image: url(":/qss_icons/rc/checkbox_indeterminate_focus.png");
  176. }
  177. /* QGroupBox --------------------------------------------------------------
  178. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qgroupbox
  179. --------------------------------------------------------------------------- */
  180. QGroupBox {
  181. font-weight: bold;
  182. border: 1px solid #32414B;
  183. border-radius: 4px;
  184. padding: 4px;
  185. margin-top: 16px;
  186. }
  187. QGroupBox::title {
  188. subcontrol-origin: margin;
  189. subcontrol-position: top left;
  190. left: 3px;
  191. padding-left: 3px;
  192. padding-right: 5px;
  193. padding-top: 8px;
  194. padding-bottom: 16px;
  195. }
  196. QGroupBox::indicator {
  197. margin-left: 2px;
  198. height: 16px;
  199. width: 16px;
  200. }
  201. QGroupBox::indicator:unchecked {
  202. border: none;
  203. image: url(":/qss_icons/rc/checkbox_unchecked.png");
  204. }
  205. QGroupBox::indicator:unchecked:hover, QGroupBox::indicator:unchecked:focus, QGroupBox::indicator:unchecked:pressed {
  206. border: none;
  207. image: url(":/qss_icons/rc/checkbox_unchecked_focus.png");
  208. }
  209. QGroupBox::indicator:unchecked:disabled {
  210. image: url(":/qss_icons/rc/checkbox_unchecked_disabled.png");
  211. }
  212. QGroupBox::indicator:checked {
  213. border: none;
  214. image: url(":/qss_icons/rc/checkbox_checked.png");
  215. }
  216. QGroupBox::indicator:checked:hover, QGroupBox::indicator:checked:focus, QGroupBox::indicator:checked:pressed {
  217. border: none;
  218. image: url(":/qss_icons/rc/checkbox_checked_focus.png");
  219. }
  220. QGroupBox::indicator:checked:disabled {
  221. image: url(":/qss_icons/rc/checkbox_checked_disabled.png");
  222. }
  223. /* QRadioButton -----------------------------------------------------------
  224. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qradiobutton
  225. --------------------------------------------------------------------------- */
  226. QRadioButton {
  227. background-color: #19232D;
  228. color: #F0F0F0;
  229. spacing: 4px;
  230. padding: 0px;
  231. border: none;
  232. outline: none;
  233. }
  234. QRadioButton:focus {
  235. border: none;
  236. }
  237. QRadioButton:disabled {
  238. background-color: #19232D;
  239. color: #787878;
  240. border: none;
  241. outline: none;
  242. }
  243. QRadioButton QWidget {
  244. background-color: #19232D;
  245. color: #F0F0F0;
  246. spacing: 0px;
  247. padding: 0px;
  248. outline: none;
  249. border: none;
  250. }
  251. QRadioButton::indicator {
  252. border: none;
  253. outline: none;
  254. margin-left: 4px;
  255. height: 16px;
  256. width: 16px;
  257. }
  258. QRadioButton::indicator:unchecked {
  259. image: url(":/qss_icons/rc/radio_unchecked.png");
  260. }
  261. QRadioButton::indicator:unchecked:hover, QRadioButton::indicator:unchecked:focus, QRadioButton::indicator:unchecked:pressed {
  262. border: none;
  263. outline: none;
  264. image: url(":/qss_icons/rc/radio_unchecked_focus.png");
  265. }
  266. QRadioButton::indicator:unchecked:disabled {
  267. image: url(":/qss_icons/rc/radio_unchecked_disabled.png");
  268. }
  269. QRadioButton::indicator:checked {
  270. border: none;
  271. outline: none;
  272. image: url(":/qss_icons/rc/radio_checked.png");
  273. }
  274. QRadioButton::indicator:checked:hover, QRadioButton::indicator:checked:focus, QRadioButton::indicator:checked:pressed {
  275. border: none;
  276. outline: none;
  277. image: url(":/qss_icons/rc/radio_checked_focus.png");
  278. }
  279. QRadioButton::indicator:checked:disabled {
  280. outline: none;
  281. image: url(":/qss_icons/rc/radio_checked_disabled.png");
  282. }
  283. /* QMenuBar ---------------------------------------------------------------
  284. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qmenubar
  285. --------------------------------------------------------------------------- */
  286. QMenuBar {
  287. background-color: #32414B;
  288. padding: 2px;
  289. border: 1px solid #19232D;
  290. color: #F0F0F0;
  291. }
  292. QMenuBar:focus {
  293. border: 1px solid #148CD2;
  294. }
  295. QMenuBar::item {
  296. background: transparent;
  297. padding: 4px;
  298. }
  299. QMenuBar::item:selected {
  300. padding: 4px;
  301. background: transparent;
  302. border: 0px solid #32414B;
  303. }
  304. QMenuBar::item:pressed {
  305. padding: 4px;
  306. border: 0px solid #32414B;
  307. background-color: #148CD2;
  308. color: #F0F0F0;
  309. margin-bottom: 0px;
  310. padding-bottom: 0px;
  311. }
  312. /* QMenu ------------------------------------------------------------------
  313. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qmenu
  314. --------------------------------------------------------------------------- */
  315. QMenu {
  316. border: 0px solid #32414B;
  317. color: #F0F0F0;
  318. margin: 0px;
  319. }
  320. QMenu::separator {
  321. height: 1px;
  322. background-color: #505F69;
  323. color: #F0F0F0;
  324. }
  325. QMenu::icon {
  326. margin: 0px;
  327. padding-left: 8px;
  328. }
  329. QMenu::item {
  330. background-color: #32414B;
  331. padding: 4px 24px 4px 24px;
  332. /* Reserve space for selection border */
  333. border: 1px transparent #32414B;
  334. }
  335. QMenu::item:selected {
  336. color: #F0F0F0;
  337. }
  338. QMenu::indicator {
  339. width: 12px;
  340. height: 12px;
  341. padding-left: 6px;
  342. /* non-exclusive indicator = check box style indicator (see QActionGroup::setExclusive) */
  343. /* exclusive indicator = radio button style indicator (see QActionGroup::setExclusive) */
  344. }
  345. QMenu::indicator:non-exclusive:unchecked {
  346. image: url(":/qss_icons/rc/checkbox_unchecked.png");
  347. }
  348. QMenu::indicator:non-exclusive:unchecked:selected {
  349. image: url(":/qss_icons/rc/checkbox_unchecked_disabled.png");
  350. }
  351. QMenu::indicator:non-exclusive:checked {
  352. image: url(":/qss_icons/rc/checkbox_checked.png");
  353. }
  354. QMenu::indicator:non-exclusive:checked:selected {
  355. image: url(":/qss_icons/rc/checkbox_checked_disabled.png");
  356. }
  357. QMenu::indicator:exclusive:unchecked {
  358. image: url(":/qss_icons/rc/radio_unchecked.png");
  359. }
  360. QMenu::indicator:exclusive:unchecked:selected {
  361. image: url(":/qss_icons/rc/radio_unchecked_disabled.png");
  362. }
  363. QMenu::indicator:exclusive:checked {
  364. image: url(":/qss_icons/rc/radio_checked.png");
  365. }
  366. QMenu::indicator:exclusive:checked:selected {
  367. image: url(":/qss_icons/rc/radio_checked_disabled.png");
  368. }
  369. QMenu::right-arrow {
  370. margin: 5px;
  371. image: url(":/qss_icons/rc/arrow_right.png");
  372. height: 12px;
  373. width: 12px;
  374. }
  375. /* QAbstractItemView ------------------------------------------------------
  376. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qcombobox
  377. --------------------------------------------------------------------------- */
  378. QAbstractItemView {
  379. alternate-background-color: #19232D;
  380. color: #F0F0F0;
  381. border: 1px solid #32414B;
  382. border-radius: 4px;
  383. }
  384. QAbstractItemView QLineEdit {
  385. padding: 2px;
  386. }
  387. /* QAbstractScrollArea ----------------------------------------------------
  388. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qabstractscrollarea
  389. --------------------------------------------------------------------------- */
  390. QAbstractScrollArea {
  391. background-color: #19232D;
  392. border: 1px solid #32414B;
  393. border-radius: 4px;
  394. padding: 2px;
  395. /* fix #159 */
  396. min-height: 1.25em;
  397. /* fix #159 */
  398. color: #F0F0F0;
  399. }
  400. QAbstractScrollArea:disabled {
  401. color: #787878;
  402. }
  403. /* QScrollArea ------------------------------------------------------------
  404. --------------------------------------------------------------------------- */
  405. QScrollArea QWidget QWidget:disabled {
  406. background-color: #19232D;
  407. }
  408. /* QScrollBar -------------------------------------------------------------
  409. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qscrollbar
  410. --------------------------------------------------------------------------- */
  411. QScrollBar:horizontal {
  412. height: 16px;
  413. margin: 2px 16px 2px 16px;
  414. border: 1px solid #32414B;
  415. border-radius: 4px;
  416. background-color: #19232D;
  417. }
  418. QScrollBar:vertical {
  419. background-color: #19232D;
  420. width: 16px;
  421. margin: 16px 2px 16px 2px;
  422. border: 1px solid #32414B;
  423. border-radius: 4px;
  424. }
  425. QScrollBar::handle:horizontal {
  426. background-color: #787878;
  427. border: 1px solid #32414B;
  428. border-radius: 4px;
  429. min-width: 8px;
  430. }
  431. QScrollBar::handle:horizontal:hover {
  432. background-color: #148CD2;
  433. border: 1px solid #148CD2;
  434. border-radius: 4px;
  435. min-width: 8px;
  436. }
  437. QScrollBar::handle:horizontal:focus {
  438. border: 1px solid #1464A0;
  439. }
  440. QScrollBar::handle:vertical {
  441. background-color: #787878;
  442. border: 1px solid #32414B;
  443. min-height: 8px;
  444. border-radius: 4px;
  445. }
  446. QScrollBar::handle:vertical:hover {
  447. background-color: #148CD2;
  448. border: 1px solid #148CD2;
  449. border-radius: 4px;
  450. min-height: 8px;
  451. }
  452. QScrollBar::handle:vertical:focus {
  453. border: 1px solid #1464A0;
  454. }
  455. QScrollBar::add-line:horizontal {
  456. margin: 0px 0px 0px 0px;
  457. border-image: url(":/qss_icons/rc/arrow_right_disabled.png");
  458. height: 12px;
  459. width: 12px;
  460. subcontrol-position: right;
  461. subcontrol-origin: margin;
  462. }
  463. QScrollBar::add-line:horizontal:hover, QScrollBar::add-line:horizontal:on {
  464. border-image: url(":/qss_icons/rc/arrow_right.png");
  465. height: 12px;
  466. width: 12px;
  467. subcontrol-position: right;
  468. subcontrol-origin: margin;
  469. }
  470. QScrollBar::add-line:vertical {
  471. margin: 3px 0px 3px 0px;
  472. border-image: url(":/qss_icons/rc/arrow_down_disabled.png");
  473. height: 12px;
  474. width: 12px;
  475. subcontrol-position: bottom;
  476. subcontrol-origin: margin;
  477. }
  478. QScrollBar::add-line:vertical:hover, QScrollBar::add-line:vertical:on {
  479. border-image: url(":/qss_icons/rc/arrow_down.png");
  480. height: 12px;
  481. width: 12px;
  482. subcontrol-position: bottom;
  483. subcontrol-origin: margin;
  484. }
  485. QScrollBar::sub-line:horizontal {
  486. margin: 0px 3px 0px 3px;
  487. border-image: url(":/qss_icons/rc/arrow_left_disabled.png");
  488. height: 12px;
  489. width: 12px;
  490. subcontrol-position: left;
  491. subcontrol-origin: margin;
  492. }
  493. QScrollBar::sub-line:horizontal:hover, QScrollBar::sub-line:horizontal:on {
  494. border-image: url(":/qss_icons/rc/arrow_left.png");
  495. height: 12px;
  496. width: 12px;
  497. subcontrol-position: left;
  498. subcontrol-origin: margin;
  499. }
  500. QScrollBar::sub-line:vertical {
  501. margin: 3px 0px 3px 0px;
  502. border-image: url(":/qss_icons/rc/arrow_up_disabled.png");
  503. height: 12px;
  504. width: 12px;
  505. subcontrol-position: top;
  506. subcontrol-origin: margin;
  507. }
  508. QScrollBar::sub-line:vertical:hover, QScrollBar::sub-line:vertical:on {
  509. border-image: url(":/qss_icons/rc/arrow_up.png");
  510. height: 12px;
  511. width: 12px;
  512. subcontrol-position: top;
  513. subcontrol-origin: margin;
  514. }
  515. QScrollBar::up-arrow:horizontal, QScrollBar::down-arrow:horizontal {
  516. background: none;
  517. }
  518. QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical {
  519. background: none;
  520. }
  521. QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
  522. background: none;
  523. }
  524. QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
  525. background: none;
  526. }
  527. /* QTextEdit --------------------------------------------------------------
  528. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-specific-widgets
  529. --------------------------------------------------------------------------- */
  530. QTextEdit {
  531. background-color: #19232D;
  532. color: #F0F0F0;
  533. border-radius: 4px;
  534. border: 1px solid #32414B;
  535. }
  536. QTextEdit:hover {
  537. border: 1px solid #148CD2;
  538. color: #F0F0F0;
  539. }
  540. QTextEdit:focus {
  541. border: 1px solid #1464A0;
  542. }
  543. QTextEdit:selected {
  544. background: #1464A0;
  545. color: #32414B;
  546. }
  547. /* QPlainTextEdit ---------------------------------------------------------
  548. --------------------------------------------------------------------------- */
  549. QPlainTextEdit {
  550. background-color: #19232D;
  551. color: #F0F0F0;
  552. border-radius: 4px;
  553. border: 1px solid #32414B;
  554. }
  555. QPlainTextEdit:hover {
  556. border: 1px solid #148CD2;
  557. color: #F0F0F0;
  558. }
  559. QPlainTextEdit:focus {
  560. border: 1px solid #1464A0;
  561. }
  562. QPlainTextEdit:selected {
  563. background: #1464A0;
  564. color: #32414B;
  565. }
  566. /* QSizeGrip --------------------------------------------------------------
  567. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qsizegrip
  568. --------------------------------------------------------------------------- */
  569. QSizeGrip {
  570. background: transparent;
  571. width: 12px;
  572. height: 12px;
  573. image: url(":/qss_icons/rc/window_grip.png");
  574. }
  575. /* QStackedWidget ---------------------------------------------------------
  576. --------------------------------------------------------------------------- */
  577. QStackedWidget {
  578. padding: 2px;
  579. border: 1px solid #32414B;
  580. border: 1px solid #19232D;
  581. }
  582. /* QToolBar ---------------------------------------------------------------
  583. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtoolbar
  584. --------------------------------------------------------------------------- */
  585. QToolBar {
  586. background-color: #32414B;
  587. border-bottom: 1px solid #19232D;
  588. padding: 2px;
  589. font-weight: bold;
  590. spacing: 2px;
  591. }
  592. QToolBar QToolButton {
  593. background-color: #32414B;
  594. border: 1px solid #32414B;
  595. }
  596. QToolBar QToolButton:hover {
  597. border: 1px solid #148CD2;
  598. }
  599. QToolBar QToolButton:checked {
  600. border: 1px solid #19232D;
  601. background-color: #19232D;
  602. }
  603. QToolBar QToolButton:checked:hover {
  604. border: 1px solid #148CD2;
  605. }
  606. QToolBar::handle:horizontal {
  607. width: 16px;
  608. image: url(":/qss_icons/rc/toolbar_move_horizontal.png");
  609. }
  610. QToolBar::handle:vertical {
  611. height: 16px;
  612. image: url(":/qss_icons/rc/toolbar_move_vertical.png");
  613. }
  614. QToolBar::separator:horizontal {
  615. width: 16px;
  616. image: url(":/qss_icons/rc/toolbar_separator_horizontal.png");
  617. }
  618. QToolBar::separator:vertical {
  619. height: 16px;
  620. image: url(":/qss_icons/rc/toolbar_separator_vertical.png");
  621. }
  622. QToolButton#qt_toolbar_ext_button {
  623. background: #32414B;
  624. border: 0px;
  625. color: #F0F0F0;
  626. image: url(":/qss_icons/rc/arrow_right.png");
  627. }
  628. /* QAbstractSpinBox -------------------------------------------------------
  629. --------------------------------------------------------------------------- */
  630. QAbstractSpinBox {
  631. background-color: #19232D;
  632. border: 1px solid #32414B;
  633. color: #F0F0F0;
  634. /* This fixes 103, 111 */
  635. padding-top: 2px;
  636. /* This fixes 103, 111 */
  637. padding-bottom: 2px;
  638. padding-left: 4px;
  639. padding-right: 4px;
  640. border-radius: 4px;
  641. /* min-width: 5px; removed to fix 109 */
  642. }
  643. QAbstractSpinBox:up-button {
  644. background-color: transparent #19232D;
  645. subcontrol-origin: border;
  646. subcontrol-position: top right;
  647. border-left: 1px solid #32414B;
  648. border-bottom: 1px solid #32414B;
  649. border-top-left-radius: 0;
  650. border-bottom-left-radius: 0;
  651. margin: 1px;
  652. width: 12px;
  653. margin-bottom: -1px;
  654. }
  655. QAbstractSpinBox::up-arrow, QAbstractSpinBox::up-arrow:disabled, QAbstractSpinBox::up-arrow:off {
  656. image: url(":/qss_icons/rc/arrow_up_disabled.png");
  657. height: 8px;
  658. width: 8px;
  659. }
  660. QAbstractSpinBox::up-arrow:hover {
  661. image: url(":/qss_icons/rc/arrow_up.png");
  662. }
  663. QAbstractSpinBox:down-button {
  664. background-color: transparent #19232D;
  665. subcontrol-origin: border;
  666. subcontrol-position: bottom right;
  667. border-left: 1px solid #32414B;
  668. border-top: 1px solid #32414B;
  669. border-top-left-radius: 0;
  670. border-bottom-left-radius: 0;
  671. margin: 1px;
  672. width: 12px;
  673. margin-top: -1px;
  674. }
  675. QAbstractSpinBox::down-arrow, QAbstractSpinBox::down-arrow:disabled, QAbstractSpinBox::down-arrow:off {
  676. image: url(":/qss_icons/rc/arrow_down_disabled.png");
  677. height: 8px;
  678. width: 8px;
  679. }
  680. QAbstractSpinBox::down-arrow:hover {
  681. image: url(":/qss_icons/rc/arrow_down.png");
  682. }
  683. QAbstractSpinBox:hover {
  684. border: 1px solid #148CD2;
  685. color: #F0F0F0;
  686. }
  687. QAbstractSpinBox:focus {
  688. border: 1px solid #1464A0;
  689. }
  690. QAbstractSpinBox:selected {
  691. background: #1464A0;
  692. color: #32414B;
  693. }
  694. /* ------------------------------------------------------------------------ */
  695. /* DISPLAYS --------------------------------------------------------------- */
  696. /* ------------------------------------------------------------------------ */
  697. /* QLabel -----------------------------------------------------------------
  698. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qframe
  699. --------------------------------------------------------------------------- */
  700. QLabel {
  701. background-color: #19232D;
  702. border: 0px solid #32414B;
  703. padding: 2px;
  704. margin: 0px;
  705. color: #F0F0F0;
  706. }
  707. QLabel:disabled {
  708. background-color: #19232D;
  709. border: 0px solid #32414B;
  710. color: #787878;
  711. }
  712. /* QTextBrowser -----------------------------------------------------------
  713. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qabstractscrollarea
  714. --------------------------------------------------------------------------- */
  715. QTextBrowser {
  716. background-color: #19232D;
  717. border: 1px solid #32414B;
  718. color: #F0F0F0;
  719. border-radius: 4px;
  720. }
  721. QTextBrowser:disabled {
  722. background-color: #19232D;
  723. border: 1px solid #32414B;
  724. color: #787878;
  725. border-radius: 4px;
  726. }
  727. QTextBrowser:hover, QTextBrowser:!hover, QTextBrowser:selected, QTextBrowser:pressed {
  728. border: 1px solid #32414B;
  729. }
  730. /* QGraphicsView ----------------------------------------------------------
  731. --------------------------------------------------------------------------- */
  732. QGraphicsView {
  733. background-color: #19232D;
  734. border: 1px solid #32414B;
  735. color: #F0F0F0;
  736. border-radius: 4px;
  737. }
  738. QGraphicsView:disabled {
  739. background-color: #19232D;
  740. border: 1px solid #32414B;
  741. color: #787878;
  742. border-radius: 4px;
  743. }
  744. QGraphicsView:hover, QGraphicsView:!hover, QGraphicsView:selected, QGraphicsView:pressed {
  745. border: 1px solid #32414B;
  746. }
  747. /* QCalendarWidget --------------------------------------------------------
  748. --------------------------------------------------------------------------- */
  749. QCalendarWidget {
  750. border: 1px solid #32414B;
  751. border-radius: 4px;
  752. }
  753. QCalendarWidget:disabled {
  754. background-color: #19232D;
  755. color: #787878;
  756. }
  757. /* QLCDNumber -------------------------------------------------------------
  758. --------------------------------------------------------------------------- */
  759. QLCDNumber {
  760. background-color: #19232D;
  761. color: #F0F0F0;
  762. }
  763. QLCDNumber:disabled {
  764. background-color: #19232D;
  765. color: #787878;
  766. }
  767. /* QProgressBar -----------------------------------------------------------
  768. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qprogressbar
  769. --------------------------------------------------------------------------- */
  770. QProgressBar {
  771. background-color: #19232D;
  772. border: 1px solid #32414B;
  773. color: #F0F0F0;
  774. border-radius: 4px;
  775. text-align: center;
  776. }
  777. QProgressBar:disabled {
  778. background-color: #19232D;
  779. border: 1px solid #32414B;
  780. color: #787878;
  781. border-radius: 4px;
  782. text-align: center;
  783. }
  784. QProgressBar::chunk {
  785. background-color: #1464A0;
  786. color: #19232D;
  787. border-radius: 4px;
  788. }
  789. QProgressBar::chunk:disabled {
  790. background-color: #14506E;
  791. color: #787878;
  792. border-radius: 4px;
  793. }
  794. /* ------------------------------------------------------------------------ */
  795. /* BUTTONS ---------------------------------------------------------------- */
  796. /* ------------------------------------------------------------------------ */
  797. /* QPushButton ------------------------------------------------------------
  798. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qpushbutton
  799. --------------------------------------------------------------------------- */
  800. QPushButton {
  801. background-color: #505F69;
  802. border: 1px solid #32414B;
  803. color: #F0F0F0;
  804. border-radius: 4px;
  805. padding: 3px;
  806. outline: none;
  807. /* Issue #194 - Special case of QPushButton inside dialogs, for better UI */
  808. min-width: 80px;
  809. }
  810. QPushButton:disabled {
  811. background-color: #32414B;
  812. border: 1px solid #32414B;
  813. color: #787878;
  814. border-radius: 4px;
  815. padding: 3px;
  816. }
  817. QPushButton:checked {
  818. background-color: #32414B;
  819. border: 1px solid #32414B;
  820. border-radius: 4px;
  821. padding: 3px;
  822. outline: none;
  823. }
  824. QPushButton:checked:disabled {
  825. background-color: #19232D;
  826. border: 1px solid #32414B;
  827. color: #787878;
  828. border-radius: 4px;
  829. padding: 3px;
  830. outline: none;
  831. }
  832. QPushButton:checked:selected {
  833. background: #1464A0;
  834. color: #32414B;
  835. }
  836. QPushButton::menu-indicator {
  837. subcontrol-origin: padding;
  838. subcontrol-position: bottom right;
  839. bottom: 4px;
  840. }
  841. QPushButton:pressed {
  842. background-color: #19232D;
  843. border: 1px solid #19232D;
  844. }
  845. QPushButton:pressed:hover {
  846. border: 1px solid #148CD2;
  847. }
  848. QPushButton:hover {
  849. border: 1px solid #148CD2;
  850. color: #F0F0F0;
  851. }
  852. QPushButton:selected {
  853. background: #1464A0;
  854. color: #32414B;
  855. }
  856. QPushButton:hover {
  857. border: 1px solid #148CD2;
  858. color: #F0F0F0;
  859. }
  860. QPushButton:focus {
  861. border: 1px solid #1464A0;
  862. }
  863. /* QToolButton ------------------------------------------------------------
  864. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtoolbutton
  865. --------------------------------------------------------------------------- */
  866. QToolButton {
  867. background-color: transparent;
  868. border: 1px solid transparent;
  869. border-radius: 4px;
  870. margin: 0px;
  871. padding: 2px;
  872. /* The subcontrols below are used only in the DelayedPopup mode */
  873. /* The subcontrols below are used only in the MenuButtonPopup mode */
  874. /* The subcontrol below is used only in the InstantPopup or DelayedPopup mode */
  875. }
  876. QToolButton:checked {
  877. background-color: transparent;
  878. border: 1px solid #1464A0;
  879. }
  880. QToolButton:checked:disabled {
  881. border: 1px solid #14506E;
  882. }
  883. QToolButton:pressed {
  884. margin: 1px;
  885. background-color: transparent;
  886. border: 1px solid #1464A0;
  887. }
  888. QToolButton:disabled {
  889. border: none;
  890. }
  891. QToolButton:hover {
  892. border: 1px solid #148CD2;
  893. }
  894. QToolButton[popupMode="0"] {
  895. /* Only for DelayedPopup */
  896. padding-right: 2px;
  897. }
  898. QToolButton[popupMode="1"] {
  899. /* Only for MenuButtonPopup */
  900. padding-right: 20px;
  901. }
  902. QToolButton[popupMode="1"]::menu-button {
  903. border: none;
  904. }
  905. QToolButton[popupMode="1"]::menu-button:hover {
  906. border: none;
  907. border-left: 1px solid #148CD2;
  908. border-radius: 0;
  909. }
  910. QToolButton[popupMode="2"] {
  911. /* Only for InstantPopup */
  912. padding-right: 2px;
  913. }
  914. QToolButton::menu-button {
  915. padding: 2px;
  916. border-radius: 4px;
  917. border: 1px solid #32414B;
  918. width: 12px;
  919. outline: none;
  920. }
  921. QToolButton::menu-button:hover {
  922. border: 1px solid #148CD2;
  923. }
  924. QToolButton::menu-button:checked:hover {
  925. border: 1px solid #148CD2;
  926. }
  927. QToolButton::menu-indicator {
  928. image: url(":/qss_icons/rc/arrow_down.png");
  929. height: 8px;
  930. width: 8px;
  931. top: 0;
  932. /* Exclude a shift for better image */
  933. left: -2px;
  934. /* Shift it a bit */
  935. }
  936. QToolButton::menu-arrow {
  937. image: url(":/qss_icons/rc/arrow_down.png");
  938. height: 8px;
  939. width: 8px;
  940. }
  941. QToolButton::menu-arrow:hover {
  942. image: url(":/qss_icons/rc/arrow_down_focus.png");
  943. }
  944. /* QCommandLinkButton -----------------------------------------------------
  945. --------------------------------------------------------------------------- */
  946. QCommandLinkButton {
  947. background-color: transparent;
  948. border: 1px solid #32414B;
  949. color: #F0F0F0;
  950. border-radius: 4px;
  951. padding: 0px;
  952. margin: 0px;
  953. }
  954. QCommandLinkButton:disabled {
  955. background-color: transparent;
  956. color: #787878;
  957. }
  958. /* ------------------------------------------------------------------------ */
  959. /* INPUTS - NO FIELDS ----------------------------------------------------- */
  960. /* ------------------------------------------------------------------------ */
  961. /* QComboBox --------------------------------------------------------------
  962. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qcombobox
  963. --------------------------------------------------------------------------- */
  964. QComboBox {
  965. border: 1px solid #32414B;
  966. border-radius: 4px;
  967. selection-background-color: #1464A0;
  968. padding-left: 4px;
  969. padding-right: 36px;
  970. /* 4 + 16*2 See scrollbar size */
  971. /* Fixes #103, #111 */
  972. min-height: 1.5em;
  973. /* padding-top: 2px; removed to fix #132 */
  974. /* padding-bottom: 2px; removed to fix #132 */
  975. /* min-width: 75px; removed to fix #109 */
  976. /* Needed to remove indicator - fix #132 */
  977. }
  978. QComboBox QAbstractItemView {
  979. border: 1px solid #32414B;
  980. border-radius: 0;
  981. background-color: #19232D;
  982. selection-background-color: #1464A0;
  983. }
  984. QComboBox QAbstractItemView:hover {
  985. background-color: #19232D;
  986. color: #F0F0F0;
  987. }
  988. QComboBox QAbstractItemView:selected {
  989. background: #1464A0;
  990. color: #32414B;
  991. }
  992. QComboBox QAbstractItemView:alternate {
  993. background: #19232D;
  994. }
  995. QComboBox:disabled {
  996. background-color: #19232D;
  997. color: #787878;
  998. }
  999. QComboBox:hover {
  1000. border: 1px solid #148CD2;
  1001. }
  1002. QComboBox:focus {
  1003. border: 1px solid #1464A0;
  1004. }
  1005. QComboBox:on {
  1006. selection-background-color: #1464A0;
  1007. }
  1008. QComboBox::indicator {
  1009. border: none;
  1010. border-radius: 0;
  1011. background-color: transparent;
  1012. selection-background-color: transparent;
  1013. color: transparent;
  1014. selection-color: transparent;
  1015. /* Needed to remove indicator - fix #132 */
  1016. }
  1017. QComboBox::indicator:alternate {
  1018. background: #19232D;
  1019. }
  1020. QComboBox::item:alternate {
  1021. background: #19232D;
  1022. }
  1023. QComboBox::item:checked {
  1024. font-weight: bold;
  1025. }
  1026. QComboBox::item:selected {
  1027. border: 0px solid transparent;
  1028. }
  1029. QComboBox::drop-down {
  1030. subcontrol-origin: padding;
  1031. subcontrol-position: top right;
  1032. width: 12px;
  1033. border-left: 1px solid #32414B;
  1034. }
  1035. QComboBox::down-arrow {
  1036. image: url(":/qss_icons/rc/arrow_down_disabled.png");
  1037. height: 8px;
  1038. width: 8px;
  1039. }
  1040. QComboBox::down-arrow:on, QComboBox::down-arrow:hover, QComboBox::down-arrow:focus {
  1041. image: url(":/qss_icons/rc/arrow_down.png");
  1042. }
  1043. /* QSlider ----------------------------------------------------------------
  1044. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qslider
  1045. --------------------------------------------------------------------------- */
  1046. QSlider:disabled {
  1047. background: #19232D;
  1048. }
  1049. QSlider:focus {
  1050. border: none;
  1051. }
  1052. QSlider::groove:horizontal {
  1053. background: #32414B;
  1054. border: 1px solid #32414B;
  1055. height: 4px;
  1056. margin: 0px;
  1057. border-radius: 4px;
  1058. }
  1059. QSlider::groove:vertical {
  1060. background: #32414B;
  1061. border: 1px solid #32414B;
  1062. width: 4px;
  1063. margin: 0px;
  1064. border-radius: 4px;
  1065. }
  1066. QSlider::add-page:vertical {
  1067. background: #1464A0;
  1068. border: 1px solid #32414B;
  1069. width: 4px;
  1070. margin: 0px;
  1071. border-radius: 4px;
  1072. }
  1073. QSlider::add-page:vertical :disabled {
  1074. background: #14506E;
  1075. }
  1076. QSlider::sub-page:horizontal {
  1077. background: #1464A0;
  1078. border: 1px solid #32414B;
  1079. height: 4px;
  1080. margin: 0px;
  1081. border-radius: 4px;
  1082. }
  1083. QSlider::sub-page:horizontal:disabled {
  1084. background: #14506E;
  1085. }
  1086. QSlider::handle:horizontal {
  1087. background: #787878;
  1088. border: 1px solid #32414B;
  1089. width: 8px;
  1090. height: 8px;
  1091. margin: -8px 0px;
  1092. border-radius: 4px;
  1093. }
  1094. QSlider::handle:horizontal:hover {
  1095. background: #148CD2;
  1096. border: 1px solid #148CD2;
  1097. }
  1098. QSlider::handle:horizontal:focus {
  1099. border: 1px solid #1464A0;
  1100. }
  1101. QSlider::handle:vertical {
  1102. background: #787878;
  1103. border: 1px solid #32414B;
  1104. width: 8px;
  1105. height: 8px;
  1106. margin: 0 -8px;
  1107. border-radius: 4px;
  1108. }
  1109. QSlider::handle:vertical:hover {
  1110. background: #148CD2;
  1111. border: 1px solid #148CD2;
  1112. }
  1113. QSlider::handle:vertical:focus {
  1114. border: 1px solid #1464A0;
  1115. }
  1116. /* QLineEdit --------------------------------------------------------------
  1117. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qlineedit
  1118. --------------------------------------------------------------------------- */
  1119. QLineEdit {
  1120. background-color: #19232D;
  1121. padding-top: 2px;
  1122. /* This QLineEdit fix 103, 111 */
  1123. padding-bottom: 2px;
  1124. /* This QLineEdit fix 103, 111 */
  1125. padding-left: 4px;
  1126. padding-right: 4px;
  1127. border-style: solid;
  1128. border: 1px solid #32414B;
  1129. border-radius: 4px;
  1130. color: #F0F0F0;
  1131. }
  1132. QLineEdit:disabled {
  1133. background-color: #19232D;
  1134. color: #787878;
  1135. }
  1136. QLineEdit:hover {
  1137. border: 1px solid #148CD2;
  1138. color: #F0F0F0;
  1139. }
  1140. QLineEdit:focus {
  1141. border: 1px solid #1464A0;
  1142. }
  1143. QLineEdit:selected {
  1144. background-color: #1464A0;
  1145. color: #32414B;
  1146. }
  1147. /* QTabWiget --------------------------------------------------------------
  1148. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtabwidget-and-qtabbar
  1149. --------------------------------------------------------------------------- */
  1150. QTabWidget {
  1151. padding: 2px;
  1152. selection-background-color: #32414B;
  1153. }
  1154. QTabWidget QWidget {
  1155. /* Fixes #189 */
  1156. border-radius: 4px;
  1157. }
  1158. QTabWidget::pane {
  1159. border: 1px solid #32414B;
  1160. border-radius: 4px;
  1161. margin: 0px;
  1162. /* Fixes double border inside pane with pyqt5 */
  1163. padding: 0px;
  1164. }
  1165. QTabWidget::pane:selected {
  1166. background-color: #32414B;
  1167. border: 1px solid #1464A0;
  1168. }
  1169. /* QTabBar ----------------------------------------------------------------
  1170. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtabwidget-and-qtabbar
  1171. --------------------------------------------------------------------------- */
  1172. QTabBar {
  1173. qproperty-drawBase: 0;
  1174. border-radius: 4px;
  1175. margin: 0px;
  1176. padding: 2px;
  1177. border: 0;
  1178. /* left: 5px; move to the right by 5px - removed for fix */
  1179. }
  1180. QTabBar::close-button {
  1181. border: 0;
  1182. margin: 2px;
  1183. padding: 2px;
  1184. image: url(":/qss_icons/rc/window_close.png");
  1185. }
  1186. QTabBar::close-button:hover {
  1187. image: url(":/qss_icons/rc/window_close_focus.png");
  1188. }
  1189. QTabBar::close-button:pressed {
  1190. image: url(":/qss_icons/rc/window_close_pressed.png");
  1191. }
  1192. /* QTabBar::tab - selected ------------------------------------------------
  1193. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtabwidget-and-qtabbar
  1194. --------------------------------------------------------------------------- */
  1195. QTabBar::tab {
  1196. /* !selected and disabled ----------------------------------------- */
  1197. /* selected ------------------------------------------------------- */
  1198. }
  1199. QTabBar::tab:top:selected:disabled {
  1200. border-bottom: 3px solid #14506E;
  1201. color: #787878;
  1202. background-color: #32414B;
  1203. }
  1204. QTabBar::tab:bottom:selected:disabled {
  1205. border-top: 3px solid #14506E;
  1206. color: #787878;
  1207. background-color: #32414B;
  1208. }
  1209. QTabBar::tab:left:selected:disabled {
  1210. border-right: 3px solid #14506E;
  1211. color: #787878;
  1212. background-color: #32414B;
  1213. }
  1214. QTabBar::tab:right:selected:disabled {
  1215. border-left: 3px solid #14506E;
  1216. color: #787878;
  1217. background-color: #32414B;
  1218. }
  1219. QTabBar::tab:top:!selected:disabled {
  1220. border-bottom: 3px solid #19232D;
  1221. color: #787878;
  1222. background-color: #19232D;
  1223. }
  1224. QTabBar::tab:bottom:!selected:disabled {
  1225. border-top: 3px solid #19232D;
  1226. color: #787878;
  1227. background-color: #19232D;
  1228. }
  1229. QTabBar::tab:left:!selected:disabled {
  1230. border-right: 3px solid #19232D;
  1231. color: #787878;
  1232. background-color: #19232D;
  1233. }
  1234. QTabBar::tab:right:!selected:disabled {
  1235. border-left: 3px solid #19232D;
  1236. color: #787878;
  1237. background-color: #19232D;
  1238. }
  1239. QTabBar::tab:top:!selected {
  1240. border-bottom: 2px solid #19232D;
  1241. margin-top: 2px;
  1242. }
  1243. QTabBar::tab:bottom:!selected {
  1244. border-top: 2px solid #19232D;
  1245. margin-bottom: 3px;
  1246. }
  1247. QTabBar::tab:left:!selected {
  1248. border-left: 2px solid #19232D;
  1249. margin-right: 2px;
  1250. }
  1251. QTabBar::tab:right:!selected {
  1252. border-right: 2px solid #19232D;
  1253. margin-left: 2px;
  1254. }
  1255. QTabBar::tab:top {
  1256. background-color: #32414B;
  1257. color: #F0F0F0;
  1258. margin-left: 2px;
  1259. padding-left: 4px;
  1260. padding-right: 4px;
  1261. padding-top: 2px;
  1262. padding-bottom: 2px;
  1263. min-width: 5px;
  1264. border-bottom: 3px solid #32414B;
  1265. border-top-left-radius: 3px;
  1266. border-top-right-radius: 3px;
  1267. }
  1268. QTabBar::tab:top:selected {
  1269. background-color: #505F69;
  1270. color: #F0F0F0;
  1271. border-bottom: 3px solid #1464A0;
  1272. border-top-left-radius: 3px;
  1273. border-top-right-radius: 3px;
  1274. }
  1275. QTabBar::tab:top:!selected:hover {
  1276. border: 1px solid #148CD2;
  1277. border-bottom: 3px solid #148CD2;
  1278. /* Fixes spyder-ide/spyder#9766 */
  1279. padding-left: 4px;
  1280. padding-right: 4px;
  1281. }
  1282. QTabBar::tab:bottom {
  1283. color: #F0F0F0;
  1284. border-top: 3px solid #32414B;
  1285. background-color: #32414B;
  1286. margin-left: 2px;
  1287. padding-left: 4px;
  1288. padding-right: 4px;
  1289. padding-top: 2px;
  1290. padding-bottom: 2px;
  1291. border-bottom-left-radius: 3px;
  1292. border-bottom-right-radius: 3px;
  1293. min-width: 5px;
  1294. }
  1295. QTabBar::tab:bottom:selected {
  1296. color: #F0F0F0;
  1297. background-color: #505F69;
  1298. border-top: 3px solid #1464A0;
  1299. border-bottom-left-radius: 3px;
  1300. border-bottom-right-radius: 3px;
  1301. }
  1302. QTabBar::tab:bottom:!selected:hover {
  1303. border: 1px solid #148CD2;
  1304. border-top: 3px solid #148CD2;
  1305. /* Fixes spyder-ide/spyder#9766 */
  1306. padding-left: 4px;
  1307. padding-right: 4px;
  1308. }
  1309. QTabBar::tab:left {
  1310. color: #F0F0F0;
  1311. background-color: #32414B;
  1312. margin-top: 2px;
  1313. padding-left: 2px;
  1314. padding-right: 2px;
  1315. padding-top: 4px;
  1316. padding-bottom: 4px;
  1317. border-top-left-radius: 3px;
  1318. border-bottom-left-radius: 3px;
  1319. min-height: 5px;
  1320. }
  1321. QTabBar::tab:left:selected {
  1322. color: #F0F0F0;
  1323. background-color: #505F69;
  1324. border-right: 3px solid #1464A0;
  1325. }
  1326. QTabBar::tab:left:!selected:hover {
  1327. border: 1px solid #148CD2;
  1328. border-right: 3px solid #148CD2;
  1329. padding: 0px;
  1330. }
  1331. QTabBar::tab:right {
  1332. color: #F0F0F0;
  1333. background-color: #32414B;
  1334. margin-top: 2px;
  1335. padding-left: 2px;
  1336. padding-right: 2px;
  1337. padding-top: 4px;
  1338. padding-bottom: 4px;
  1339. border-top-right-radius: 3px;
  1340. border-bottom-right-radius: 3px;
  1341. min-height: 5px;
  1342. }
  1343. QTabBar::tab:right:selected {
  1344. color: #F0F0F0;
  1345. background-color: #505F69;
  1346. border-left: 3px solid #1464A0;
  1347. }
  1348. QTabBar::tab:right:!selected:hover {
  1349. border: 1px solid #148CD2;
  1350. border-left: 3px solid #148CD2;
  1351. padding: 0px;
  1352. }
  1353. QTabBar QToolButton {
  1354. /* Fixes #136 */
  1355. background-color: #32414B;
  1356. height: 12px;
  1357. width: 12px;
  1358. }
  1359. QTabBar QToolButton:pressed {
  1360. background-color: #32414B;
  1361. }
  1362. QTabBar QToolButton:pressed:hover {
  1363. border: 1px solid #148CD2;
  1364. }
  1365. QTabBar QToolButton::left-arrow:enabled {
  1366. image: url(":/qss_icons/rc/arrow_left.png");
  1367. }
  1368. QTabBar QToolButton::left-arrow:disabled {
  1369. image: url(":/qss_icons/rc/arrow_left_disabled.png");
  1370. }
  1371. QTabBar QToolButton::right-arrow:enabled {
  1372. image: url(":/qss_icons/rc/arrow_right.png");
  1373. }
  1374. QTabBar QToolButton::right-arrow:disabled {
  1375. image: url(":/qss_icons/rc/arrow_right_disabled.png");
  1376. }
  1377. /* QDockWiget -------------------------------------------------------------
  1378. --------------------------------------------------------------------------- */
  1379. QDockWidget {
  1380. outline: 1px solid #32414B;
  1381. background-color: #19232D;
  1382. border: 1px solid #32414B;
  1383. border-radius: 4px;
  1384. titlebar-close-icon: url(":/qss_icons/rc/window_close.png");
  1385. titlebar-normal-icon: url(":/qss_icons/rc/window_undock.png");
  1386. }
  1387. QDockWidget::title {
  1388. /* Better size for title bar */
  1389. padding: 6px;
  1390. spacing: 4px;
  1391. border: none;
  1392. background-color: #32414B;
  1393. }
  1394. QDockWidget::close-button {
  1395. background-color: #32414B;
  1396. border-radius: 4px;
  1397. border: none;
  1398. }
  1399. QDockWidget::close-button:hover {
  1400. image: url(":/qss_icons/rc/window_close_focus.png");
  1401. }
  1402. QDockWidget::close-button:pressed {
  1403. image: url(":/qss_icons/rc/window_close_pressed.png");
  1404. }
  1405. QDockWidget::float-button {
  1406. background-color: #32414B;
  1407. border-radius: 4px;
  1408. border: none;
  1409. }
  1410. QDockWidget::float-button:hover {
  1411. image: url(":/qss_icons/rc/window_undock_focus.png");
  1412. }
  1413. QDockWidget::float-button:pressed {
  1414. image: url(":/qss_icons/rc/window_undock_pressed.png");
  1415. }
  1416. /* QTreeView QListView QTableView -----------------------------------------
  1417. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtreeview
  1418. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qlistview
  1419. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtableview
  1420. --------------------------------------------------------------------------- */
  1421. QTreeView:branch:selected, QTreeView:branch:hover {
  1422. background: url(":/qss_icons/rc/transparent.png");
  1423. }
  1424. QTreeView:branch:has-siblings:!adjoins-item {
  1425. border-image: url(":/qss_icons/rc/branch_line.png") 0;
  1426. }
  1427. QTreeView:branch:has-siblings:adjoins-item {
  1428. border-image: url(":/qss_icons/rc/branch_more.png") 0;
  1429. }
  1430. QTreeView:branch:!has-children:!has-siblings:adjoins-item {
  1431. border-image: url(":/qss_icons/rc/branch_end.png") 0;
  1432. }
  1433. QTreeView:branch:has-children:!has-siblings:closed, QTreeView:branch:closed:has-children:has-siblings {
  1434. border-image: none;
  1435. image: url(":/qss_icons/rc/branch_closed.png");
  1436. }
  1437. QTreeView:branch:open:has-children:!has-siblings, QTreeView:branch:open:has-children:has-siblings {
  1438. border-image: none;
  1439. image: url(":/qss_icons/rc/branch_open.png");
  1440. }
  1441. QTreeView:branch:has-children:!has-siblings:closed:hover, QTreeView:branch:closed:has-children:has-siblings:hover {
  1442. image: url(":/qss_icons/rc/branch_closed_focus.png");
  1443. }
  1444. QTreeView:branch:open:has-children:!has-siblings:hover, QTreeView:branch:open:has-children:has-siblings:hover {
  1445. image: url(":/qss_icons/rc/branch_open_focus.png");
  1446. }
  1447. QTreeView::indicator:checked,
  1448. QListView::indicator:checked {
  1449. image: url(":/qss_icons/rc/checkbox_checked.png");
  1450. }
  1451. QTreeView::indicator:checked:hover, QTreeView::indicator:checked:focus, QTreeView::indicator:checked:pressed,
  1452. QListView::indicator:checked:hover,
  1453. QListView::indicator:checked:focus,
  1454. QListView::indicator:checked:pressed {
  1455. image: url(":/qss_icons/rc/checkbox_checked_focus.png");
  1456. }
  1457. QTreeView::indicator:unchecked,
  1458. QListView::indicator:unchecked {
  1459. image: url(":/qss_icons/rc/checkbox_unchecked.png");
  1460. }
  1461. QTreeView::indicator:unchecked:hover, QTreeView::indicator:unchecked:focus, QTreeView::indicator:unchecked:pressed,
  1462. QListView::indicator:unchecked:hover,
  1463. QListView::indicator:unchecked:focus,
  1464. QListView::indicator:unchecked:pressed {
  1465. image: url(":/qss_icons/rc/checkbox_unchecked_focus.png");
  1466. }
  1467. QTreeView::indicator:indeterminate,
  1468. QListView::indicator:indeterminate {
  1469. image: url(":/qss_icons/rc/checkbox_indeterminate.png");
  1470. }
  1471. QTreeView::indicator:indeterminate:hover, QTreeView::indicator:indeterminate:focus, QTreeView::indicator:indeterminate:pressed,
  1472. QListView::indicator:indeterminate:hover,
  1473. QListView::indicator:indeterminate:focus,
  1474. QListView::indicator:indeterminate:pressed {
  1475. image: url(":/qss_icons/rc/checkbox_indeterminate_focus.png");
  1476. }
  1477. QTreeView,
  1478. QListView,
  1479. QTableView,
  1480. QColumnView {
  1481. background-color: #19232D;
  1482. border: 1px solid #32414B;
  1483. color: #F0F0F0;
  1484. gridline-color: #32414B;
  1485. border-radius: 4px;
  1486. }
  1487. QTreeView:disabled,
  1488. QListView:disabled,
  1489. QTableView:disabled,
  1490. QColumnView:disabled {
  1491. background-color: #19232D;
  1492. color: #787878;
  1493. }
  1494. QTreeView:selected,
  1495. QListView:selected,
  1496. QTableView:selected,
  1497. QColumnView:selected {
  1498. background-color: #1464A0;
  1499. color: #32414B;
  1500. }
  1501. QTreeView:hover,
  1502. QListView:hover,
  1503. QTableView:hover,
  1504. QColumnView:hover {
  1505. background-color: #19232D;
  1506. border: 1px solid #148CD2;
  1507. }
  1508. QTreeView::item:pressed,
  1509. QListView::item:pressed,
  1510. QTableView::item:pressed,
  1511. QColumnView::item:pressed {
  1512. background-color: #1464A0;
  1513. }
  1514. QTreeView::item:selected:hover,
  1515. QListView::item:selected:hover,
  1516. QTableView::item:selected:hover,
  1517. QColumnView::item:selected:hover {
  1518. background: #1464A0;
  1519. color: #19232D;
  1520. }
  1521. QTreeView::item:selected:active,
  1522. QListView::item:selected:active,
  1523. QTableView::item:selected:active,
  1524. QColumnView::item:selected:active {
  1525. background-color: #1464A0;
  1526. }
  1527. QTreeView::item:!selected:hover,
  1528. QListView::item:!selected:hover,
  1529. QTableView::item:!selected:hover,
  1530. QColumnView::item:!selected:hover {
  1531. outline: 0;
  1532. color: #148CD2;
  1533. background-color: #32414B;
  1534. }
  1535. QTableCornerButton::section {
  1536. background-color: #19232D;
  1537. border: 1px transparent #32414B;
  1538. border-radius: 0px;
  1539. }
  1540. /* QHeaderView ------------------------------------------------------------
  1541. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qheaderview
  1542. --------------------------------------------------------------------------- */
  1543. QHeaderView {
  1544. background-color: #32414B;
  1545. border: 0px transparent #32414B;
  1546. padding: 0px;
  1547. margin: 0px;
  1548. border-radius: 0px;
  1549. }
  1550. QHeaderView:disabled {
  1551. background-color: #32414B;
  1552. border: 1px transparent #32414B;
  1553. padding: 2px;
  1554. }
  1555. QHeaderView::section {
  1556. background-color: #32414B;
  1557. color: #F0F0F0;
  1558. padding: 2px;
  1559. border-radius: 0px;
  1560. text-align: left;
  1561. }
  1562. QHeaderView::section:checked {
  1563. color: #F0F0F0;
  1564. background-color: #1464A0;
  1565. }
  1566. QHeaderView::section:checked:disabled {
  1567. color: #787878;
  1568. background-color: #14506E;
  1569. }
  1570. QHeaderView::section::horizontal {
  1571. padding-left: 4px;
  1572. padding-right: 4px;
  1573. border-left: 1px solid #19232D;
  1574. }
  1575. QHeaderView::section::horizontal::first, QHeaderView::section::horizontal::only-one {
  1576. border-left: 1px solid #32414B;
  1577. }
  1578. QHeaderView::section::horizontal:disabled {
  1579. color: #787878;
  1580. }
  1581. QHeaderView::section::vertical {
  1582. padding-left: 4px;
  1583. padding-right: 4px;
  1584. border-top: 1px solid #19232D;
  1585. }
  1586. QHeaderView::section::vertical::first, QHeaderView::section::vertical::only-one {
  1587. border-top: 1px solid #32414B;
  1588. }
  1589. QHeaderView::section::vertical:disabled {
  1590. color: #787878;
  1591. }
  1592. QHeaderView::down-arrow {
  1593. /* Those settings (border/width/height/background-color) solve bug */
  1594. /* transparent arrow background and size */
  1595. background-color: #32414B;
  1596. border: none;
  1597. height: 12px;
  1598. width: 12px;
  1599. padding-left: 2px;
  1600. padding-right: 2px;
  1601. image: url(":/qss_icons/rc/arrow_down.png");
  1602. }
  1603. QHeaderView::up-arrow {
  1604. background-color: #32414B;
  1605. border: none;
  1606. height: 12px;
  1607. width: 12px;
  1608. padding-left: 2px;
  1609. padding-right: 2px;
  1610. image: url(":/qss_icons/rc/arrow_up.png");
  1611. }
  1612. /* QToolBox --------------------------------------------------------------
  1613. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtoolbox
  1614. --------------------------------------------------------------------------- */
  1615. QToolBox {
  1616. padding: 0px;
  1617. border: 0px;
  1618. border: 1px solid #32414B;
  1619. }
  1620. QToolBox:selected {
  1621. padding: 0px;
  1622. border: 2px solid #1464A0;
  1623. }
  1624. QToolBox::tab {
  1625. background-color: #19232D;
  1626. border: 1px solid #32414B;
  1627. color: #F0F0F0;
  1628. border-top-left-radius: 4px;
  1629. border-top-right-radius: 4px;
  1630. }
  1631. QToolBox::tab:disabled {
  1632. color: #787878;
  1633. }
  1634. QToolBox::tab:selected {
  1635. background-color: #505F69;
  1636. border-bottom: 2px solid #1464A0;
  1637. }
  1638. QToolBox::tab:selected:disabled {
  1639. background-color: #32414B;
  1640. border-bottom: 2px solid #14506E;
  1641. }
  1642. QToolBox::tab:!selected {
  1643. background-color: #32414B;
  1644. border-bottom: 2px solid #32414B;
  1645. }
  1646. QToolBox::tab:!selected:disabled {
  1647. background-color: #19232D;
  1648. }
  1649. QToolBox::tab:hover {
  1650. border-color: #148CD2;
  1651. border-bottom: 2px solid #148CD2;
  1652. }
  1653. QToolBox QScrollArea QWidget QWidget {
  1654. padding: 0px;
  1655. border: 0px;
  1656. background-color: #19232D;
  1657. }
  1658. /* QFrame -----------------------------------------------------------------
  1659. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qframe
  1660. https://doc.qt.io/qt-5/qframe.html#-prop
  1661. https://doc.qt.io/qt-5/qframe.html#details
  1662. https://stackoverflow.com/questions/14581498/qt-stylesheet-for-hline-vline-color
  1663. --------------------------------------------------------------------------- */
  1664. /* (dot) .QFrame fix #141, #126, #123 */
  1665. .QFrame {
  1666. border-radius: 4px;
  1667. border: 1px solid #32414B;
  1668. /* No frame */
  1669. /* HLine */
  1670. /* HLine */
  1671. }
  1672. .QFrame[frameShape="0"] {
  1673. border-radius: 4px;
  1674. border: 1px transparent #32414B;
  1675. }
  1676. .QFrame[frameShape="4"] {
  1677. max-height: 2px;
  1678. border: none;
  1679. background-color: #32414B;
  1680. }
  1681. .QFrame[frameShape="5"] {
  1682. max-width: 2px;
  1683. border: none;
  1684. background-color: #32414B;
  1685. }
  1686. /* QSplitter --------------------------------------------------------------
  1687. https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qsplitter
  1688. --------------------------------------------------------------------------- */
  1689. QSplitter {
  1690. background-color: #32414B;
  1691. spacing: 0px;
  1692. padding: 0px;
  1693. margin: 0px;
  1694. }
  1695. QSplitter::handle {
  1696. background-color: #32414B;
  1697. border: 0px solid #19232D;
  1698. spacing: 0px;
  1699. padding: 1px;
  1700. margin: 0px;
  1701. }
  1702. QSplitter::handle:hover {
  1703. background-color: #787878;
  1704. }
  1705. QSplitter::handle:horizontal {
  1706. width: 5px;
  1707. image: url(":/qss_icons/rc/line_vertical.png");
  1708. }
  1709. QSplitter::handle:vertical {
  1710. height: 5px;
  1711. image: url(":/qss_icons/rc/line_horizontal.png");
  1712. }
  1713. /* QDateEdit, QDateTimeEdit -----------------------------------------------
  1714. --------------------------------------------------------------------------- */
  1715. QDateEdit, QDateTimeEdit {
  1716. selection-background-color: #1464A0;
  1717. border-style: solid;
  1718. border: 1px solid #32414B;
  1719. border-radius: 4px;
  1720. /* This fixes 103, 111 */
  1721. padding-top: 2px;
  1722. /* This fixes 103, 111 */
  1723. padding-bottom: 2px;
  1724. padding-left: 4px;
  1725. padding-right: 4px;
  1726. min-width: 10px;
  1727. }
  1728. QDateEdit:on, QDateTimeEdit:on {
  1729. selection-background-color: #1464A0;
  1730. }
  1731. QDateEdit::drop-down, QDateTimeEdit::drop-down {
  1732. subcontrol-origin: padding;
  1733. subcontrol-position: top right;
  1734. width: 12px;
  1735. border-left: 1px solid #32414B;
  1736. }
  1737. QDateEdit::down-arrow, QDateTimeEdit::down-arrow {
  1738. image: url(":/qss_icons/rc/arrow_down_disabled.png");
  1739. height: 8px;
  1740. width: 8px;
  1741. }
  1742. QDateEdit::down-arrow:on, QDateEdit::down-arrow:hover, QDateEdit::down-arrow:focus, QDateTimeEdit::down-arrow:on, QDateTimeEdit::down-arrow:hover, QDateTimeEdit::down-arrow:focus {
  1743. image: url(":/qss_icons/rc/arrow_down.png");
  1744. }
  1745. QDateEdit QAbstractItemView, QDateTimeEdit QAbstractItemView {
  1746. background-color: #19232D;
  1747. border-radius: 4px;
  1748. border: 1px solid #32414B;
  1749. selection-background-color: #1464A0;
  1750. }
  1751. /* QAbstractView ----------------------------------------------------------
  1752. --------------------------------------------------------------------------- */
  1753. QAbstractView:hover {
  1754. border: 1px solid #148CD2;
  1755. color: #F0F0F0;
  1756. }
  1757. QAbstractView:selected {
  1758. background: #1464A0;
  1759. color: #32414B;
  1760. }
  1761. /* PlotWidget -------------------------------------------------------------
  1762. --------------------------------------------------------------------------- */
  1763. PlotWidget {
  1764. /* Fix cut labels in plots #134 */
  1765. padding: 0px;
  1766. }