@allurereport/web-awesome 3.0.0-beta.9 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (279) hide show
  1. package/dist/multi/173.app-9931797d1602fc52db5b.js +1 -0
  2. package/dist/multi/174.app-9931797d1602fc52db5b.js +1 -0
  3. package/dist/multi/252.app-9931797d1602fc52db5b.js +1 -0
  4. package/dist/multi/282.app-9931797d1602fc52db5b.js +1 -0
  5. package/dist/multi/29.app-9931797d1602fc52db5b.js +1 -0
  6. package/dist/multi/416.app-9931797d1602fc52db5b.js +1 -0
  7. package/dist/multi/527.app-9931797d1602fc52db5b.js +1 -0
  8. package/dist/multi/600.app-9931797d1602fc52db5b.js +1 -0
  9. package/dist/multi/605.app-9931797d1602fc52db5b.js +1 -0
  10. package/dist/multi/638.app-9931797d1602fc52db5b.js +1 -0
  11. package/dist/multi/672.app-9931797d1602fc52db5b.js +1 -0
  12. package/dist/multi/686.app-9931797d1602fc52db5b.js +1 -0
  13. package/dist/multi/725.app-9931797d1602fc52db5b.js +1 -0
  14. package/dist/multi/741.app-9931797d1602fc52db5b.js +1 -0
  15. package/dist/multi/755.app-9931797d1602fc52db5b.js +1 -0
  16. package/dist/multi/894.app-9931797d1602fc52db5b.js +1 -0
  17. package/dist/multi/91.app-9931797d1602fc52db5b.js +1 -0
  18. package/dist/multi/943.app-9931797d1602fc52db5b.js +1 -0
  19. package/dist/multi/980.app-9931797d1602fc52db5b.js +1 -0
  20. package/dist/multi/app-9931797d1602fc52db5b.js +2 -0
  21. package/dist/multi/app-9931797d1602fc52db5b.js.LICENSE.txt +10 -0
  22. package/dist/multi/manifest.json +25 -24
  23. package/dist/multi/styles-8fe37354d1c2270c691e.css +48 -0
  24. package/dist/single/app-6199dc1c2fd3bddc2526.js +2 -0
  25. package/dist/single/app-6199dc1c2fd3bddc2526.js.LICENSE.txt +10 -0
  26. package/dist/single/manifest.json +1 -1
  27. package/package.json +29 -17
  28. package/src/assets/scss/day.scss +2 -0
  29. package/src/assets/scss/index.scss +1 -3
  30. package/src/assets/scss/night.scss +2 -0
  31. package/src/assets/scss/palette.scss +391 -391
  32. package/src/assets/scss/theme.scss +292 -79
  33. package/src/components/BaseLayout/index.tsx +10 -32
  34. package/src/components/BaseLayout/styles.scss +14 -4
  35. package/src/components/Charts/index.tsx +245 -0
  36. package/src/components/Charts/styles.scss +27 -0
  37. package/src/components/EnvironmentPicker/index.tsx +60 -0
  38. package/src/components/EnvironmentPicker/styles.scss +9 -0
  39. package/src/components/Footer/FooterLogo.tsx +1 -2
  40. package/src/components/Footer/FooterVersion.tsx +7 -3
  41. package/src/components/Footer/index.tsx +6 -2
  42. package/src/components/Header/CiInfo/index.tsx +67 -0
  43. package/src/components/Header/CiInfo/styles.scss +7 -0
  44. package/src/components/Header/index.tsx +21 -8
  45. package/src/components/Header/styles.scss +9 -1
  46. package/src/components/HeaderControls/index.tsx +20 -0
  47. package/src/components/MainReport/index.tsx +84 -6
  48. package/src/components/MainReport/styles.scss +20 -0
  49. package/src/components/Metadata/index.tsx +6 -4
  50. package/src/components/MetadataButton/index.tsx +14 -6
  51. package/src/components/MetadataButton/styles.scss +3 -0
  52. package/src/components/Modal/index.tsx +15 -167
  53. package/src/components/NavTabs/index.tsx +70 -0
  54. package/src/components/{TestResult/TestResultTabs → NavTabs}/styles.scss +0 -3
  55. package/src/components/Report/index.tsx +7 -0
  56. package/src/components/ReportBody/Filters.tsx +45 -64
  57. package/src/components/ReportBody/index.tsx +26 -15
  58. package/src/components/ReportBody/styles.scss +9 -3
  59. package/src/components/ReportGlobalAttachments/index.tsx +34 -0
  60. package/src/components/ReportGlobalAttachments/styles.scss +11 -0
  61. package/src/components/ReportGlobalErrors/index.tsx +30 -0
  62. package/src/components/ReportGlobalErrors/styles.scss +12 -0
  63. package/src/components/ReportHeader/ReportHeaderLogo.tsx +6 -2
  64. package/src/components/ReportHeader/ReportHeaderPie.tsx +1 -2
  65. package/src/components/ReportHeader/index.tsx +38 -12
  66. package/src/components/ReportHeader/styles.scss +9 -1
  67. package/src/components/ReportMetadata/MetadataSummary.tsx +57 -65
  68. package/src/components/ReportMetadata/MetadataWithIcon.tsx +11 -13
  69. package/src/components/ReportMetadata/index.tsx +50 -3
  70. package/src/components/ReportMetadata/styles.scss +0 -2
  71. package/src/components/ReportQualityGateResults/index.tsx +42 -0
  72. package/src/components/ReportQualityGateResults/styles.scss +44 -0
  73. package/src/components/SectionPicker/index.tsx +55 -0
  74. package/src/components/SectionPicker/styles.scss +5 -0
  75. package/src/components/SectionSwitcher/index.tsx +16 -0
  76. package/src/components/SectionSwitcher/styles.scss +4 -0
  77. package/src/components/SectionTabs/index.tsx +0 -0
  78. package/src/components/SideBySide/index.tsx +52 -0
  79. package/src/components/SideBySide/styles.scss +64 -0
  80. package/src/components/SplitLayout/index.tsx +73 -0
  81. package/src/components/SplitLayout/styles.scss +84 -0
  82. package/src/components/Tabs/index.tsx +2 -2
  83. package/src/components/TestResult/TestStepsEmpty/index.tsx +2 -2
  84. package/src/components/TestResult/TrAttachmentsView/index.tsx +29 -0
  85. package/src/components/TestResult/{TestResultDescription → TrDescription}/index.tsx +5 -5
  86. package/src/components/TestResult/{TestResultDropdown → TrDropdown}/index.tsx +7 -5
  87. package/src/components/TestResult/{TestResultEmpty → TrEmpty}/index.tsx +6 -6
  88. package/src/components/TestResult/TrEnvironmentItem/index.tsx +82 -0
  89. package/src/components/TestResult/TrEnvironmentItem/styles.scss +60 -0
  90. package/src/components/TestResult/TrEnvironmentsView/index.tsx +64 -0
  91. package/src/components/TestResult/TrEnvironmentsView/styles.scss +11 -0
  92. package/src/components/TestResult/TrError/TrDiff.tsx +121 -0
  93. package/src/components/TestResult/TrError/index.tsx +104 -0
  94. package/src/components/TestResult/TrError/styles.scss +223 -0
  95. package/src/components/TestResult/TrHeader/TrBreadcrumbs.tsx +44 -0
  96. package/src/components/TestResult/TrHeader/index.tsx +15 -0
  97. package/src/components/TestResult/{TestResultHeader → TrHeader}/styles.scss +7 -2
  98. package/src/components/TestResult/TrHistory/TrHistoryItem.tsx +94 -0
  99. package/src/components/TestResult/TrHistory/index.tsx +26 -0
  100. package/src/components/TestResult/{TestResultHistory → TrHistory}/styles.scss +2 -1
  101. package/src/components/TestResult/{TestResultInfo/TestResultInfoStatuses.tsx → TrInfo/TrInfoStatuses.tsx} +6 -4
  102. package/src/components/TestResult/TrInfo/index.tsx +99 -0
  103. package/src/components/TestResult/{TestResultInfo → TrInfo}/styles.scss +18 -0
  104. package/src/components/TestResult/{TestResultLinks → TrLinks}/index.tsx +8 -8
  105. package/src/components/TestResult/{TestResultMetadata → TrMetadata}/index.tsx +6 -6
  106. package/src/components/TestResult/{TestResultNavigation → TrNavigation}/index.tsx +7 -9
  107. package/src/components/TestResult/TrOverview.tsx +46 -0
  108. package/src/components/TestResult/{TestResultParameters → TrParameters}/index.tsx +4 -4
  109. package/src/components/TestResult/TrPrevStatuses/index.tsx +63 -0
  110. package/src/components/TestResult/TrPwTraces/PwTrace.tsx +34 -0
  111. package/src/components/TestResult/TrPwTraces/PwTraceButton.tsx +32 -0
  112. package/src/components/TestResult/TrPwTraces/index.tsx +32 -0
  113. package/src/components/TestResult/TrPwTraces/styles.scss +20 -0
  114. package/src/components/TestResult/TrRetriesView/TrRetriesItem.tsx +70 -0
  115. package/src/components/TestResult/TrRetriesView/index.tsx +29 -0
  116. package/src/components/TestResult/{TestResultSetup → TrSetup}/index.tsx +13 -13
  117. package/src/components/TestResult/{TestResultSeverity → TrSeverity}/index.tsx +2 -2
  118. package/src/components/TestResult/{TestResultStatus → TrStatus}/index.tsx +5 -5
  119. package/src/components/TestResult/TrSteps/TrAttachment.tsx +118 -0
  120. package/src/components/TestResult/{TestResultSteps/testResultAttachmentInfo.tsx → TrSteps/TrAttachmentInfo.tsx} +11 -11
  121. package/src/components/TestResult/TrSteps/TrStep.tsx +98 -0
  122. package/src/components/TestResult/TrSteps/TrStepInfo.tsx +90 -0
  123. package/src/components/TestResult/{TestResultSteps → TrSteps}/index.tsx +12 -12
  124. package/src/components/TestResult/{TestResultSteps → TrSteps}/styles.scss +49 -10
  125. package/src/components/TestResult/{TestResultSteps → TrSteps}/wrongAttachment.tsx +1 -1
  126. package/src/components/TestResult/TrTabs/index.tsx +42 -0
  127. package/src/components/TestResult/{TestResultTeardown → TrTeardown}/index.tsx +13 -13
  128. package/src/components/TestResult/index.tsx +54 -38
  129. package/src/components/TestResult/styles.scss +12 -0
  130. package/src/components/Timeline/index.tsx +100 -0
  131. package/src/components/Timeline/styles.scss +45 -0
  132. package/src/components/ToggleLayout/index.tsx +17 -0
  133. package/src/components/Tree/index.tsx +123 -9
  134. package/src/components/Tree/styles.scss +23 -5
  135. package/src/index.html +22 -6
  136. package/src/index.tsx +91 -20
  137. package/src/locales/az.json +376 -0
  138. package/src/locales/de.json +376 -0
  139. package/src/locales/en.json +376 -0
  140. package/src/locales/es.json +376 -0
  141. package/src/locales/fr.json +376 -0
  142. package/src/locales/he.json +376 -0
  143. package/src/locales/hy.json +376 -0
  144. package/src/locales/it.json +376 -0
  145. package/src/locales/ja.json +376 -0
  146. package/src/locales/ka.json +376 -0
  147. package/src/locales/kr.json +376 -0
  148. package/src/locales/nl.json +376 -0
  149. package/src/locales/pl.json +384 -0
  150. package/src/locales/pt.json +376 -0
  151. package/src/locales/ru.json +384 -0
  152. package/src/locales/sv.json +376 -0
  153. package/src/locales/tr.json +376 -0
  154. package/src/locales/ua.json +327 -0
  155. package/src/locales/zh.json +376 -0
  156. package/src/stores/chart.ts +41 -6
  157. package/src/stores/env.ts +88 -0
  158. package/src/stores/envInfo.ts +2 -2
  159. package/src/stores/globals.ts +28 -0
  160. package/src/stores/layout.ts +36 -0
  161. package/src/stores/locale.ts +77 -29
  162. package/src/stores/modal.ts +22 -0
  163. package/src/stores/qualityGate.ts +28 -0
  164. package/src/stores/router.ts +108 -0
  165. package/src/stores/sections.ts +63 -0
  166. package/src/stores/stats.ts +52 -7
  167. package/src/stores/testResults.ts +13 -9
  168. package/src/stores/theme.ts +15 -18
  169. package/src/stores/timeline.ts +39 -0
  170. package/src/stores/tree.ts +61 -22
  171. package/src/stores/variables.ts +40 -0
  172. package/src/styles.scss +66 -0
  173. package/src/utils/time.ts +1 -0
  174. package/src/utils/tree.ts +23 -0
  175. package/src/utils/treeFilters.ts +27 -21
  176. package/test/components/Header/CiInfo.test.tsx +177 -0
  177. package/test/components/Header.test.tsx +122 -0
  178. package/test/utils/treeFilters.test.ts +44 -44
  179. package/tsconfig.json +7 -2
  180. package/tsconfig.node.json +8 -0
  181. package/types.d.ts +43 -24
  182. package/vitest.config.ts +15 -2
  183. package/vitest.setup.ts +1 -0
  184. package/webpack.config.js +35 -5
  185. package/dist/multi/141.app-f32e4213.js +0 -1
  186. package/dist/multi/222.app-f32e4213.js +0 -1
  187. package/dist/multi/335.app-f32e4213.js +0 -1
  188. package/dist/multi/34.app-f32e4213.js +0 -1
  189. package/dist/multi/349.app-f32e4213.js +0 -1
  190. package/dist/multi/378.app-f32e4213.js +0 -1
  191. package/dist/multi/406.app-f32e4213.js +0 -1
  192. package/dist/multi/476.app-f32e4213.js +0 -1
  193. package/dist/multi/53.app-f32e4213.js +0 -1
  194. package/dist/multi/584.app-f32e4213.js +0 -1
  195. package/dist/multi/690.app-f32e4213.js +0 -1
  196. package/dist/multi/747.app-f32e4213.js +0 -1
  197. package/dist/multi/767.app-f32e4213.js +0 -1
  198. package/dist/multi/816.app-f32e4213.js +0 -1
  199. package/dist/multi/83.app-f32e4213.js +0 -1
  200. package/dist/multi/873.app-f32e4213.js +0 -1
  201. package/dist/multi/920.app-f32e4213.js +0 -1
  202. package/dist/multi/991.app-f32e4213.js +0 -1
  203. package/dist/multi/app-f32e4213.js +0 -2
  204. package/dist/multi/app-f32e4213.js.LICENSE.txt +0 -16
  205. package/dist/multi/styles-f32e4213.css +0 -284
  206. package/dist/single/app-7fa8e43f.js +0 -2
  207. package/dist/single/app-7fa8e43f.js.LICENSE.txt +0 -16
  208. package/src/assets/scss/code.scss +0 -71
  209. package/src/assets/scss/typography.scss +0 -218
  210. package/src/components/ArrowButton/index.tsx +0 -36
  211. package/src/components/ArrowButton/styles.scss +0 -35
  212. package/src/components/LanguagePicker/index.tsx +0 -40
  213. package/src/components/Modal/styles.scss +0 -126
  214. package/src/components/ReportLogo/index.tsx +0 -16
  215. package/src/components/ReportLogo/styles.scss +0 -20
  216. package/src/components/ReportLogoFull/index.tsx +0 -20
  217. package/src/components/ReportLogoFull/styles.scss +0 -7
  218. package/src/components/TestResult/TestResultAttachmentsView/index.tsx +0 -27
  219. package/src/components/TestResult/TestResultError/index.tsx +0 -59
  220. package/src/components/TestResult/TestResultError/styles.scss +0 -51
  221. package/src/components/TestResult/TestResultHeader/index.tsx +0 -55
  222. package/src/components/TestResult/TestResultHistory/TestResultHistoryItem.tsx +0 -67
  223. package/src/components/TestResult/TestResultHistory/index.tsx +0 -26
  224. package/src/components/TestResult/TestResultInfo/index.tsx +0 -79
  225. package/src/components/TestResult/TestResultOverview.tsx +0 -43
  226. package/src/components/TestResult/TestResultPrevStatuses/index.tsx +0 -49
  227. package/src/components/TestResult/TestResultRetriesView/TestResultRetriesItem.tsx +0 -52
  228. package/src/components/TestResult/TestResultRetriesView/index.tsx +0 -24
  229. package/src/components/TestResult/TestResultSteps/HtmlAttachmentPreview.tsx +0 -12
  230. package/src/components/TestResult/TestResultSteps/attachment.tsx +0 -68
  231. package/src/components/TestResult/TestResultSteps/attachmentCode.tsx +0 -20
  232. package/src/components/TestResult/TestResultSteps/attachmentImage.tsx +0 -32
  233. package/src/components/TestResult/TestResultSteps/attachmentVideo.tsx +0 -15
  234. package/src/components/TestResult/TestResultSteps/testResultAttachment.tsx +0 -77
  235. package/src/components/TestResult/TestResultSteps/testResultStep.tsx +0 -85
  236. package/src/components/TestResult/TestResultSteps/testResultStepInfo.tsx +0 -30
  237. package/src/components/TestResult/TestResultTabs/index.tsx +0 -59
  238. package/src/components/ThemeButton/ThemeButton.tsx +0 -20
  239. package/src/components/Tree/Tree.tsx +0 -75
  240. package/src/components/Tree/TreeHeader.tsx +0 -82
  241. package/src/components/Tree/TreeItem.tsx +0 -35
  242. package/src/components/Tree/TreeItemIcon.tsx +0 -32
  243. package/src/i18n/constants.ts +0 -124
  244. package/src/i18n/locales/am.json +0 -120
  245. package/src/i18n/locales/az.json +0 -120
  246. package/src/i18n/locales/de.json +0 -120
  247. package/src/i18n/locales/en.json +0 -121
  248. package/src/i18n/locales/es.json +0 -120
  249. package/src/i18n/locales/fr.json +0 -120
  250. package/src/i18n/locales/he.json +0 -120
  251. package/src/i18n/locales/it.json +0 -120
  252. package/src/i18n/locales/ja.json +0 -120
  253. package/src/i18n/locales/ka.json +0 -120
  254. package/src/i18n/locales/kr.json +0 -120
  255. package/src/i18n/locales/nl.json +0 -120
  256. package/src/i18n/locales/pl.json +0 -118
  257. package/src/i18n/locales/pt.json +0 -120
  258. package/src/i18n/locales/ru.json +0 -118
  259. package/src/i18n/locales/sv.json +0 -120
  260. package/src/i18n/locales/tr.json +0 -120
  261. package/src/i18n/locales/zh.json +0 -120
  262. package/src/utils/attachments.ts +0 -156
  263. package/src/utils/capitalize.ts +0 -6
  264. /package/dist/multi/{JetBrainsMono_vf-b9a9c326..woff → JetBrainsMono_vf.woff} +0 -0
  265. /package/dist/multi/{JetBrainsMono_vf-9e9649b6..woff2 → JetBrainsMono_vf.woff2} +0 -0
  266. /package/dist/multi/{pt-root-ui_vf-22fe60ca..woff → pt-root-ui_vf.woff} +0 -0
  267. /package/dist/multi/{pt-root-ui_vf-9d251e8b..woff2 → pt-root-ui_vf.woff2} +0 -0
  268. /package/src/components/TestResult/{TestResultAttachmentsView → TrAttachmentsView}/styles.scss +0 -0
  269. /package/src/components/TestResult/{TestResultDescription → TrDescription}/styles.scss +0 -0
  270. /package/src/components/TestResult/{TestResultDropdown → TrDropdown}/styles.scss +0 -0
  271. /package/src/components/TestResult/{TestResultEmpty → TrEmpty}/styles.scss +0 -0
  272. /package/src/components/TestResult/{TestResultLinks → TrLinks}/styles.scss +0 -0
  273. /package/src/components/TestResult/{TestResultMetadata → TrMetadata}/styles.scss +0 -0
  274. /package/src/components/TestResult/{TestResultNavigation → TrNavigation}/styles.scss +0 -0
  275. /package/src/components/TestResult/{TestResultParameters → TrParameters}/styles.scss +0 -0
  276. /package/src/components/TestResult/{TestResultPrevStatuses → TrPrevStatuses}/styles.scss +0 -0
  277. /package/src/components/TestResult/{TestResultRetriesView → TrRetriesView}/styles.scss +0 -0
  278. /package/src/components/TestResult/{TestResultSeverity → TrSeverity}/styles.scss +0 -0
  279. /package/src/components/TestResult/{TestResultStatus → TrStatus}/styles.scss +0 -0
