AssetProcessorGlobalStyleSheet.qss 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524
  1. /* ============================================================= */
  2. /* Global styles */
  3. /* ============================================================= */
  4. *
  5. {
  6. background-color: @WindowBackgroundColor;
  7. color: @TextColor;
  8. }
  9. QMainWindow, QDialog
  10. {
  11. color: @TextColor;
  12. background-color: @WindowBackgroundColor;
  13. }
  14. QDockWidget
  15. {
  16. color: @DockWidgetTextColor;
  17. background-color: @WindowBackgroundColor;
  18. }
  19. QDockWidget::title {
  20. text-align: left;
  21. background: @DockWindowTitleBarColor;
  22. padding-left: 5px;
  23. }
  24. QLabel
  25. {
  26. color: @TextColor;
  27. background-color: @WindowBackgroundColor;
  28. }
  29. QTreeView
  30. {
  31. color: @TextColor;
  32. background: @PanelBackgroundColor;
  33. }
  34. QLineEdit, QTextEdit, QComboBox
  35. {
  36. color: @TextColor;
  37. border: 1px solid @PanelBackgroundColor;
  38. background: @PanelBackgroundColor;
  39. }
  40. QTextEdit[class='CloudCanvas']
  41. {
  42. background: #212225;
  43. }
  44. /* ----------- Primary button: ---------- */
  45. QPushButton[class='Primary']
  46. {
  47. font-size: 0.875em;
  48. font-weight: 600;
  49. border: 1px solid rgb(33, 34, 35);
  50. border-radius: 3px;
  51. padding-left: 6px;
  52. padding-right: 6px;
  53. padding-top: 2px;
  54. padding-bottom: 2px;
  55. height: 15px;
  56. }
  57. QPushButton[class='Primary']:!pressed
  58. {
  59. background-color: qlineargradient(spread:pad, x1:0 y1:0, x2:0 y2:1, stop:0 rgb(243, 129, 29), stop:1 rgb(229, 113, 11));
  60. }
  61. QPushButton[class='Primary']:hover
  62. {
  63. background-color: qlineargradient(spread:pad, x1:0 y1:0, x2:0 y2:1, stop:0 rgb(244, 142, 52), stop:1 rgb(232, 127, 35));
  64. }
  65. QPushButton[class='Primary']:pressed
  66. {
  67. background-color: qlineargradient(spread:pad, x1:0 y1:0, x2:0 y2:1, stop:0 rgb(201, 110, 31), stop:1 rgb(190, 97, 17));
  68. }
  69. /* --------- Primary Disabled Button -------------- */
  70. QPushButton[class='Primary']:disabled
  71. {
  72. background-color: qlineargradient(spread:pad, x1:0 y1:0, x2:0 y2:1, stop:0 rgb(201, 110, 31), stop:1 rgb(190, 97, 17));
  73. color: @PushButtonDisabledColor;
  74. }
  75. QPushButton
  76. {
  77. color: @TextColor;
  78. background-color: @WindowBackgroundColor;
  79. }
  80. QPushButton:disabled
  81. {
  82. color: @PushButtonDisabledColor;
  83. }
  84. QToolButton
  85. {
  86. color: @TextColor;
  87. background-color: @WindowBackgroundColor;
  88. border: 1px solid "transparent";
  89. }
  90. QToolButton[popupMode="1"]
  91. {
  92. padding-right:20px;
  93. }
  94. QToolButton:hover
  95. {
  96. background-color: @ToolButtonHoverBackgroundColor;
  97. border: 1px solid @ToolButtonPressedBorderColor;
  98. }
  99. QToolButton:pressed
  100. {
  101. background-color: @ToolButtonPressedBackgroundColor;
  102. border: 1px solid @ToolButtonPressedBorderColor;
  103. }
  104. QToolButton:checked
  105. {
  106. background-color: @ToolButtonCheckedBackgroundColor;
  107. border: 1px solid @ToolButtonPressedBorderColor;
  108. }
  109. QToolBar
  110. {
  111. background: @WindowBackgroundColor;
  112. }
  113. QMenuBar
  114. {
  115. color: @TextColor;
  116. background: @WindowBackgroundColor;
  117. }
  118. QMenu
  119. {
  120. color: @TextColor;
  121. border: 1px solid @ScrollbarHandleBorderColor;
  122. }
  123. QMenu::item
  124. {
  125. color: @MenuEnabledTextColor;
  126. padding: 2px 25px 2px 20px;
  127. border: 1px solid transparent;
  128. }
  129. QMenu::item:selected
  130. {
  131. border: 1px solid @MenuItemSelectedColor;
  132. }
  133. QMenu::item:disabled
  134. {
  135. color: @MenuDisabledTextColor;
  136. border: 1px solid transparent;
  137. }
  138. QToolBar::separator
  139. {
  140. background: @TextColor;
  141. margin-left: 3px;
  142. margin-right: 3px;
  143. width: 1px;
  144. }
  145. QScrollBar:vertical
  146. {
  147. border: 0px solid @ScrollbarBorderColor;
  148. background-color: @ScrollbarBackgroundColor;
  149. margin: 14px 0 14px 0;
  150. }
  151. QScrollBar::handle:vertical
  152. {
  153. background-color: @ScrollbarHandleBackgroundColor;
  154. border: 1px solid @ScrollbarHandleBorderColor;
  155. min-height: 20px;
  156. margin: 2px 2px 2px 2px;
  157. }
  158. QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical
  159. {
  160. background-color: @ScrollbarBackgroundColor;
  161. }
  162. QScrollBar::add-line:vertical
  163. {
  164. border: 1px solid @ScrollbarHandleBorderColor;
  165. background-color: @ScrollbarBackgroundColor;
  166. height: 12px;
  167. width: 12px;
  168. subcontrol-position: bottom;
  169. subcontrol-origin: margin;
  170. }
  171. QScrollBar::sub-line:vertical
  172. {
  173. border: 1px solid @MenuBorderColor;
  174. background-color: @ScrollbarBackgroundColor;
  175. height: 12px;
  176. width: 12px;
  177. subcontrol-position: top;
  178. subcontrol-origin: margin;
  179. }
  180. QScrollBar::up-arrow:vertical
  181. {
  182. border: 1px solid @MenuBorderColor;
  183. border-image: url(Editor/Styles/StyleSheetImages/arrow_up_V2.png) 0 0 0 0 stretch stretch;
  184. }
  185. QScrollBar::down-arrow:vertical
  186. {
  187. border: 1px solid @MenuBorderColor;
  188. border-image: url(Editor/Styles/StyleSheetImages/arrow_down_V2.png) 0 0 0 0 stretch stretch;
  189. }
  190. QScrollBar:horizontal
  191. {
  192. border: 0px solid black;
  193. background-color: @ScrollbarBackgroundColor;
  194. margin: 0px 14px 0px 14px;
  195. }
  196. QScrollBar::handle:horizontal
  197. {
  198. background-color: @ScrollbarHandleBackgroundColor;
  199. border: 1px solid @ScrollbarHandleBorderColor;
  200. min-width: 20px;
  201. margin: 2px 2px 2px 2px;
  202. }
  203. QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal
  204. {
  205. background-color: @ScrollbarBackgroundColor;
  206. }
  207. QScrollBar::add-line:horizontal
  208. {
  209. border: 1px solid @ScrollbarHandleBorderColor;
  210. background-color: @ScrollbarBackgroundColor;
  211. height: 12px;
  212. width: 12px;
  213. subcontrol-position: right;
  214. subcontrol-origin: margin;
  215. }
  216. QScrollBar::sub-line:horizontal
  217. {
  218. border: 1px solid @ScrollbarHandleBorderColor;
  219. background-color: @ScrollbarBackgroundColor;
  220. height: 12px;
  221. width: 12px;
  222. subcontrol-position: left;
  223. subcontrol-origin: margin;
  224. }
  225. QScrollBar::left-arrow:horizontal
  226. {
  227. border: 1px solid @ScrollbarHandleBorderColor;
  228. border-image: url(Editor/Styles/StyleSheetImages/arrow_left_V2.png) 0 0 0 0 stretch stretch;
  229. }
  230. QScrollBar::right-arrow:horizontal
  231. {
  232. border: 1px solid @ScrollbarHandleBorderColor;
  233. border-image: url(Editor/Styles/StyleSheetImages/arrow_right_V2.png) 0 0 0 0 stretch stretch;
  234. }
  235. QSlider::handle:horizontal
  236. {
  237. background-color: @ScrollbarHandleBackgroundColor;
  238. border: 1px solid @ScrollbarHandleBorderColor;
  239. border-radius: 2px;
  240. margin: -4px 0px -4px 0px;
  241. width: 9px;
  242. }
  243. QSlider:groove:horizontal
  244. {
  245. border: 1px solid @ScrollbarBorderColor;
  246. height: 3px;
  247. }
  248. QSlider::add-page:horizontal
  249. {
  250. border: 1px solid @ScrollbarHandleBorderColor;
  251. margin: 1px;
  252. }
  253. QSlider::sub-page:horizontal
  254. {
  255. border: 1px solid @ScrollbarHandleBorderColor;
  256. margin: 1px;
  257. }
  258. QSlider::handle:vertical
  259. {
  260. background-color: @ScrollbarHandleBackgroundColor;
  261. border: 1px solid @ScrollbarHandleBorderColor;
  262. border-radius: 2px;
  263. margin: 0px -4px 0px -4px;
  264. height: 9px;
  265. }
  266. QSlider:groove:vertical
  267. {
  268. border: 1px solid @ScrollbarBorderColor;
  269. width: 3px;
  270. }
  271. QSlider::add-page:vertical
  272. {
  273. border: 1px solid @ScrollbarHandleBorderColor;
  274. margin: 1px;
  275. }
  276. QSlider::sub-page:vertical
  277. {
  278. border: 1px solid @ScrollbarHandleBorderColor;
  279. margin: 1px;
  280. }
  281. QHeaderView::section
  282. {
  283. background-color: @WindowBackgroundColor;
  284. color: @TextColor;
  285. }
  286. QGroupBox::title
  287. {
  288. color: @TextColor;
  289. font-weight:bold;
  290. font-size: 16pt;
  291. }
  292. WelcomeScreenDialog QListView::item::hover
  293. {
  294. color: @MenuItemSelectedColor;
  295. }
  296. /* Style for checkboxes */
  297. QCheckBox {
  298. spacing: 5px;
  299. }
  300. QCheckBox::indicator {
  301. width: 15px;
  302. height: 15px;
  303. }
  304. QCheckBox::indicator:unchecked {
  305. image: url(STYLESHEETIMAGES:checkbox_unchecked.png);
  306. }
  307. QCheckBox::indicator:unchecked:hover {
  308. image: url(STYLESHEETIMAGES:checkbox_unchecked_hover.png);
  309. }
  310. QCheckBox::indicator:unchecked:pressed {
  311. image: url(STYLESHEETIMAGES:checkbox_unchecked_pressed.png);
  312. }
  313. QCheckBox::indicator:checked {
  314. image: url(STYLESHEETIMAGES:checkbox_checked.png);
  315. }
  316. QCheckBox::indicator:checked:hover {
  317. image: url(STYLESHEETIMAGES:checkbox_checked_hover.png);
  318. }
  319. QCheckBox::indicator:checked:pressed {
  320. image: url(STYLESHEETIMAGES:checkbox_checked_pressed.png);
  321. }
  322. QCheckBox::indicator:indeterminate:hover {
  323. image: url(STYLESHEETIMAGES:checkbox_indeterminate_hover.png);
  324. }
  325. QCheckBox::indicator:indeterminate:pressed {
  326. image: url(STYLESHEETIMAGES:checkbox_indeterminate_pressed.png);
  327. }
  328. /* Style for delineating component blocks in the entity property editor */
  329. AzToolsFramework--ReflectedPropertyEditor[ComponentBlock="true"]
  330. {
  331. margin: 2px;
  332. padding: 2px 2px 4px 2px;
  333. border-width: 0px 0px 2px 0px;
  334. border-color: @PanelBackgroundColor;
  335. border-style: solid;
  336. }
  337. /* ============================================================= */
  338. /* Styles applied through programmatically-set QT properties */
  339. /* ============================================================= */
  340. /* Style for pulse highlight widgets (outliner highlight, etc) */
  341. AzToolsFramework--OutlinerView QWidget[PulseHighlight="true"]
  342. {
  343. background-color: @MenuItemSelectedColor;
  344. }
  345. /* Style for highlighting valid drag-drops (entity references, etc) */
  346. AzToolsFramework--PropertyEntityIdCtrl AzToolsFramework--EntityIdQLabel[DropHighlight="true"]
  347. {
  348. background-color: @MenuItemSelectedColor;
  349. }
  350. AzToolsFramework--PropertyAssetCtrl QLabel[DropHighlight="true"]
  351. {
  352. background-color: @MenuItemSelectedColor;
  353. }
  354. /* Style for delineating component blocks in the entity property editor */
  355. AzToolsFramework--ReflectedPropertyEditor[ComponentBlock="true"]
  356. {
  357. margin: 2px;
  358. padding: 2px 2px 4px 2px;
  359. border-width: 0px 0px 2px 0px;
  360. border-color: @PanelBackgroundColor;
  361. border-style: solid;
  362. }
  363. /* Style for visualizing property values overridden from their prefab values */
  364. AzToolsFramework--PropertyRowWidget[IsOverridden="true"] QLabel#Name
  365. {
  366. font-weight: bold;
  367. color: @MenuItemSelectedColor;
  368. }
  369. /* Style for visualizing the root of components in the prop grid */
  370. /*
  371. AzToolsFramework--ReflectedPropertyEditor[ComponentBlock="true"] AzToolsFramework--PropertyRowWidget[Root="true"]
  372. {
  373. min-height: 30px;
  374. text-align: middle;
  375. }
  376. */
  377. AzToolsFramework--ReflectedPropertyEditor[ComponentBlock="true"] AzToolsFramework--PropertyRowWidget[Root="true"] *
  378. {
  379. font-weight: bold;
  380. }
  381. /* In the permissions and deployments window controls the edit boxes for profile name, access key id, and secret access key */
  382. QAWSQTControls--QAWSProfileLineEdit
  383. {
  384. border: 1px solid black;
  385. }
  386. QLabel#AboutPixmap
  387. {
  388. qproperty-pixmap: url(Editor/Styles/StyleSheetImages/@AboutPixmap);
  389. }
  390. Amazon--LoginDialog
  391. {
  392. background-color: #F8F8F8;
  393. }
  394. Amazon--LoginWelcomeTitle
  395. {
  396. color: #444444;
  397. background-color: #F8F8F8;
  398. font-size: 21px;
  399. qproperty-alignment: AlignCenter;
  400. font-family: "Open Sans Semibold";
  401. }
  402. Amazon--LoginWelcomeText
  403. {
  404. color: #444444;
  405. background-color: #F8F8F8;
  406. font-size: 13px;
  407. qproperty-alignment: AlignLeft;
  408. font-family: "Open Sans";
  409. }
  410. Amazon--LoginFooterText
  411. {
  412. color: #999999;
  413. background-color: #F8F8F8;
  414. font-size: 13px;
  415. qproperty-alignment: AlignCenter;
  416. font-family: "Open Sans";
  417. }
  418. Amazon--LoginWebViewFrame
  419. {
  420. border: 2px solid #EEEEEE;
  421. }
  422. Amazon--LoginWebView
  423. {
  424. background-color: #F8F8F8;
  425. }
  426. QLabel[class='Paragraph'] {font-size: 14px}
  427. QLabel[class='Heading1'] {font-size: 16px; font-weight:bold}
  428. QLabel[class='Heading2'] {font-size: 14px; font-weight:bold}
  429. QLabel[class='Error'] {color: @ResourceProgressError; }
  430. QLabel[class='Working'] {color: @ResourceProgressWorking; }
  431. QPushButton[class='Link'] { color: @LinkColor; }