package/src/assets/scss/theme.scss CHANGED
@@ -1,9 +1,6 @@
1
1
  :root:not([data-theme="dark"]) {
2
2
  --ad-other-focus: var(--ad-other-focus-day);
3
3
  --ad-other-modal-overlay: var(--ad-other-modal-overlay-day);
4
- --bg-alpha-capella-heavy: var(--bg-alpha-capella-heavy-day);
5
- --bg-alpha-capella: var(--bg-alpha-capella-day);
6
- --bg-alpha-castor-heavy: var(--bg-alpha-castor-heavy-day);
7
4
  --bg-base-modal: var(--bg-base-modal-day);
8
5
  --bg-base-neutral: var(--bg-base-neutral-day);
9
6
  --bg-base-primary: var(--bg-base-primary-day);
@@ -14,22 +11,73 @@
14
11
  --bg-control-secondary-heavy: var(--bg-control-secondary-heavy-day);
15
12
  --bg-control-secondary-medium: var(--bg-control-secondary-medium-day);
16
13
  --bg-control-secondary: var(--bg-control-secondary-day);
17
- --bg-support-aldebaran-heavy: var(--bg-support-aldebaran-heavy-day);
18
- --bg-support-aldebaran-medium: var(--bg-support-aldebaran-medium-day);
19
- --bg-support-aldebaran: var(--bg-support-aldebaran-day);
20
- --bg-support-atlas: var(--bg-support-atlas-day);
21
- --bg-support-capella-heavy: var(--bg-support-capella-heavy-day);
22
- --bg-support-capella-medium: var(--bg-support-capella-medium-day);
23
- --bg-support-capella: var(--bg-support-capella-day);
24
- --bg-support-castor-heavy: var(--bg-support-castor-heavy-day);
25
- --bg-support-castor-medium: var(--bg-support-castor-medium-day);
26
- --bg-support-castor: var(--bg-support-castor-day);
27
- --bg-support-rau: var(--bg-support-rau-day);
28
- --bg-support-skat: var(--bg-support-skat-day);
14
+ --bg-support-aldebaran: var(--aldebaran-day-darken-1);
15
+ --bg-support-aldebaran-heavy: var(--aldebaran-day-darken-4);
16
+ --bg-support-aldebaran-medium: var(--aldebaran-day-darken-2);
17
+ --bg-support-antares: var(--antares-day-darken-1);
18
+ --bg-support-antares-heavy: var(--antares-day-darken-4);
19
+ --bg-support-antares-medium: var(--antares-day-darken-2);
20
+ --bg-support-atlas: var(--atlas-day-darken-1);
21
+ --bg-support-atlas-heavy: var(--atlas-day-darken-4);
22
+ --bg-support-atlas-medium: var(--atlas-day-darken-2);
23
+ --bg-support-betelgeuse: var(--betelgeuse-day-darken-1);
24
+ --bg-support-betelgeuse-heavy: var(--betelgeuse-day-darken-4);
25
+ --bg-support-betelgeuse-medium: var(--betelgeuse-day-darken-2);
26
+ --bg-support-capella: var(--capella-day-darken-1);
27
+ --bg-support-capella-heavy: var(--capella-day-darken-4);
28
+ --bg-support-capella-medium: var(--capella-day-darken-2);
29
+ --bg-support-castor: var(--castor-day-darken-1);
30
+ --bg-support-castor-heavy: var(--castor-day-darken-4);
31
+ --bg-support-castor-medium: var(--castor-day-darken-2);
32
+ --bg-support-gliese: var(--gliese-day-darken-1);
33
+ --bg-support-gliese-heavy: var(--gliese-day-darken-4);
34
+ --bg-support-gliese-medium: var(--gliese-day-darken-2);
35
+ --bg-support-mirach: var(--mirach-day-darken-1);
36
+ --bg-support-mirach-heavy: var(--mirach-day-darken-4);
37
+ --bg-support-mirach-medium: var(--mirach-day-darken-2);
38
+ --bg-support-rau: var(--rau-day-darken-1);
39
+ --bg-support-rau-heavy: var(--rau-day-darken-4);
40
+ --bg-support-rau-medium: var(--rau-day-darken-2);
41
+ --bg-support-rigel: var(--rigel-day-darken-1);
42
+ --bg-support-rigel-heavy: var(--rigel-day-darken-4);
43
+ --bg-support-rigel-medium: var(--rigel-day-darken-2);
44
+ --bg-support-sirius: var(--sirius-day-darken-1);
45
+ --bg-support-sirius-heavy: var(--sirius-day-darken-4);
46
+ --bg-support-sirius-medium: var(--sirius-day-darken-2);
47
+ --bg-support-skat: var(--skat-day-darken-1);
48
+ --bg-support-skat-heavy: var(--skat-day-darken-4);
49
+ --bg-support-skat-medium: var(--skat-day-darken-2);
50
+ --bg-dashboard-neutral: rgb(206 211 222 / 100%);
51
+ --bg-dashboard-neutral-medium: rgb(180 188 205 / 100%);
52
+ --bg-dashboard-atlas: var(--atlas-day-base);
53
+ --bg-dashboard-capella: var(--capella-day-base);
54
+ --bg-dashboard-skat: var(--skat-day-base);
55
+ --bg-dashboard-betelgeuse: var(--betelgeuse-day-base);
56
+ --bg-dashboard-antares: var(--antares-day-base);
57
+ --bg-dashboard-castor: var(--castor-day-base);
58
+ --bg-dashboard-aldebaran: var(--aldebaran-day-base);
59
+ --bg-dashboard-gliese: var(--gliese-day-base);
60
+ --bg-dashboard-aldebaran-medium: var(--aldebaran-day-darken-1);
61
+ --bg-dashboard-castor-medium: var(--castor-day-darken-1);
62
+ --bg-dashboard-atlas-medium: var(--atlas-day-darken-1);
63
+ --bg-dashboard-capella-medium: var(--capella-day-darken-1);
64
+ --bg-dashboard-skat-medium: var(--skat-day-darken-1);
65
+ --bg-dashboard-betelgeuse-medium: var(--betelgeuse-day-darken-1);
66
+ --bg-dashboard-antares-medium: var(--antares-day-darken-1);
67
+ --bg-dashboard-gliese-medium: var(--gliese-day-darken-1);
68
+ --bg-dashboard-mirach: var(--mirach-day-base);
69
+ --bg-dashboard-mirach-medium: var(--mirach-day-darken-1);
70
+ --bg-dashboard-rigel: var(--rigel-day-base);
71
+ --bg-dashboard-rigel-medium: var(--rigel-day-darken-1);
72
+ --bg-dashboard-sirius: var(--sirius-day-base);
73
+ --bg-dashboard-sirius-medium: var(--sirius-day-darken-1);
74
+ --bg-dashboard-rau: var(--rau-day-base);
75
+ --bg-dashboard-rau-medium: var(--rau-day-darken-1);
29
76
  --constant-bg-base-modal: var(--constant-bg-base-modal-day);
30
77
  --constant-on-border-heavy: var(--constant-on-border-heavy-day);
31
78
  --constant-on-icon-primary: var(--constant-on-icon-primary-day);
32
79
  --constant-on-text-primary: var(--constant-on-text-primary-day);
80
+ --constant-on-text-secondary: var(--gray-neutral-alpha-night-300);
33
81
  --on-border-control: var(--on-border-control-day);
34
82
  --on-border-heavy: var(--on-border-heavy-day);
35
83
  --on-border-medium: var(--on-border-medium-day);
@@ -38,80 +86,245 @@
38
86
  --on-icon-hint: var(--on-icon-hint-day);
39
87
  --on-icon-primary: var(--on-icon-primary-day);
40
88
  --on-icon-secondary: var(--on-icon-secondary-day);
41
- --on-support-aldebaran-heavy: var(--on-support-aldebaran-heavy-day);
42
- --on-support-aldebaran-medium: var(--on-support-aldebaran-medium-day);
43
89
  --on-support-aldebaran: var(--on-support-aldebaran-day);
90
+ --on-support-aldebaran-medium: var(--on-support-aldebaran-medium-day);
91
+ --on-support-aldebaran-heavy: var(--on-support-aldebaran-heavy-day);
44
92
  --on-support-atlas: var(--on-support-atlas-day);
93
+ --on-support-atlas-heavy: var(--atlas-day-darken-6);
94
+ --on-support-atlas-medium: var(--atlas-day-darken-5);
45
95
  --on-support-capella: var(--on-support-capella-day);
96
+ --on-support-capella-heavy: var(--capella-day-darken-6);
97
+ --on-support-capella-medium: var(--capella-day-darken-5);
46
98
  --on-support-castor: var(--on-support-castor-day);
47
- --on-support-sirius: var(--on-support-sirius-day);
99
+ --on-support-castor-heavy: var(--castor-day-darken-6);
100
+ --on-support-castor-medium: var(--castor-day-darken-5);
101
+ --on-support-gliese: var(--gliese-day-darken-3);
102
+ --on-support-gliese-heavy: var(--gliese-day-darken-6);
103
+ --on-support-gliese-medium: var(--gliese-day-darken-5);
104
+ --on-support-sirius: var(--sirius-day-darken-3);
105
+ --on-support-sirius-heavy: var(--sirius-day-darken-6);
106
+ --on-support-sirius-medium: var(--sirius-day-darken-5);
107
+ --on-support-rau: var(--rau-day-darken-3);
108
+ --on-support-mirach: var(--mirach-day-darken-3);
109
+ --on-support-mirach-heavy: var(--mirach-day-darken-6);
110
+ --on-support-mirach-medium: var(--mirach-day-darken-5);
111
+ --on-support-rau: var(--rau-day-darken-3);
112
+ --on-support-rau-heavy: var(--rau-day-darken-6);
113
+ --on-support-rau-medium: var(--rau-day-darken-5);
114
+ --on-support-rigel: var(--rigel-day-darken-3);
115
+ --on-support-rigel-heavy: var(--rigel-day-darken-6);
116
+ --on-support-rigel-medium: var(--rigel-day-darken-5);
117
+ --on-support-antares: var(--antares-day-darken-3);
118
+ --on-support-betelgeuse: var(--betelgeuse-day-darken-3);
119
+ --on-support-skat: var(--skat-day-darken-3);
120
+ --on-support-skat-heavy: var(--skat-day-darken-6);
121
+ --on-support-skat-medium: var(--skat-day-darken-5);
48
122
  --on-text-hint: var(--on-text-hint-day);
49
123
  --on-text-primary: var(--on-text-primary-day);
50
124
  --on-text-secondary: var(--on-text-secondary-day);
125
+ --on-text-universal-primary: var(--on-text-universal-primary-day);
126
+ --scrollbar-color: var(--gray-300);
127
+ --bg-alpha-aldebaran: var(--aldebaran-day-darken-1-8);
128
+ --bg-alpha-aldebaran-heavy: var(--aldebaran-day-darken-1-24);
129
+ --bg-alpha-aldebaran-medium: var(--aldebaran-day-darken-1-16);
130
+ --bg-alpha-antares: var(--antares-day-darken-1-8);
131
+ --bg-alpha-antares-heavy: var(--antares-day-darken-1-24);
132
+ --bg-alpha-antares-medium: var(--antares-day-darken-1-16);
133
+ --bg-alpha-atlas: var(--atlas-day-darken-1-8);
134
+ --bg-alpha-atlas-heavy: var(--atlas-day-darken-1-24);
135
+ --bg-alpha-atlas-medium: var(--atlas-day-darken-1-16);
136
+ --bg-alpha-betelgeuse: var(--betelgeuse-day-darken-1-8);
137
+ --bg-alpha-betelgeuse-heavy: var(--betelgeuse-day-darken-1-24);
138
+ --bg-alpha-betelgeuse-medium: var(--betelgeuse-day-darken-1-16);
139
+ --bg-alpha-capella: var(--capella-day-darken-1-8);
140
+ --bg-alpha-capella-heavy: var(--capella-day-darken-1-24);
141
+ --bg-alpha-capella-medium: var(--capella-day-darken-1-16);
142
+ --bg-alpha-castor: var(--castor-day-darken-1-8);
143
+ --bg-alpha-castor-heavy: var(--castor-day-darken-1-24);
144
+ --bg-alpha-castor-medium: var(--castor-day-darken-1-16);
145
+ --bg-alpha-gliese: var(--gliese-day-darken-1-8);
146
+ --bg-alpha-gliese-heavy: var(--gliese-day-darken-1-24);
147
+ --bg-alpha-gliese-medium: var(--gliese-day-darken-1-16);
148
+ --bg-alpha-mirach: var(--mirach-day-darken-1-8);
149
+ --bg-alpha-mirach-heavy: var(--mirach-day-darken-1-24);
150
+ --bg-alpha-mirach-medium: var(--mirach-day-darken-1-16);
151
+ --bg-alpha-rau: var(--rau-day-darken-1-8);
152
+ --bg-alpha-rau-heavy: var(--rau-day-darken-1-24);
153
+ --bg-alpha-rau-medium: var(--rau-day-darken-1-16);
154
+ --bg-alpha-rigel: var(--rigel-day-darken-1-8);
155
+ --bg-alpha-rigel-heavy: var(--rigel-day-darken-1-24);
156
+ --bg-alpha-rigel-medium: var(--rigel-day-darken-1-16);
157
+ --bg-alpha-sirius: var(--sirius-day-darken-1-8);
158
+ --bg-alpha-sirius-heavy: var(--sirius-day-darken-1-24);
159
+ --bg-alpha-sirius-medium: var(--sirius-day-darken-1-16);
160
+ --bg-alpha-skat: var(--skat-day-darken-1-8);
161
+ --bg-alpha-skat-heavy: var(--skat-day-darken-1-24);
162
+ --bg-alpha-skat-medium: var(--skat-day-darken-1-16);
51
163
 
52
164
  color-scheme: light;
53
165
  }
54
166
 
55
- :root[data-theme="dark"] {
56
- --ad-other-focus: var(--ad-other-focus-night);
57
- --ad-other-modal-overlay: var(--ad-other-modal-overlay-night);
58
- --bg-alpha-capella-heavy: var(--bg-alpha-capella-heavy-night);
59
- --bg-alpha-capella-medium: var(--bg-alpha-capella-medium-night);
60
- --bg-alpha-capella: var(--bg-alpha-capella-night);
61
- --bg-alpha-castor-heavy: var(--bg-alpha-castor-heavy-night);
62
- --bg-base-modal: var(--bg-base-modal-night);
63
- --bg-base-neutral: var(--bg-base-neutral-night);
64
- --bg-base-primary: var(--bg-base-primary-night);
65
- --bg-base-secondary: var(--bg-base-secondary-night);
66
- --bg-control-flat-heavy: var(--bg-control-flat-heavy-night);
67
- --bg-control-flat-medium: var(--bg-control-flat-medium-night);
68
- --bg-control-flat: var(--bg-control-flat-night);
69
- --bg-control-secondary-heavy: var(--bg-control-secondary-heavy-night);
70
- --bg-control-secondary-medium: var(--bg-control-secondary-medium-night);
71
- --bg-control-secondary: var(--bg-control-secondary-night);
72
- --bg-support-aldebaran-heavy: var(--bg-support-aldebaran-heavy-night);
73
- --bg-support-aldebaran-medium: var(--bg-support-aldebaran-medium-night);
74
- --bg-support-aldebaran: var(--bg-support-aldebaran-night);
75
- --bg-support-atlas-heavy: var(--bg-support-atlas-heavy-night);
76
- --bg-support-atlas-medium: var(--bg-support-atlas-medium-night);
77
- --bg-support-atlas: var(--bg-support-atlas-night);
78
- --bg-support-capella-heavy: var(--bg-support-capella-heavy-night);
79
- --bg-support-capella-medium: var(--bg-support-capella-medium-night);
80
- --bg-support-capella: var(--bg-support-capella-night);
81
- --bg-support-castor-heavy: var(--bg-support-castor-heavy-night);
82
- --bg-support-castor-medium: var(--bg-support-castor-medium-night);
83
- --bg-support-castor: var(--bg-support-castor-night);
84
- --bg-support-rau: var(--bg-support-rau-night);
85
- --bg-support-skat: var(--bg-support-skat-night);
86
- --constant-bg-base-modal: var(--constant-bg-base-modal-night);
87
- --constant-bg-base-primary: var(--constant-bg-base-primary-night);
88
- --constant-on-border-heavy: var(--constant-on-border-heavy-night);
89
- --constant-on-icon-primary: var(--constant-on-icon-primary-night);
90
- --constant-on-text-primary: var(--constant-on-text-primary-night);
91
- --on-border-control: var(--on-border-control-night);
92
- --on-border-heavy: var(--on-border-heavy-night);
93
- --on-border-medium: var(--on-border-medium-night);
94
- --on-border-muted: var(--on-border-muted-night);
95
- --on-border-primary: var(--on-border-primary-night);
96
- --on-icon-hint: var(--on-icon-hint-night);
97
- --on-icon-primary: var(--on-icon-primary-night);
98
- --on-icon-secondary: var(--on-icon-secondary-night);
99
- --on-support-aldebaran-heavy: var(--on-support-aldebaran-heavy-night);
100
- --on-support-aldebaran-medium: var(--on-support-aldebaran-medium-night);
101
- --on-support-aldebaran: var(--on-support-aldebaran-night);
102
- --on-support-atlas-heavy: var(--on-support-atlas-heavy-night);
103
- --on-support-atlas-medium: var(--on-support-atlas-medium-night);
104
- --on-support-atlas: var(--on-support-atlas-night);
105
- --on-support-capella-heavy: var(--on-support-capella-heavy-night);
106
- --on-support-capella-medium: var(--on-support-capella-medium-night);
107
- --on-support-capella: var(--on-support-capella-night);
108
- --on-support-castor-heavy: var(--on-support-castor-heavy-night);
109
- --on-support-castor-medium: var(--on-support-castor-medium-night);
110
- --on-support-castor: var(--on-support-castor-night);
111
- --on-support-sirius: var(--on-support-sirius-night);
112
- --on-text-hint: var(--on-text-hint-night);
113
- --on-text-primary: var(--on-text-primary-night);
114
- --on-text-secondary: var(--on-text-secondary-night);
167
+ @media (prefers-color-scheme: dark) {
168
+ :root[data-theme="auto"],
169
+ :root[data-theme="dark"] {
170
+ --ad-other-focus: var(--ad-other-focus-night);
171
+ --ad-other-modal-overlay: var(--ad-other-modal-overlay-night);
172
+ --bg-base-modal: var(--bg-base-modal-night);
173
+ --bg-base-neutral: var(--bg-base-neutral-night);
174
+ --bg-base-primary: var(--bg-base-primary-night);
175
+ --bg-base-secondary: var(--bg-base-secondary-night);
176
+ --bg-control-flat-heavy: var(--bg-control-flat-heavy-night);
177
+ --bg-control-flat-medium: var(--bg-control-flat-medium-night);
178
+ --bg-control-flat: var(--bg-control-flat-night);
179
+ --bg-control-secondary-heavy: var(--bg-control-secondary-heavy-night);
180
+ --bg-control-secondary-medium: var(--bg-control-secondary-medium-night);
181
+ --bg-control-secondary: var(--bg-control-secondary-night);
182
+ --bg-support-aldebaran-heavy: var(--aldebaran-night-darken-7);
183
+ --bg-support-aldebaran-medium: var(--aldebaran-night-darken-6);
184
+ --bg-support-aldebaran: var(--aldebaran-night-darken-5);
185
+ --bg-support-antares-heavy: var(--antares-night-darken-7);
186
+ --bg-support-antares-medium: var(--antares-night-darken-6);
187
+ --bg-support-antares: var(--antares-night-darken-4);
188
+ --bg-support-atlas-heavy: var(--atlas-night-darken-7);
189
+ --bg-support-atlas-medium: var(--atlas-night-darken-6);
190
+ --bg-support-atlas: var(--atlas-night-darken-4);
191
+ --bg-support-betelgeuse-heavy: var(--betelgeuse-night-darken-7);
192
+ --bg-support-betelgeuse-medium: var(--betelgeuse-night-darken-6);
193
+ --bg-support-betelgeuse: var(--betelgeuse-night-darken-5);
194
+ --bg-support-capella-heavy: var(--capella-night-darken-7);
195
+ --bg-support-capella-medium: var(--capella-night-darken-6);
196
+ --bg-support-capella: var(--capella-night-darken-4);
197
+ --bg-support-castor-heavy: var(--castor-night-darken-7);
198
+ --bg-support-castor-medium: var(--castor-night-darken-6);
199
+ --bg-support-castor: var(--castor-night-darken-5);
200
+ --bg-support-gliese-heavy: var(--gliese-night-darken-7);
201
+ --bg-support-gliese-medium: var(--gliese-night-darken-6);
202
+ --bg-support-gliese: var(--gliese-night-darken-4);
203
+ --bg-support-mirach-heavy: var(--mirach-night-darken-7);
204
+ --bg-support-mirach-medium: var(--mirach-night-darken-6);
205
+ --bg-support-mirach: var(--mirach-night-darken-5);
206
+ --bg-support-rau-heavy: var(--rau-night-darken-7);
207
+ --bg-support-rau-medium: var(--rau-night-darken-6);
208
+ --bg-support-rau: var(--rau-night-darken-5);
209
+ --bg-support-rigel-heavy: var(--rigel-night-darken-7);
210
+ --bg-support-rigel-medium: var(--rigel-night-darken-6);
211
+ --bg-support-rigel: var(--rigel-night-darken-4);
212
+ --bg-support-sirius-heavy: var(--sirius-night-darken-7);
213
+ --bg-support-sirius-medium: var(--sirius-night-darken-6);
214
+ --bg-support-sirius: var(--sirius-night-darken-5);
215
+ --bg-support-skat-heavy: var(--skat-night-darken-7);
216
+ --bg-support-skat-medium: var(--skat-night-darken-6);
217
+ --bg-support-skat: var(--skat-night-darken-5);
218
+ --bg-dashboard-neutral: rgb(207 214 229 / 100%);
219
+ --bg-dashboard-neutral-medium: rgb(177 188 213 / 100%);
220
+ --bg-dashboard-atlas: var(--atlas-night-darken-1);
221
+ --bg-dashboard-capella: var(--capella-night-darken-1);
222
+ --bg-dashboard-skat: var(--skat-night-darken-2);
223
+ --bg-dashboard-betelgeuse: var(--betelgeuse-night-darken-2);
224
+ --bg-dashboard-antares: var(--antares-night-darken-1);
225
+ --bg-dashboard-castor: var(--castor-night-darken-3);
226
+ --bg-dashboard-aldebaran: var(--aldebaran-night-darken-2);
227
+ --bg-dashboard-gliese: var(--gliese-night-darken-1);
228
+ --bg-dashboard-mirach: var(--mirach-night-darken-3);
229
+ --bg-dashboard-mirach-medium: var(--mirach-night-darken-4);
230
+ --bg-dashboard-rigel: var(--rigel-night-darken-1);
231
+ --bg-dashboard-rigel-medium: var(--rigel-night-darken-3);
232
+ --bg-dashboard-sirius: var(--sirius-night-darken-2);
233
+ --bg-dashboard-sirius-medium: var(--sirius-night-darken-4);
234
+ --bg-dashboard-rau: var(--rau-night-darken-2);
235
+ --bg-dashboard-rau-medium: var(--rau-night-darken-4);
236
+ --constant-bg-base-modal: var(--constant-bg-base-modal-night);
237
+ --constant-bg-base-primary: var(--constant-bg-base-primary-night);
238
+ --constant-on-border-heavy: var(--constant-on-border-heavy-night);
239
+ --constant-on-icon-primary: var(--constant-on-icon-primary-night);
240
+ --constant-on-text-primary: var(--constant-on-text-primary-night);
241
+ --constant-on-text-secondary: var(--gray-neutral-alpha-night-300);
242
+ --on-border-control: var(--on-border-control-night);
243
+ --on-border-heavy: var(--on-border-heavy-night);
244
+ --on-border-medium: var(--on-border-medium-night);
245
+ --on-border-muted: var(--on-border-muted-night);
246
+ --on-border-primary: var(--on-border-primary-night);
247
+ --on-icon-hint: var(--on-icon-hint-night);
248
+ --on-icon-primary: var(--on-icon-primary-night);
249
+ --on-icon-secondary: var(--on-icon-secondary-night);
250
+ --on-support-aldebaran-heavy: var(--aldebaran-night-darken-3);
251
+ --on-support-aldebaran-medium: var(--aldebaran-night-darken-1);
252
+ --on-support-aldebaran: var(--aldebaran-night-base);
253
+ --on-support-antares-heavy: var(--antares-night-darken-5);
254
+ --on-support-antares-medium: var(--antares-night-darken-2);
255
+ --on-support-antares: var(--antares-night-base);
256
+ --on-support-atlas-heavy: var(--atlas-night-darken-5);
257
+ --on-support-atlas-medium: var(--atlas-night-darken-2);
258
+ --on-support-atlas: var(--atlas-night-base);
259
+ --on-support-betelgeuse-heavy: var(--betelgeuse-night-darken-3);
260
+ --on-support-betelgeuse-medium: var(--betelgeuse-night-darken-1);
261
+ --on-support-betelgeuse: var(--betelgeuse-night-base);
262
+ --on-support-capella-heavy: var(--capella-night-darken-5);
263
+ --on-support-capella-medium: var(--capella-night-darken-2);
264
+ --on-support-capella: var(--capella-night-base);
265
+ --on-support-castor-heavy: var(--castor-night-darken-2);
266
+ --on-support-castor-medium: var(--castor-night-darken-1);
267
+ --on-support-castor: var(--castor-night-base);
268
+ --on-support-gliese-heavy: var(--gliese-night-darken-5);
269
+ --on-support-gliese-medium: var(--gliese-night-darken-2);
270
+ --on-support-gliese: var(--gliese-night-base);
271
+ --on-support-mirach-heavy: var(--mirach-night-darken-2);
272
+ --on-support-mirach-medium: var(--mirach-night-darken-1);
273
+ --on-support-mirach: var(--mirach-night-base);
274
+ --on-support-rau-heavy: var(--rau-night-darken-3);
275
+ --on-support-rau-medium: var(--rau-night-darken-1);
276
+ --on-support-rau: var(--rau-night-base);
277
+ --on-support-rigel-heavy: var(--rigel-night-darken-5);
278
+ --on-support-rigel-medium: var(--rigel-night-darken-2);
279
+ --on-support-rigel: var(--rigel-night-base);
280
+ --on-support-sirius-heavy: var(--sirius-night-darken-3);
281
+ --on-support-sirius-medium: var(--sirius-night-darken-1);
282
+ --on-support-sirius: var(--sirius-night-base);
283
+ --on-support-skat-heavy: var(--skat-night-darken-3);
284
+ --on-support-skat-medium: var(--skat-night-darken-1);
285
+ --on-support-skat: var(--skat-night-base);
286
+ --on-text-hint: var(--on-text-hint-night);
287
+ --on-text-primary: var(--on-text-primary-night);
288
+ --on-text-secondary: var(--on-text-secondary-night);
289
+ --on-text-universal-primary: var(--on-text-universal-primary-night);
115
290
 
116
- color-scheme: dark;
291
+ --scrollbar-color: var(--gray-400);
292
+ --bg-alpha-aldebaran-heavy: var(--aldebaran-night-darken-5-28);
293
+ --bg-alpha-aldebaran-medium: var(--aldebaran-night-darken-5-20);
294
+ --bg-alpha-aldebaran: var(--aldebaran-night-darken-5-12);
295
+ --bg-alpha-antares-heavy: var(--antares-night-darken-4-28);
296
+ --bg-alpha-antares-medium: var(--antares-night-darken-4-20);
297
+ --bg-alpha-antares: var(--antares-night-darken-4-12);
298
+ --bg-alpha-atlas-heavy: var(--atlas-night-darken-4-28);
299
+ --bg-alpha-atlas-medium: var(--atlas-night-darken-4-20);
300
+ --bg-alpha-atlas: var(--atlas-night-darken-4-12);
301
+ --bg-alpha-betelgeuse-heavy: var(--betelgeuse-night-darken-5-28);
302
+ --bg-alpha-betelgeuse-medium: var(--betelgeuse-night-darken-5-20);
303
+ --bg-alpha-betelgeuse: var(--betelgeuse-night-darken-5-12);
304
+ --bg-alpha-capella-heavy: var(--capella-night-darken-4-28);
305
+ --bg-alpha-capella-medium: var(--capella-night-darken-4-20);
306
+ --bg-alpha-capella: var(--capella-night-darken-4-12);
307
+ --bg-alpha-castor-heavy: var(--castor-night-darken-5-28);
308
+ --bg-alpha-castor-medium: var(--castor-night-darken-5-20);
309
+ --bg-alpha-castor: var(--castor-night-darken-5-12);
310
+ --bg-alpha-gliese-heavy: var(--gliese-night-darken-4-28);
311
+ --bg-alpha-gliese-medium: var(--gliese-night-darken-4-20);
312
+ --bg-alpha-gliese: var(--gliese-night-darken-4-12);
313
+ --bg-alpha-mirach-heavy: var(--mirach-night-darken-5-28);
314
+ --bg-alpha-mirach-medium: var(--mirach-night-darken-5-20);
315
+ --bg-alpha-mirach: var(--mirach-night-darken-5-12);
316
+ --bg-alpha-rau-heavy: var(--rau-night-darken-5-28);
317
+ --bg-alpha-rau-medium: var(--rau-night-darken-5-20);
318
+ --bg-alpha-rau: var(--rau-night-darken-5-12);
319
+ --bg-alpha-rigel-heavy: var(--rigel-night-darken-4-28);
320
+ --bg-alpha-rigel-medium: var(--rigel-night-darken-4-20);
321
+ --bg-alpha-rigel: var(--rigel-night-darken-4-12);
322
+ --bg-alpha-sirius-heavy: var(--sirius-night-darken-5-28);
323
+ --bg-alpha-sirius-medium: var(--sirius-night-darken-5-20);
324
+ --bg-alpha-sirius: var(--sirius-night-darken-5-12);
325
+ --bg-alpha-skat-heavy: var(--skat-night-darken-5-28);
326
+ --bg-alpha-skat-medium: var(--skat-night-darken-5-20);
327
+ --bg-alpha-skat: var(--skat-night-darken-5-12);
328
+ color-scheme: dark;
329
+ }
117
330
  }
package/src/components/BaseLayout/index.tsx CHANGED
@@ -1,40 +1,17 @@
1
- import { ensureReportDataReady } from "@allurereport/web-commons";
2
1
  import { Loadable, PageLoader } from "@allurereport/web-components";
3
- import { useEffect } from "preact/compat";
4
- import { Footer } from "@/components/Footer";
5
2
  import MainReport from "@/components/MainReport";
6
- import Modal from "@/components/Modal";
7
3
  import TestResult from "@/components/TestResult";
8
- import TestResultEmpty from "@/components/TestResult/TestResultEmpty";
9
- import { fetchStats, getLocale, getTheme } from "@/stores";
10
- import { fetchPieChartData } from "@/stores/chart";
11
- import { fetchEnvInfo } from "@/stores/envInfo";
12
- import { fetchTestResult, fetchTestResultNav, testResultStore } from "@/stores/testResults";
13
- import { fetchTreeData, treeStore } from "@/stores/tree";
4
+ import { route } from "@/stores/router";
5
+ import { testResultStore } from "@/stores/testResults";
6
+ import { treeStore } from "@/stores/tree";
14
7
  import * as styles from "./styles.scss";
15
8
 
16
9
  export type BaseLayoutProps = {
17
10
  testResultId?: string;
18
11
  };
19
12
 
20
- export const BaseLayout = ({ testResultId }: BaseLayoutProps) => {
21
- useEffect(() => {
22
- getTheme();
23
- getLocale();
24
- }, []);
25
-
26
- useEffect(() => {
27
- if (testResultId) {
28
- fetchTestResult(testResultId);
29
- fetchTestResultNav();
30
- } else {
31
- ensureReportDataReady();
32
- fetchStats();
33
- fetchPieChartData();
34
- fetchTreeData();
35
- fetchEnvInfo();
36
- }
37
- }, [testResultId]);
13
+ export const BaseLayout = () => {
14
+ const testResultId = route.value.params?.testResultId ?? null;
38
15
 
39
16
  const content = testResultId ? (
40
17
  <Loadable
@@ -43,10 +20,8 @@ export const BaseLayout = ({ testResultId }: BaseLayoutProps) => {
43
20
  transformData={(data) => data[testResultId]}
44
21
  renderData={(testResult) => (
45
22
  <>
46
- <Modal testResult={testResult} />
47
23
  <div className={styles.wrapper} key={testResult?.id}>
48
24
  <TestResult testResult={testResult} />
49
- <Footer />
50
25
  </div>
51
26
  </>
52
27
  )}
@@ -54,9 +29,12 @@ export const BaseLayout = ({ testResultId }: BaseLayoutProps) => {
54
29
  ) : (
55
30
  <div className={styles.wrapper}>
56
31
  <Loadable source={treeStore} renderLoader={() => <PageLoader />} renderData={() => <MainReport />} />
57
- <Footer />
58
32
  </div>
59
33
  );
60
34
 
61
- return <div className={styles.layout}>{content}</div>;
35
+ return (
36
+ <div className={styles.layout} data-testid="base-layout">
37
+ {content}
38
+ </div>
39
+ );
62
40
  };
package/src/components/BaseLayout/styles.scss CHANGED
@@ -1,10 +1,11 @@
1
1
  .layout {
2
2
  margin: auto;
3
- padding: 12px 32px;
3
+ padding: 0 32px;
4
4
  background: var(--bg-base-secondary);
5
5
  color: var(--on-text-primary);
6
6
  font-size: 14px;
7
- min-height: 100vh;
7
+ height: 100%;
8
+ overflow: auto;
8
9
  }
9
10
 
10
11
  .wrapper {
@@ -23,7 +24,7 @@
23
24
 
24
25
  .test-results {
25
26
  min-height: 320px;
26
- padding-bottom: 32px;
27
+ padding-bottom: 64px;
27
28
  padding-top: 12px;
28
29
  }
29
30
 
@@ -50,11 +51,20 @@
50
51
  .below {
51
52
  display: flex;
52
53
  justify-content: space-between;
53
- padding-top: 16px;
54
54
  align-items: center;
55
+ padding: 8px 24px;
56
+ width: 100%;
55
57
  }
56
58
 
57
59
  .test-result-errors {
58
60
  padding: 0 24px;
59
61
  margin-top: 12px;
62
+ gap: 4px;
63
+ display: flex;
64
+ flex-wrap: wrap;
65
+ width: 100%;
66
+
67
+ & > div {
68
+ flex: 1 1 auto;
69
+ }
60
70
  }