@atlassian/aui 9.12.6 → 9.12.7

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 (287) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +7 -9
  3. package/dist/aui/aui-css-deprecations.js.map +1 -1
  4. package/dist/aui/aui-prototyping-browserfocus.css +1 -1
  5. package/dist/aui/aui-prototyping-browserfocus.css.map +1 -1
  6. package/dist/aui/aui-prototyping-darkmode.css +1 -1
  7. package/dist/aui/aui-prototyping-darkmode.css.map +1 -1
  8. package/dist/aui/aui-prototyping-design-tokens-api-full.js +1 -1
  9. package/dist/aui/aui-prototyping-design-tokens-api-full.js.map +1 -1
  10. package/dist/aui/aui-prototyping-design-tokens-api.js +1 -1
  11. package/dist/aui/aui-prototyping-design-tokens-api.js.map +1 -1
  12. package/dist/aui/aui-prototyping-design-tokens-base-themes-css.css +2 -2
  13. package/dist/aui/aui-prototyping-design-tokens-base-themes-css.css.map +1 -1
  14. package/dist/aui/aui-prototyping-design-tokens-base-themes-css.js +1 -1
  15. package/dist/aui/aui-prototyping-design-tokens-base-themes.js +1 -1
  16. package/dist/aui/aui-prototyping-design-tokens-compatibility.css +1 -1
  17. package/dist/aui/aui-prototyping-design-tokens-compatibility.css.map +1 -1
  18. package/dist/aui/aui-prototyping.css +10 -10
  19. package/dist/aui/aui-prototyping.css.map +1 -1
  20. package/dist/aui/aui-prototyping.js +2 -2
  21. package/dist/aui/aui-prototyping.js.map +1 -1
  22. package/dist/aui/aui-prototyping.nodeps.css +10 -10
  23. package/dist/aui/aui-prototyping.nodeps.css.map +1 -1
  24. package/dist/aui/aui-prototyping.nodeps.js +2 -2
  25. package/dist/aui/aui-prototyping.nodeps.js.map +1 -1
  26. package/dist/aui/fonts/adgs-icons.eot +0 -0
  27. package/dist/aui/fonts/adgs-icons.ttf +0 -0
  28. package/dist/aui/fonts/adgs-icons.woff +0 -0
  29. package/entry/aui.batch.components.js +23 -23
  30. package/entry/aui.batch.page.js +3 -3
  31. package/entry/aui.batch.patterns.js +20 -20
  32. package/entry/aui.batch.prototyping.js +3 -11
  33. package/entry/aui.component.nav.js +1 -1
  34. package/entry/aui.component.progressbar.js +4 -1
  35. package/entry/aui.side-effects.js +2 -2
  36. package/entry/behaviours/aui.behaviour.format.js +1 -1
  37. package/entry/behaviours/aui.behaviour.i18n.js +1 -1
  38. package/entry/behaviours/aui.behaviour.keyboard-shortcuts.js +1 -1
  39. package/entry/behaviours/aui.behaviour.progressive-data-set.js +1 -1
  40. package/entry/behaviours/aui.behaviour.version.js +1 -1
  41. package/entry/deprecated/aui.component.inline-dialog1.js +1 -1
  42. package/entry/styles/aui-design-tokens-compatibility.less +114 -115
  43. package/package.json +2 -2
  44. package/src/js/aui/alphanum.js +1 -1
  45. package/src/js/aui/avatar-badged.js +4 -5
  46. package/src/js/aui/avatar-group.js +58 -28
  47. package/src/js/aui/avatar.js +16 -14
  48. package/src/js/aui/banner.js +3 -2
  49. package/src/js/aui/blanket.js +11 -14
  50. package/src/js/aui/button.js +5 -5
  51. package/src/js/aui/checkbox-multiselect.js +79 -76
  52. package/src/js/aui/clone.js +1 -1
  53. package/src/js/aui/close-button.js +2 -6
  54. package/src/js/aui/contain-dropdown.js +5 -5
  55. package/src/js/aui/contains.js +1 -1
  56. package/src/js/aui/cookie.js +12 -16
  57. package/src/js/aui/date-picker.js +89 -68
  58. package/src/js/aui/debounce.js +5 -8
  59. package/src/js/aui/design-tokens/design-tokens-full.js +4 -13
  60. package/src/js/aui/design-tokens/design-tokens-init.js +1 -3
  61. package/src/js/aui/design-tokens/design-tokens-testing-theme.js +9 -15
  62. package/src/js/aui/design-tokens/design-tokens.js +2 -4
  63. package/src/js/aui/dialog.js +206 -172
  64. package/src/js/aui/dialog2.js +36 -25
  65. package/src/js/aui/dropdown2.js +221 -189
  66. package/src/js/aui/escape-html.js +2 -2
  67. package/src/js/aui/escape.js +1 -1
  68. package/src/js/aui/event.js +4 -8
  69. package/src/js/aui/expander.js +15 -13
  70. package/src/js/aui/flag.js +24 -22
  71. package/src/js/aui/focus-manager.js +20 -21
  72. package/src/js/aui/form-notification.js +16 -15
  73. package/src/js/aui/form-validation/basic-validators.js +39 -30
  74. package/src/js/aui/form-validation/validator-register.js +9 -5
  75. package/src/js/aui/form-validation.js +12 -13
  76. package/src/js/aui/format.js +9 -6
  77. package/src/js/aui/forms/create-forms-component-body.js +6 -9
  78. package/src/js/aui/forms/custom-checkbox.js +2 -6
  79. package/src/js/aui/forms/custom-radio.js +2 -6
  80. package/src/js/aui/forms.js +4 -8
  81. package/src/js/aui/header-async.js +1 -1
  82. package/src/js/aui/header.js +2 -2
  83. package/src/js/aui/i18n.js +6 -13
  84. package/src/js/aui/index-of.js +1 -1
  85. package/src/js/aui/inline-dialog.js +171 -117
  86. package/src/js/aui/inline-dialog2.js +40 -33
  87. package/src/js/aui/internal/a11y/focusable-query.js +2 -4
  88. package/src/js/aui/internal/add-id.js +1 -1
  89. package/src/js/aui/internal/alignment.js +57 -49
  90. package/src/js/aui/internal/amdify.js +0 -1
  91. package/src/js/aui/internal/animation.js +2 -5
  92. package/src/js/aui/internal/attributes.js +2 -3
  93. package/src/js/aui/internal/browser.js +6 -7
  94. package/src/js/aui/internal/constants.js +1 -3
  95. package/src/js/aui/internal/deduplicateIDs.js +8 -7
  96. package/src/js/aui/internal/deprecation/deprecated-adg2-icons.js +132 -132
  97. package/src/js/aui/internal/deprecation.js +54 -32
  98. package/src/js/aui/internal/detect-children-change.js +3 -2
  99. package/src/js/aui/internal/elements.js +2 -5
  100. package/src/js/aui/internal/enforcer.js +11 -13
  101. package/src/js/aui/internal/globalize.js +12 -5
  102. package/src/js/aui/internal/has-touch.js +1 -2
  103. package/src/js/aui/internal/header/create-header.js +54 -30
  104. package/src/js/aui/internal/i18n/aui.js +9 -5
  105. package/src/js/aui/internal/i18n/aui_af.js +31 -31
  106. package/src/js/aui/internal/i18n/aui_ar.js +31 -31
  107. package/src/js/aui/internal/i18n/aui_ar_DZ.js +31 -31
  108. package/src/js/aui/internal/i18n/aui_az.js +31 -31
  109. package/src/js/aui/internal/i18n/aui_bg.js +31 -31
  110. package/src/js/aui/internal/i18n/aui_bs.js +31 -31
  111. package/src/js/aui/internal/i18n/aui_ca.js +31 -31
  112. package/src/js/aui/internal/i18n/aui_cs.js +31 -31
  113. package/src/js/aui/internal/i18n/aui_da.js +31 -31
  114. package/src/js/aui/internal/i18n/aui_de.js +31 -31
  115. package/src/js/aui/internal/i18n/aui_el.js +31 -31
  116. package/src/js/aui/internal/i18n/aui_en_AU.js +31 -31
  117. package/src/js/aui/internal/i18n/aui_en_GB.js +31 -31
  118. package/src/js/aui/internal/i18n/aui_en_NZ.js +31 -31
  119. package/src/js/aui/internal/i18n/aui_eo.js +31 -31
  120. package/src/js/aui/internal/i18n/aui_es.js +31 -31
  121. package/src/js/aui/internal/i18n/aui_et.js +31 -31
  122. package/src/js/aui/internal/i18n/aui_eu.js +31 -31
  123. package/src/js/aui/internal/i18n/aui_fa.js +31 -31
  124. package/src/js/aui/internal/i18n/aui_fi.js +31 -31
  125. package/src/js/aui/internal/i18n/aui_fo.js +31 -31
  126. package/src/js/aui/internal/i18n/aui_fr.js +31 -31
  127. package/src/js/aui/internal/i18n/aui_fr_CH.js +31 -31
  128. package/src/js/aui/internal/i18n/aui_gl.js +31 -31
  129. package/src/js/aui/internal/i18n/aui_he.js +31 -31
  130. package/src/js/aui/internal/i18n/aui_hr.js +31 -31
  131. package/src/js/aui/internal/i18n/aui_hu.js +31 -31
  132. package/src/js/aui/internal/i18n/aui_hy.js +31 -31
  133. package/src/js/aui/internal/i18n/aui_id.js +31 -31
  134. package/src/js/aui/internal/i18n/aui_is.js +31 -31
  135. package/src/js/aui/internal/i18n/aui_it.js +31 -31
  136. package/src/js/aui/internal/i18n/aui_ja.js +31 -31
  137. package/src/js/aui/internal/i18n/aui_ko.js +31 -31
  138. package/src/js/aui/internal/i18n/aui_kz.js +31 -31
  139. package/src/js/aui/internal/i18n/aui_lt.js +31 -31
  140. package/src/js/aui/internal/i18n/aui_lv.js +31 -31
  141. package/src/js/aui/internal/i18n/aui_ml.js +31 -31
  142. package/src/js/aui/internal/i18n/aui_ms.js +31 -31
  143. package/src/js/aui/internal/i18n/aui_nl.js +31 -31
  144. package/src/js/aui/internal/i18n/aui_no.js +31 -31
  145. package/src/js/aui/internal/i18n/aui_pl.js +31 -31
  146. package/src/js/aui/internal/i18n/aui_pt.js +31 -31
  147. package/src/js/aui/internal/i18n/aui_pt_BR.js +31 -31
  148. package/src/js/aui/internal/i18n/aui_rm.js +31 -31
  149. package/src/js/aui/internal/i18n/aui_ro.js +31 -31
  150. package/src/js/aui/internal/i18n/aui_ru.js +31 -31
  151. package/src/js/aui/internal/i18n/aui_sk.js +31 -31
  152. package/src/js/aui/internal/i18n/aui_sl.js +31 -31
  153. package/src/js/aui/internal/i18n/aui_sq.js +31 -31
  154. package/src/js/aui/internal/i18n/aui_sr.js +31 -31
  155. package/src/js/aui/internal/i18n/aui_sr_SR.js +31 -31
  156. package/src/js/aui/internal/i18n/aui_sv.js +31 -31
  157. package/src/js/aui/internal/i18n/aui_ta.js +31 -31
  158. package/src/js/aui/internal/i18n/aui_th.js +31 -31
  159. package/src/js/aui/internal/i18n/aui_tj.js +31 -31
  160. package/src/js/aui/internal/i18n/aui_tr.js +31 -31
  161. package/src/js/aui/internal/i18n/aui_uk.js +31 -31
  162. package/src/js/aui/internal/i18n/aui_vi.js +31 -31
  163. package/src/js/aui/internal/i18n/aui_zh_CN.js +31 -31
  164. package/src/js/aui/internal/i18n/aui_zh_HK.js +31 -31
  165. package/src/js/aui/internal/i18n/aui_zh_TW.js +31 -31
  166. package/src/js/aui/internal/log.js +2 -6
  167. package/src/js/aui/internal/mediaQuery.js +2 -3
  168. package/src/js/aui/internal/select/option.js +3 -3
  169. package/src/js/aui/internal/select/suggestion-model.js +1 -1
  170. package/src/js/aui/internal/select/suggestions-model.js +4 -5
  171. package/src/js/aui/internal/select/suggestions-view.js +17 -12
  172. package/src/js/aui/internal/state.js +2 -3
  173. package/src/js/aui/is-clipped.js +2 -2
  174. package/src/js/aui/key-code.js +1 -1
  175. package/src/js/aui/label.js +6 -6
  176. package/src/js/aui/layer.js +101 -89
  177. package/src/js/aui/messages.js +67 -43
  178. package/src/js/aui/navigation.js +7 -9
  179. package/src/js/aui/on-text-resize.js +7 -5
  180. package/src/js/aui/params.js +11 -8
  181. package/src/js/aui/polyfills/custom-event.js +9 -9
  182. package/src/js/aui/polyfills/placeholder.js +4 -4
  183. package/src/js/aui/populate-parameters.js +4 -4
  184. package/src/js/aui/progress-indicator.js +35 -27
  185. package/src/js/aui/progressive-data-set.js +13 -8
  186. package/src/js/aui/query-input.js +1 -1
  187. package/src/js/aui/restful-table/class-names.js +1 -1
  188. package/src/js/aui/restful-table/data-keys.js +1 -1
  189. package/src/js/aui/restful-table/edit-row.js +63 -63
  190. package/src/js/aui/restful-table/entry-model.js +6 -13
  191. package/src/js/aui/restful-table/event-handlers.js +4 -8
  192. package/src/js/aui/restful-table/event-names.js +1 -1
  193. package/src/js/aui/restful-table/row.js +41 -23
  194. package/src/js/aui/restful-table.js +101 -72
  195. package/src/js/aui/result-set.js +5 -5
  196. package/src/js/aui/results-list.js +3 -3
  197. package/src/js/aui/select.js +72 -51
  198. package/src/js/aui/select2.js +16 -8
  199. package/src/js/aui/sidebar.js +81 -51
  200. package/src/js/aui/spin.js +61 -49
  201. package/src/js/aui/spinner.js +11 -12
  202. package/src/js/aui/tables-sortable.js +21 -10
  203. package/src/js/aui/tabs.js +108 -77
  204. package/src/js/aui/to-init.js +1 -1
  205. package/src/js/aui/toggle.js +55 -43
  206. package/src/js/aui/tooltip.js +34 -33
  207. package/src/js/aui/trigger.js +21 -19
  208. package/src/js/aui/truncating-progressive-data-set.js +1 -1
  209. package/src/js/aui/unbind-text-resize.js +1 -1
  210. package/src/js/aui/unique-id.js +1 -1
  211. package/src/js/aui/when-i-type.js +67 -40
  212. package/src/js/aui-css-deprecations.js +52 -51
  213. package/src/js/jquery/jquery.moveto.js +18 -12
  214. package/src/less/adg-fancy-file-input.less +2 -3
  215. package/src/less/adg-header-quicksearch.less +5 -2
  216. package/src/less/adg-iconfont.less +242 -242
  217. package/src/less/adgs-icons.less +262 -262
  218. package/src/less/aui-appheader.less +10 -6
  219. package/src/less/aui-avatars.less +1 -1
  220. package/src/less/aui-banner.less +2 -1
  221. package/src/less/aui-buttons.less +6 -5
  222. package/src/less/aui-dark-mode.less +1 -1
  223. package/src/less/aui-date-picker.less +9 -6
  224. package/src/less/aui-experimental-expander.less +3 -3
  225. package/src/less/aui-experimental-labels.less +1 -1
  226. package/src/less/aui-experimental-progress-indicator.less +10 -4
  227. package/src/less/aui-experimental-progress-tracker.less +9 -6
  228. package/src/less/aui-experimental-restfultable.less +11 -3
  229. package/src/less/aui-experimental-tables-sortable.less +5 -3
  230. package/src/less/aui-experimental-tooltip.less +1 -1
  231. package/src/less/aui-link.less +0 -1
  232. package/src/less/aui-lozenge.less +6 -3
  233. package/src/less/aui-navigation.less +16 -14
  234. package/src/less/aui-page-layout.less +3 -4
  235. package/src/less/aui-page-typography.less +8 -3
  236. package/src/less/aui-reset.less +22 -6
  237. package/src/less/aui-select2.less +12 -9
  238. package/src/less/aui-sidebar-badges.less +1 -2
  239. package/src/less/aui-sidebar-config.less +7 -2
  240. package/src/less/aui-sidebar-grouping.less +22 -6
  241. package/src/less/aui-sidebar-navigation.less +7 -5
  242. package/src/less/aui-sidebar-skeleton.less +12 -7
  243. package/src/less/aui-skip-link.less +2 -1
  244. package/src/less/aui-spinner.less +2 -2
  245. package/src/less/aui-toggle.less +8 -4
  246. package/src/less/aui-toolbar2.less +1 -1
  247. package/src/less/checkbox-multiselect.less +13 -13
  248. package/src/less/dialog.less +3 -3
  249. package/src/less/dialog2.less +11 -10
  250. package/src/less/dropdown2-temp.css +4 -4
  251. package/src/less/dropdown2.less +4 -4
  252. package/src/less/flag.less +2 -2
  253. package/src/less/form-notification.less +10 -6
  254. package/src/less/forms-current.less +16 -18
  255. package/src/less/forms-legacy.less +4 -2
  256. package/src/less/forms-radios-and-checkboxes.less +18 -16
  257. package/src/less/forms.less +2 -4
  258. package/src/less/iconfont-mixin.less +7 -4
  259. package/src/less/imports/aui-theme/adg/adg-colors.less +40 -40
  260. package/src/less/imports/aui-theme/adg/adg-neutral-dark.less +20 -20
  261. package/src/less/imports/aui-theme/adg/adg-neutral-light.less +20 -20
  262. package/src/less/imports/aui-theme/components/buttons.less +7 -1
  263. package/src/less/imports/aui-theme/components/dropdown.less +3 -1
  264. package/src/less/imports/aui-theme/components/flag.less +1 -1
  265. package/src/less/imports/aui-theme/components/form-notification.less +2 -1
  266. package/src/less/imports/aui-theme/components/forms.less +8 -3
  267. package/src/less/imports/aui-theme/components/inline-dialog2.less +1 -1
  268. package/src/less/imports/aui-theme/components/navigation.less +6 -3
  269. package/src/less/imports/aui-theme/components/progress-tracker.less +6 -2
  270. package/src/less/imports/aui-theme/components/tables.less +3 -2
  271. package/src/less/imports/aui-theme/components/toggle.less +8 -3
  272. package/src/less/imports/aui-theme/core/colors.less +2 -2
  273. package/src/less/imports/aui-theme/core/icons.less +22 -22
  274. package/src/less/imports/aui-theme/core/text.less +6 -3
  275. package/src/less/imports/aui-theme/theme.less +1 -3
  276. package/src/less/imports/mixins/dropdown2-trigger-chevron-icon.less +0 -1
  277. package/src/less/imports/mixins/focus.less +12 -4
  278. package/src/less/imports/mixins/media-queries.less +2 -2
  279. package/src/less/imports/mixins/shadows.less +3 -1
  280. package/src/less/imports/mixins/tab-indicator.less +2 -2
  281. package/src/less/imports/mixins.less +11 -4
  282. package/src/less/inline-dialog.less +21 -19
  283. package/src/less/layer.less +0 -2
  284. package/src/less/messages.less +2 -1
  285. package/src/less/single-select.less +15 -10
  286. package/src/less/tables.less +3 -2
  287. package/src/less/tabs.less +4 -3
package/dist/aui/aui-prototyping-darkmode.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"aui-prototyping-darkmode.css","mappings":"AAEA,oBCoWQ,iBAAkB,CAKlB,gCACA,gCACA,gCAGA,wBACA,+BACA,iCACA,8BACA,8BACA,0BACA,qBACA,4BACA,oBACA,yBACA,0BAA2B,CAC3B,+BACA,gCACA,qCAAsC,CACtC,iCAGA,+BACA,yBAA0B,CAC1B,wBACA,yCACA,8BACA,+BACA,6BACA,+CAAgD,CAChD,mDAAoD,CACpD,kCAAmC,CACnC,iCAGA,+BACA,mCACA,yCACA,uCAGA,yBAGA,6BACA,+BACA,qCACA,uCACA,6CAAkD,CAClD,qCACA,+CAAoD,CACpD,uCACA,uCACA,yCACA,uCACA,+CAGA,6BACA,0BAGA,+BACA,iCACA,sCACA,wCACA,uCACA,yCACA,wDAA6D,CAC7D,gDACA,uCACA,yCACA,wDAA6D,CAC7D,gDACA,qCACA,uCACA,uDAA4D,CAC5D,8CACA,qCACA,uCACA,sDAA2D,CAC3D,8CACA,mCACA,qCACA,qDAA0D,CAC1D,4CAGA,oCACA,qCAAsC,CACtC,sCACA,oCACA,wCAAyC,CACzC,yCACA,uCACA,wCAAyC,CACzC,yCACA,qCACA,sCAAuC,CACvC,uCACA,sCACA,uCAAwC,CACxC,wCAGA,oCACA,sCACA,sCACA,wCACA,2CACA,6CAGA,gDAAiD,CACjD,8BACA,iCACA,iCACA,+BAGA,sCACA,wCACA,4CACA,6CACA,+CACA,+CACA,iDACA,+CACA,iDACA,sCACA,wCACA,4CACA,6CACA,+CACA,kFAAmF,CACnF,sFAAuF,CACvF,sCACA,wCACA,4CACA,6CACA,+CACA,+CACA,iDACA,qCACA,uCACA,2CACA,4CACA,8CACA,8CACA,gDACA,uCAAwC,CACxC,uCAGA,+BACA,+BACA,6BACA,mCACA,yCACA,2CAGA,0CACA,mDACA,oCACA,oCACA,0CACA,2CACA,6CACA,8CACA,sCACA,4CACA,4CACA,0CACA,0EAA2E,CAC3E,wCACA,wCACA,mCACA,uCACA,yCACA,kDACA,uCACA,qCACA,mCACA,gCAGA,6CACA,iDACA,+CAGA,6CACA,6CACA,oCACA,oCAGA,4CACA,gDACA,8CACA,4CACA,gDAGA,sCACA,4CACA,kCACA,8BACA,oCACA,sDACA,gCACA,iCAGA,2CACA,4CACA,8CAGA,gCACA,gDAGA,4BAGA,wCACA,+CAGA,iCACA,mCACA,sDACA,8CACA,uDACA,+CACA,uDACA,oDAAqD,CACrD,+CACA,2DACA,oFAAqF,CACrF,oFAAqF,CACrF,qDAGA,iCACA,wCACA,+BACA,2CACA,iDACA,mDACA,sCAAuC,CAGvC,oCACA,kCACA,wCACA,2CACA,yCAGA,kDACA,kGAAmG,CACnG,uDACA,gFAAiF,CACjF,kFAAmF,CACnF,iDACA,sDAGA,oCAAqC,CACrC,mCACA,uCAAwC,CACxC,uCACA,iCACA,qCACA,uCACA,yCACA,0CACA,sDACA,6CACA,iDACA,+CACA,kDAAmD,CACnD,mDACA,iDAGA,oDACA,mDACA,mFAAoF,CACpF,4EAA6E,CAC7E,+CACA,iDACA,+CACA,kDACA,+CACA,8CAGA,gCACA,oCAGA,6CACA,sCACA,wCACA,4CACA,8CACA,6CACA,+CACA,oEAAqE,CACrE,oEAAqE,CACrE,wEAAyE,CACzE,wDAAyD,CAGzD,8BACA,kCACA,uDAAwD,CACxD,6CACA,+CACA,+CACA,4CACA,yDAA0D,CAC1D,iEAAkE,CAGlE,wCACA,6CACA,0CACA,4CACA,qDACA,4CAA6C,CAC7C,2CACA,+CACA,iDACA,kDACA,oDACA,yDAA0D,CAC1D,wDACA,6CACA,wCDtaR","sources":["webpack:///../src/less/aui-dark-mode.less","webpack:///../src/less/imports/aui-theme/core/colors.less"],"sourcesContent":["@import (reference) './imports/global';\n\nbody.aui-theme-dark {\n #aui-themes.dark();\n};\n","// This file is used to generate table at aui-colors.hbs; therefore its format\n// is very particular: all sections should match; every section should have a\n// header comment; order and names of variables in sections should match\n// between themes. When modifying, make sure the docs build works.\n#aui-themes {\n .light() {\n color-scheme: light;\n @import (reference) '../adg/adg-colors';\n @import (reference) '../adg/adg-neutral-light';\n\n // Shadows and backgrounds\n --aui-shadow1: @ak-color-N40A;\n --aui-shadow2: @ak-color-N50A;\n --aui-blanket: rgba(@ak-color-N800, 0.45);\n\n // Page\n --aui-body-text: @ak-color-N800;\n --aui-lesser-body-text: @ak-color-N300;\n --aui-lesser-header-text: @ak-color-N200;\n --aui-body-background: @ak-color-N20;\n --aui-page-background: @ak-color-N0;\n --aui-page-border: @ak-color-N40;\n --aui-border: @ak-color-N40;\n --aui-border-strong: @ak-color-N100;\n --aui-focus: @ak-color-B200;\n --aui-link-color: @ak-color-B400;\n --aui-link-decoration: none;\n --aui-link-hover-color: @ak-color-B300;\n --aui-link-active-color: @ak-color-B500;\n --aui-link-hover-decoration: underline;\n --aui-link-visited-color: @ak-color-P500;\n\n // \"Item\" pattern - used for navigation, buttons, dropdown options, pagination, and similar.\n --aui-itemheading-text: @ak-color-N300;\n --aui-item-bg: transparent;\n --aui-item-text: @ak-color-N500;\n --aui-item-focus-bg: @ak-color-N30A;\n --aui-item-focus-text: @ak-color-N500;\n --aui-item-active-text: @ak-color-B400;\n --aui-item-active-bg: @ak-color-B50;\n --aui-item-selected-bg: var(--aui-item-focus-bg);\n --aui-item-selected-text: var(--aui-item-focus-text);\n --aui-item-disabled-bg: transparent;\n --aui-item-disabled-text: @ak-color-N100;\n\n // Tooltips\n --aui-tooltip-bg-color: @ak-color-N800;\n --aui-tooltip-border-color: @ak-color-N800;\n --aui-tooltip-content-text-color: @ak-color-N0;\n --aui-tooltip-title-text-color: @ak-color-N0;\n\n // Help text and onboarding messaging\n --aui-help-color: @ak-color-P400;\n\n // Badges\n --aui-badge-bg-color: @ak-color-N40A;\n --aui-badge-text-color: @ak-color-N800;\n --aui-badge-primary-bg-color: @ak-color-B400;\n --aui-badge-primary-text-color: @ak-color-N0;\n --aui-badge-added-bg-color: @ak-color-G50;\n --aui-badge-added-text-color: @ak-color-G500;\n --aui-badge-removed-bg-color: @ak-color-R50;\n --aui-badge-removed-text-color: @ak-color-R500;\n --aui-badge-important-bg-color: @ak-color-R400;\n --aui-badge-important-text-color: @ak-color-N0;\n --aui-badge-on-blue-text-color: @ak-color-N0;\n --aui-badge-on-blue-bg-color: rgba(@ak-color-N0, 0.25);\n\n // Avatars\n --aui-avatar-outline: @ak-color-N0;\n --aui-avatar-text: @ak-color-N100;\n\n // Lozenges\n --aui-lozenge-bg-color: @ak-color-N500;\n --aui-lozenge-text-color: @ak-color-N0;\n --aui-lozenge-subtle-bg-color: @ak-color-N40;\n --aui-lozenge-subtle-text-color: @ak-color-N500;\n --aui-lozenge-success-bg-color: @ak-color-G400;\n --aui-lozenge-success-text-color: @ak-color-N0;\n --aui-lozenge-success-subtle-bg-color: @ak-color-G50;\n --aui-lozenge-success-subtle-text-color: @ak-color-G500;\n --aui-lozenge-current-bg-color: @ak-color-B400;\n --aui-lozenge-current-text-color: @ak-color-N0;\n --aui-lozenge-current-subtle-bg-color: @ak-color-B50;\n --aui-lozenge-current-subtle-text-color: @ak-color-B500;\n --aui-lozenge-moved-bg-color: @ak-color-Y400;\n --aui-lozenge-moved-text-color: @ak-color-N800;\n --aui-lozenge-moved-subtle-bg-color: @ak-color-Y75;\n --aui-lozenge-moved-subtle-text-color: @ak-color-N800;\n --aui-lozenge-error-bg-color: @ak-color-R500;\n --aui-lozenge-error-text-color: @ak-color-N0;\n --aui-lozenge-error-subtle-bg-color: @ak-color-R50;\n --aui-lozenge-error-subtle-text-color: @ak-color-R500;\n --aui-lozenge-new-bg-color: @ak-color-P400;\n --aui-lozenge-new-text-color: @ak-color-N0;\n --aui-lozenge-new-subtle-bg-color: @ak-color-P50;\n --aui-lozenge-new-subtle-text-color: @ak-color-P500;\n\n // Messages\n --aui-message-info-bg-color: @ak-color-B50;\n --aui-message-info-icon-color: @ak-color-B400;\n --aui-message-info-text-color: @ak-color-N600;\n --aui-message-success-bg-color: @ak-color-G50;\n --aui-message-success-icon-color: @ak-color-G400;\n --aui-message-success-text-color: @ak-color-N600;\n --aui-message-warning-bg-color: @ak-color-Y50;\n --aui-message-warning-icon-color: @ak-color-Y400;\n --aui-message-warning-text-color: @ak-color-N600;\n --aui-message-error-bg-color: @ak-color-R50;\n --aui-message-error-icon-color: @ak-color-R400;\n --aui-message-error-text-color: @ak-color-N600;\n --aui-message-change-bg-color: @ak-color-P50;\n --aui-message-change-icon-color: @ak-color-P400;\n --aui-message-change-text-color: @ak-color-N600;\n\n // Banners\n --aui-banner-error-bg-color: @ak-color-R400;\n --aui-banner-error-text-color: @ak-color-N0;\n --aui-banner-warning-bg-color: @ak-color-Y300;\n --aui-banner-warning-text-color: @ak-color-N700;\n --aui-banner-announcement-bg-color: @ak-color-N500;\n --aui-banner-announcement-text-color: @ak-color-N0;\n\n // Flags\n --aui-flag-bg-color: var(--aui-dropdown-bg-color); // see also: inline dialogs\n --aui-flag-info-color: @ak-color-B400;\n --aui-flag-success-color: @ak-color-G300;\n --aui-flag-warning-color: @ak-color-Y300;\n --aui-flag-error-color: @ak-color-R300;\n\n // Buttons\n --aui-button-default-bg-color: @ak-color-N30A;\n --aui-button-default-text-color: @ak-color-N600;\n --aui-button-default-hover-bg-color: @ak-color-N40A;\n --aui-button-default-active-bg-color: @ak-color-B50;\n --aui-button-default-active-text-color: @ak-color-B400;\n --aui-button-default-selected-bg-color: @ak-color-N600;\n --aui-button-default-selected-text-color: @ak-color-N0;\n --aui-button-default-disabled-bg-color: @ak-color-N20A;\n --aui-button-default-disabled-text-color: @ak-color-N70;\n --aui-button-primary-bg-color: @ak-color-B400;\n --aui-button-primary-text-color: @ak-color-N0;\n --aui-button-primary-hover-bg-color: @ak-color-B300;\n --aui-button-primary-active-bg-color: @ak-color-B400;\n --aui-button-primary-active-text-color: @ak-color-N0;\n --aui-button-primary-disabled-bg-color: var(--aui-button-default-disabled-bg-color);\n --aui-button-primary-disabled-text-color: var(--aui-button-default-disabled-text-color);\n --aui-button-warning-bg-color: @ak-color-Y300;\n --aui-button-warning-text-color: @ak-color-N800;\n --aui-button-warning-hover-bg-color: @ak-color-Y500;\n --aui-button-warning-active-bg-color: darken(@ak-color-Y500, 10%);\n --aui-button-warning-active-text-color: @ak-color-N800;\n --aui-button-warning-selected-bg-color: @ak-color-Y500;\n --aui-button-warning-selected-text-color: @ak-color-N800;\n --aui-button-danger-bg-color: @ak-color-R500;\n --aui-button-danger-text-color: @ak-color-N0;\n --aui-button-danger-hover-bg-color: darken(@ak-color-R500, 10%);\n --aui-button-danger-active-bg-color: darken(@ak-color-R500, 20%);\n --aui-button-danger-active-text-color: @ak-color-N0;\n --aui-button-danger-selected-bg-color: darken(@ak-color-R500, 10%);\n --aui-button-danger-selected-text-color: @ak-color-N0;\n --aui-button-light-bg-color: @ak-color-N0;\n --aui-button-subtle-text-color: @ak-color-N600;\n\n // \"Labels\" (e.g., page tags, selected values in components, etc.)\n --aui-label-text-color: inherit;\n --aui-label-link-color: inherit;\n --aui-label-bg-color: @ak-color-N20;\n --aui-label-hover-bg-color: @ak-color-N20;\n --aui-label-close-hover-bg-color: @ak-color-R50;\n --aui-label-close-hover-text-color: @ak-color-R500;\n\n // Forms\n --aui-form-placeholder-text-color: @ak-color-N300;\n --aui-form-placeholder-disabled-text-color: @ak-color-N70;\n --aui-form-label-text-color: @ak-color-N200;\n --aui-form-error-text-color: @ak-color-R400;\n --aui-form-description-text-color: @ak-color-N200;\n --aui-form-disabled-field-bg-color: @ak-color-N20;\n --aui-form-disabled-field-text-color: @ak-color-N80;\n --aui-form-disabled-field-label-color: @ak-color-N80;\n --aui-form-field-border-color: @ak-color-N40;\n --aui-form-field-hover-border-color: @ak-color-N40;\n --aui-form-field-default-text-color: @ak-color-N800;\n --aui-form-field-default-bg-color: @ak-color-N10;\n --aui-form-field-hover-text-color: var(--aui-form-field-default-text-color);\n --aui-form-field-hover-bg-color: @ak-color-N30;\n --aui-form-field-focus-bg-color: @ak-color-N0;\n --aui-form-select-bg-color: @ak-color-N30;\n --aui-form-select-border-color: @ak-color-N30;\n --aui-form-select-hover-bg-color: @ak-color-N40;\n --aui-form-checkbox-radio-active-bg-color: @ak-color-B50;\n --aui-form-optgroup-text-color: @ak-color-N100;\n --aui-form-optgroup-bg-color: @ak-color-N20;\n --aui-form-option-bg-color: @ak-color-N0;\n --aui-form-pre-bg-color: @ak-color-N20;\n\n // More form fields\n --aui-form-field-autofilled-bg-color: @ak-color-P50;\n --aui-form-field-autofilled-border-color: @ak-color-P300;\n --aui-form-field-autofilled-text-color: @ak-color-P500;\n\n // Form glyphs\n --aui-form-glyph-disabled-icon-color: @ak-color-N70;\n --aui-form-glyph-disabled-fill-color: @ak-color-N20A;\n --aui-form-glyph-icon-color: @ak-color-N0;\n --aui-form-glyph-fill-color: @ak-color-B400;\n\n // Form checkboxes and radio buttons\n --aui-form-checkbox-active-bg-color: @ak-color-B50;\n --aui-form-checkbox-active-border-color: @ak-color-B50;\n --aui-form-checkbox-active-icon-color: @ak-color-B400;\n --aui-form-radio-unchecked-bg-color: @ak-color-N20;\n --aui-form-radio-unchecked-border-color: @ak-color-N200;\n\n // Toggle\n --aui-toggle-default-bg-color: @ak-color-N200;\n --aui-toggle-default-bg-hover-color: @ak-color-N70;\n --aui-toggle-button-color: @ak-color-N0;\n --aui-toggle-on-color: @ak-color-G400;\n --aui-toggle-on-hover-color: @ak-color-G300;\n --aui-toggle-disabled-overlay-color: rgba(@ak-color-N0, 0.5);\n --aui-toggle-tick-color: @ak-color-N0;\n --aui-toggle-cross-color: @ak-color-N0;\n\n // Form notification\n --aui-form-notification-info-color: @ak-color-N80;\n --aui-form-notification-error-color: var(--aui-message-error-icon-color);\n --aui-form-notification-success-color: var(--aui-message-success-icon-color);\n\n // Progress bar\n --aui-progressbar-color: @ak-color-N500;\n --aui-progressbar-track-color: @ak-color-N40A;\n\n // Spinner\n --aui-spinner-color: @ak-color-N500;\n\n // Navigation\n --aui-nav-pagination-text-color: @ak-color-N800; // --aui-body-text\n --aui-nav-pagination-active-text-color: @ak-color-N80;\n\n // Application header\n --aui-appheader-bg-color: @ak-color-B500;\n --aui-appheader-text-color: @ak-color-B50;\n --aui-appheader-item-focus-bg-color: @ak-color-N90A;\n --aui-appheader-item-focus-text-color: @ak-color-B50;\n --aui-appheader-item-active-bg-color: @ak-color-N90A;\n --aui-appheader-item-active-text-color: @ak-color-B50;\n --aui-appheader-quicksearch-bg-color: @ak-color-N90A;\n --aui-appheader-quicksearch-border-color: transparent;\n --aui-appheader-quicksearch-text-color: @ak-color-B50;\n --aui-appheader-quicksearch-placeholder-text-color: @ak-color-N80;\n --aui-appheader-quicksearch-hover-bg-color: var(--aui-appheader-quicksearch-bg-color);\n --aui-appheader-quicksearch-focus-bg-color: var(--aui-appheader-quicksearch-bg-color);\n --aui-appheader-quicksearch-focus-text-color: @ak-color-B50;\n\n // Sidebar\n --aui-sidebar-icon-color: @ak-color-N400;\n --aui-sidebar-toggle-icon-color: @ak-color-N400;\n --aui-sidebar-bg-color: @ak-color-N20;\n --aui-sidebar-dropdown-arrow-color: @ak-color-N400;\n --aui-sidebar-tooltip-bg-color: @ak-color-N800A;\n --aui-sidebar-badge-bg-color: @ak-color-N50;\n --aui-sidebar-badge-text-color: inherit;\n\n // Tabs\n --aui-tabs-tab-border-color: @ak-color-N30; // --aui-border\n --aui-tabs-tab-text-color: @ak-color-N500;\n --aui-tabs-tab-hover-text-color: @ak-color-B100;\n --aui-tabs-tab-active-border-color: @ak-color-B400;\n --aui-tabs-tab-active-text-color: @ak-color-B400;\n\n // Multi-step wizard\n --aui-progress-tracker-current-step-color: @ak-color-B300;\n --aui-progress-tracker-current-step-text-color: var(--aui-progress-tracker-visited-step-text-color);\n --aui-progress-tracker-visited-step-text-color: @ak-color-N800;\n --aui-progress-tracker-visited-step-hover-text-color: @ak-color-B400;\n --aui-progress-tracker-visited-step-active-text-color: @ak-color-B500;\n --aui-progress-tracker-future-step-color: @ak-color-N70;\n --aui-progress-tracker-future-step-text-color: @ak-color-N300;\n\n // Tables\n --aui-table-row-bg-color: transparent;\n --aui-table-row-text-color: @ak-color-N800; // --aui-body-text\n --aui-table-header-bg-color: transparent;\n --aui-table-heading-text-color: @ak-color-N200;\n --aui-table-border-color: @ak-color-N40;\n --aui-table-caption-bg-color: @ak-color-N20;\n --aui-table-caption-text-color: @ak-color-N100;\n --aui-table-list-row-hover-color: @ak-color-N30A;\n --aui-table-list-row-subtle-color: @ak-color-N60;\n --aui-table-sortable-hover-bg-color: @ak-color-N30A;\n --aui-table-sortable-active-bg-color: @ak-color-B50;\n --aui-table-sortable-active-border-color: @ak-color-B500;\n --aui-table-sortable-active-text-color: @ak-color-B500;\n --aui-table-sortable-selected-bg-color: transparent;\n --aui-table-sortable-selected-border-color: @ak-color-N100;\n --aui-table-sortable-selected-text-color: @ak-color-N400;\n\n // Dynamic tables\n --aui-restfultable-row-focused-border-color: @ak-color-N60;\n --aui-restfultable-row-create-border-color: @ak-color-N40;\n --aui-restfultable-row-editable-hover-bg-color: var(--aui-form-field-hover-bg-color);\n --aui-restfultable-error-text-color: var(--aui-form-notification-error-color);\n --aui-restfultable-header-row-bg-color: @ak-color-N0;\n --aui-restfultable-header-row-text-color: @ak-color-N200;\n --aui-restfultable-row-moving-bg-color: @ak-color-N20;\n --aui-restfultable-editable-em-text-color: @ak-color-N80;\n --aui-restfultable-row-active-bg-color: @ak-color-N20;\n --aui-restfultable-row-hover-bg-color: @ak-color-N20;\n\n // Dropdowns\n --aui-dropdown-bg-color: @ak-color-N0;\n --aui-dropdown-border-color: @ak-color-N40; // to match the lightness of the faux border in the \"z200\" shadow\n\n // Selects\n --aui-select2-placeholder-text-color: @ak-color-N100;\n --aui-select2-chosen-bg-color: @ak-color-N0;\n --aui-select2-chosen-text-color: @ak-color-N800;\n --aui-select2-chosen-hover-bg-color: @ak-color-N0;\n --aui-select2-chosen-hover-text-color: @ak-color-N800;\n --aui-select2-active-chosen-bg-color: @ak-color-N40;\n --aui-select2-active-chosen-text-color: @ak-color-N800;\n --aui-select2-field-default-bg-color: var(--aui-form-select-bg-color);\n --aui-select2-field-border-color: var(--aui-form-select-border-color);\n --aui-select2-field-hover-bg-color: var(--aui-form-select-hover-bg-color);\n --aui-select2-drop-bg-color: var(--aui-dropdown-bg-color);\n\n // Dialogs\n --aui-dialog-bg-color: @ak-color-N0;\n --aui-dialog-border-color: @ak-color-N30;\n --aui-dialog-header-bg-color: var(--aui-dialog-bg-color);\n --aui-dialog-header-warning-bg-color: @ak-color-R400;\n --aui-dialog-header-warning-text-color: @ak-color-N0;\n --aui-dialog-button-hover-border-color: @ak-color-N80;\n --aui-dialog-footer-hint-text-color: @ak-color-N400;\n --aui-inline-dialog-bg-color: var(--aui-dropdown-bg-color); // shared this way because both inline dialogs and dropdowns need to layer well on top of modals\n --aui-inline-dialog-border-color: var(--aui-dropdown-border-color);\n\n // Date pickers\n --aui-datepicker-panel-bg-color: @ak-color-N0;\n --aui-datepicker-panel-divider-color: @ak-color-N40;\n --aui-datepicker-heading-bg-color: @ak-color-N20;\n --aui-datepicker-heading-text-color: @ak-color-N600;\n --aui-datepicker-heading-weekdays-text-color: @ak-color-N300;\n --aui-datepicker-option-bg-color: transparent;\n --aui-datepicker-option-text-color: @ak-color-B400;\n --aui-datepicker-option-focus-bg-color: @ak-color-N20;\n --aui-datepicker-option-focus-text-color: @ak-color-B400;\n --aui-datepicker-option-selected-bg-color: @ak-color-B400;\n --aui-datepicker-option-selected-text-color: @ak-color-N0;\n --aui-datepicker-option-unselectable-bg-color: @ak-color-N20;\n --aui-datepicker-option-unselectable-text-color: @ak-color-N100;\n --aui-datepicker-disabled-text-color: @ak-color-N100;\n --aui-datepicker-hint-text-color: @ak-color-N400;\n }\n\n .dark() {\n color-scheme: dark;\n @import (reference) '../adg/adg-colors';\n @import (reference) '../adg/adg-neutral-dark';\n\n // Shadows and backgrounds\n --aui-shadow1: @ak-color-N70A;\n --aui-shadow2: @ak-color-N90A;\n --aui-blanket: @ak-color-N100A;\n\n // Page\n --aui-body-text: @ak-color-N800;\n --aui-lesser-body-text: @ak-color-N200;\n --aui-lesser-header-text: @ak-color-N200;\n --aui-body-background: @ak-color-N30;\n --aui-page-background: @ak-color-N30;\n --aui-page-border: @ak-color-N30;\n --aui-border: @ak-color-N50;\n --aui-border-strong: @ak-color-N100;\n --aui-focus: @ak-color-B100;\n --aui-link-color: @ak-color-B90;\n --aui-link-decoration: none;\n --aui-link-hover-color: @ak-color-B75;\n --aui-link-active-color: @ak-color-B200;\n --aui-link-hover-decoration: underline;\n --aui-link-visited-color: @ak-color-P100;\n\n // \"Item\" pattern - used for navigation, buttons, dropdown options, pagination, and similar.\n --aui-itemheading-text: @ak-color-N300;\n --aui-item-bg: transparent;\n --aui-item-text: @ak-color-N600;\n --aui-item-focus-bg: rgba(@ak-color-N200, 0.3);\n --aui-item-focus-text: @ak-color-N600;\n --aui-item-active-text: @ak-color-B400;\n --aui-item-active-bg: @ak-color-B75;\n --aui-item-selected-bg: var(--aui-item-focus-bg);\n --aui-item-selected-text: var(--aui-item-focus-text);\n --aui-item-disabled-bg: transparent;\n --aui-item-disabled-text: @ak-color-N100;\n\n // Tooltips\n --aui-tooltip-bg-color: @ak-color-N900;\n --aui-tooltip-border-color: @ak-color-N900;\n --aui-tooltip-content-text-color: @ak-color-N40;\n --aui-tooltip-title-text-color: @ak-color-N10;\n\n // Help text and onboarding messaging\n --aui-help-color: @ak-color-P300;\n\n // Badges\n --aui-badge-bg-color: @ak-color-N70;\n --aui-badge-text-color: @ak-color-N900;\n --aui-badge-primary-bg-color: @ak-color-B100;\n --aui-badge-primary-text-color: @ak-color-N0;\n --aui-badge-added-bg-color: rgba(0, 102, 68, 0.33);\n --aui-badge-added-text-color: @ak-color-G75;\n --aui-badge-removed-bg-color: rgba(191, 38, 0, 0.33);\n --aui-badge-removed-text-color: @ak-color-R75;\n --aui-badge-important-bg-color: @ak-color-R300;\n --aui-badge-important-text-color: @ak-color-N0;\n --aui-badge-on-blue-text-color: @ak-color-N0;\n --aui-badge-on-blue-bg-color: rgba(@ak-color-N0, 0.25);\n\n // Avatars\n --aui-avatar-outline: @ak-color-N0;\n --aui-avatar-text: @ak-color-N100;\n\n // Lozenges\n --aui-lozenge-bg-color: @ak-color-N500;\n --aui-lozenge-text-color: @ak-color-N0;\n --aui-lozenge-subtle-bg-color: @ak-color-N50;\n --aui-lozenge-subtle-text-color: @ak-color-N600;\n --aui-lozenge-success-bg-color: @ak-color-G200;\n --aui-lozenge-success-text-color: @ak-color-N0;\n --aui-lozenge-success-subtle-bg-color: rgba(0, 102, 68, 0.33);\n --aui-lozenge-success-subtle-text-color: @ak-color-G75;\n --aui-lozenge-current-bg-color: @ak-color-B200;\n --aui-lozenge-current-text-color: @ak-color-N0;\n --aui-lozenge-current-subtle-bg-color: rgba(7, 71, 166, 0.33);\n --aui-lozenge-current-subtle-text-color: @ak-color-B75;\n --aui-lozenge-moved-bg-color: @ak-color-Y300;\n --aui-lozenge-moved-text-color: @ak-color-N0;\n --aui-lozenge-moved-subtle-bg-color: rgba(255, 139, 0, 0.22);\n --aui-lozenge-moved-subtle-text-color: @ak-color-Y75;\n --aui-lozenge-error-bg-color: @ak-color-R300;\n --aui-lozenge-error-text-color: @ak-color-N0;\n --aui-lozenge-error-subtle-bg-color: rgba(191, 38, 0, 0.33);\n --aui-lozenge-error-subtle-text-color: @ak-color-R75;\n --aui-lozenge-new-bg-color: @ak-color-P200;\n --aui-lozenge-new-text-color: @ak-color-N0;\n --aui-lozenge-new-subtle-bg-color: rgba(64, 50, 148, 0.33);\n --aui-lozenge-new-subtle-text-color: @ak-color-P75;\n\n // Messages\n --aui-message-info-bg-color: @ak-color-B500;\n --aui-message-info-icon-color: initial;\n --aui-message-info-text-color: @ak-color-N1K;\n --aui-message-success-bg-color: @ak-color-G500;\n --aui-message-success-icon-color: initial;\n --aui-message-success-text-color: @ak-color-N1K;\n --aui-message-warning-bg-color: @ak-color-Y400;\n --aui-message-warning-icon-color: initial;\n --aui-message-warning-text-color: @ak-color-N20;\n --aui-message-error-bg-color: @ak-color-R500;\n --aui-message-error-icon-color: initial;\n --aui-message-error-text-color: @ak-color-N1K;\n --aui-message-change-bg-color: @ak-color-P400;\n --aui-message-change-icon-color: initial;\n --aui-message-change-text-color: @ak-color-N1K;\n\n // Banners\n --aui-banner-error-bg-color: @ak-color-R400;\n --aui-banner-error-text-color: @ak-color-N2K;\n --aui-banner-warning-bg-color: @ak-color-Y300;\n --aui-banner-warning-text-color: @ak-color-N30;\n --aui-banner-announcement-bg-color: @ak-color-N70;\n --aui-banner-announcement-text-color: @ak-color-N2K;\n\n // Flags\n --aui-flag-bg-color: var(--aui-dropdown-bg-color); // see also: inline dialogs\n --aui-flag-info-color: @ak-color-B200;\n --aui-flag-success-color: @ak-color-G300;\n --aui-flag-warning-color: @ak-color-Y300;\n --aui-flag-error-color: @ak-color-R300;\n\n // Buttons\n --aui-button-default-bg-color: @ak-color-N60;\n --aui-button-default-text-color: @ak-color-N800;\n --aui-button-default-hover-bg-color: @ak-color-N90;\n --aui-button-default-active-bg-color: @ak-color-B75;\n --aui-button-default-active-text-color: @ak-color-N800;\n --aui-button-default-selected-bg-color: @ak-color-N400;\n --aui-button-default-selected-text-color: @ak-color-N800;\n --aui-button-default-disabled-bg-color: @ak-color-N70;\n --aui-button-default-disabled-text-color: @ak-color-N30;\n --aui-button-primary-bg-color: @ak-color-B100;\n --aui-button-primary-text-color: @ak-color-N30;\n --aui-button-primary-hover-bg-color: @ak-color-B75;\n --aui-button-primary-active-bg-color: @ak-color-B200;\n --aui-button-primary-active-text-color: @ak-color-N0;\n --aui-button-primary-disabled-bg-color: var(--aui-button-default-disabled-bg-color);\n --aui-button-primary-disabled-text-color: var(--aui-button-default-disabled-text-color);\n --aui-button-warning-bg-color: @ak-color-Y300;\n --aui-button-warning-text-color: @ak-color-N20;\n --aui-button-warning-hover-bg-color: @ak-color-Y200;\n --aui-button-warning-active-bg-color: @ak-color-Y100;\n --aui-button-warning-active-text-color: @ak-color-N20;\n --aui-button-warning-selected-bg-color: @ak-color-Y200;\n --aui-button-warning-selected-text-color: @ak-color-N20;\n --aui-button-danger-bg-color: @ak-color-R200;\n --aui-button-danger-text-color: @ak-color-N0;\n --aui-button-danger-hover-bg-color: @ak-color-R100;\n --aui-button-danger-active-bg-color: @ak-color-R75;\n --aui-button-danger-active-text-color: @ak-color-N0;\n --aui-button-danger-selected-bg-color: @ak-color-R100;\n --aui-button-danger-selected-text-color: @ak-color-N0;\n --aui-button-light-bg-color: transparent;\n --aui-button-subtle-text-color: @ak-color-N600;\n\n // \"Labels\" (e.g., page tags, selected values in components, etc.)\n --aui-label-text-color: @ak-color-N800;\n --aui-label-link-color: @ak-color-N800;\n --aui-label-bg-color: @ak-color-N50;\n --aui-label-hover-bg-color: @ak-color-N80;\n --aui-label-close-hover-bg-color: @ak-color-R50;\n --aui-label-close-hover-text-color: @ak-color-R500;\n\n // Forms\n --aui-form-placeholder-text-color: @ak-color-N200;\n --aui-form-placeholder-disabled-text-color: @ak-color-N70;\n --aui-form-label-text-color: @ak-color-N400;\n --aui-form-error-text-color: @ak-color-R500;\n --aui-form-description-text-color: @ak-color-N400;\n --aui-form-disabled-field-bg-color: @ak-color-N30;\n --aui-form-disabled-field-text-color: @ak-color-N80;\n --aui-form-disabled-field-label-color: @ak-color-N80;\n --aui-form-field-border-color: @ak-color-N80;\n --aui-form-field-hover-border-color: @ak-color-N80;\n --aui-form-field-default-text-color: @ak-color-N800;\n --aui-form-field-default-bg-color: @ak-color-N40;\n --aui-form-field-hover-text-color: var(--aui-form-field-default-text-color);\n --aui-form-field-hover-bg-color: @ak-color-N30;\n --aui-form-field-focus-bg-color: @ak-color-N0;\n --aui-form-select-bg-color: @ak-color-N70;\n --aui-form-select-border-color: @ak-color-N70;\n --aui-form-select-hover-bg-color: @ak-color-N40;\n --aui-form-checkbox-radio-active-bg-color: @ak-color-B100;\n --aui-form-optgroup-text-color: @ak-color-N100;\n --aui-form-optgroup-bg-color: @ak-color-N20;\n --aui-form-option-bg-color: @ak-color-N0;\n --aui-form-pre-bg-color: @ak-color-N20;\n\n // More form fields\n --aui-form-field-autofilled-bg-color: @ak-color-P500;\n --aui-form-field-autofilled-border-color: @ak-color-P100;\n --aui-form-field-autofilled-text-color: @ak-color-P75;\n\n // Form glyphs\n --aui-form-glyph-disabled-icon-color: @ak-color-N200;\n --aui-form-glyph-disabled-fill-color: @ak-color-N70;\n --aui-form-glyph-icon-color: @ak-color-N900;\n --aui-form-glyph-fill-color: @ak-color-B400;\n\n // Form checkboxes and radio buttons\n --aui-form-checkbox-active-bg-color: @ak-color-B50;\n --aui-form-checkbox-active-border-color: @ak-color-B50;\n --aui-form-checkbox-active-icon-color: @ak-color-B200;\n --aui-form-radio-unchecked-bg-color: @ak-color-N20;\n --aui-form-radio-unchecked-border-color: @ak-color-N200;\n\n // Toggle\n --aui-toggle-default-bg-color: @ak-color-N90;\n --aui-toggle-default-bg-hover-color: @ak-color-N100;\n --aui-toggle-button-color: @ak-color-N30;\n --aui-toggle-on-color: @ak-color-G300;\n --aui-toggle-on-hover-color: @ak-color-G200;\n --aui-toggle-disabled-overlay-color: rgba(@ak-color-N30, 0.5);\n --aui-toggle-tick-color: @ak-color-N30;\n --aui-toggle-cross-color: @ak-color-N30;\n\n // Form notification\n --aui-form-notification-info-color: @ak-color-N80;\n --aui-form-notification-error-color: @ak-color-R300;\n --aui-form-notification-success-color: @ak-color-G300;\n\n // Progress bar\n --aui-progressbar-color: @ak-color-N800;\n --aui-progressbar-track-color: @ak-color-N400A;\n\n // Spinner\n --aui-spinner-color: @ak-color-N800;\n\n // Navigation\n --aui-nav-pagination-text-color: @ak-color-N800; // --aui-body-text\n --aui-nav-pagination-active-text-color: @ak-color-N80;\n\n // Application header\n --aui-appheader-bg-color: @ak-color-B500;\n --aui-appheader-text-color: @ak-color-B50;\n --aui-appheader-item-focus-bg-color: @ak-color-N50A;\n --aui-appheader-item-focus-text-color: @ak-color-B50;\n --aui-appheader-item-active-bg-color: @ak-color-N90A;\n --aui-appheader-item-active-text-color: @ak-color-B50;\n --aui-appheader-quicksearch-bg-color: @ak-color-N90A;\n --aui-appheader-quicksearch-border-color: transparent;\n --aui-appheader-quicksearch-text-color: @ak-color-B50;\n --aui-appheader-quicksearch-placeholder-text-color: @ak-color-N400;\n --aui-appheader-quicksearch-hover-bg-color: var(--aui-appheader-quicksearch-bg-color);\n --aui-appheader-quicksearch-focus-bg-color: var(--aui-appheader-quicksearch-bg-color);\n --aui-appheader-quicksearch-focus-text-color: @ak-color-B50;\n\n // Sidebar\n --aui-sidebar-icon-color: @ak-color-N400;\n --aui-sidebar-toggle-icon-color: @ak-color-N400;\n --aui-sidebar-bg-color: @ak-color-N20;\n --aui-sidebar-dropdown-arrow-color: @ak-color-N400;\n --aui-sidebar-tooltip-bg-color: @ak-color-N800A;\n --aui-sidebar-badge-bg-color: rgba(@ak-color-N2K, 0.19);\n --aui-sidebar-badge-text-color: inherit;\n\n // Tabs\n --aui-tabs-tab-border-color: @ak-color-N60;\n --aui-tabs-tab-text-color: @ak-color-N400;\n --aui-tabs-tab-hover-text-color: @ak-color-B100;\n --aui-tabs-tab-active-border-color: @ak-color-B100;\n --aui-tabs-tab-active-text-color: @ak-color-B100;\n\n // Multi-step wizard\n --aui-progress-tracker-current-step-color: @ak-color-B300;\n --aui-progress-tracker-current-step-text-color: var(--aui-progress-tracker-visited-step-text-color);\n --aui-progress-tracker-visited-step-text-color: @ak-color-N800;\n --aui-progress-tracker-visited-step-hover-text-color: var(--aui-link-hover-color);\n --aui-progress-tracker-visited-step-active-text-color: var(--aui-link-active-color);\n --aui-progress-tracker-future-step-color: @ak-color-N70;\n --aui-progress-tracker-future-step-text-color: @ak-color-N300;\n\n // Tables\n --aui-table-row-bg-color: transparent;\n --aui-table-row-text-color: @ak-color-N800; // --aui-body-text\n --aui-table-header-bg-color: transparent;\n --aui-table-heading-text-color: @ak-color-N400;\n --aui-table-border-color: @ak-color-N50; // --aui-border\n --aui-table-caption-bg-color: @ak-color-N20;\n --aui-table-caption-text-color: @ak-color-N100;\n --aui-table-list-row-hover-color: @ak-color-N40;\n --aui-table-list-row-subtle-color: @ak-color-N60;\n --aui-table-sortable-hover-bg-color: @ak-color-N30A;\n --aui-table-sortable-active-bg-color: @ak-color-B50;\n --aui-table-sortable-active-border-color: @ak-color-B200;\n --aui-table-sortable-active-text-color: @ak-color-B200;\n --aui-table-sortable-selected-bg-color: transparent;\n --aui-table-sortable-selected-border-color: @ak-color-N400;\n --aui-table-sortable-selected-text-color: @ak-color-N800;\n\n // Dynamic tables\n --aui-restfultable-row-focused-border-color: @ak-color-N60;\n --aui-restfultable-row-create-border-color: @ak-color-N40;\n --aui-restfultable-row-editable-hover-bg-color: var(--aui-form-field-hover-bg-color);\n --aui-restfultable-error-text-color: var(--aui-form-notification-error-color);\n --aui-restfultable-header-row-bg-color: @ak-color-N0;\n --aui-restfultable-header-row-text-color: @ak-color-N200;\n --aui-restfultable-row-moving-bg-color: @ak-color-N20;\n --aui-restfultable-editable-em-text-color: @ak-color-N80;\n --aui-restfultable-row-active-bg-color: @ak-color-N20;\n --aui-restfultable-row-hover-bg-color: @ak-color-N20;\n\n // Dropdowns\n --aui-dropdown-bg-color: @ak-color-N50;\n --aui-dropdown-border-color: @ak-color-N70;\n\n // Selects\n --aui-select2-placeholder-text-color: @ak-color-N100;\n --aui-select2-chosen-bg-color: @ak-color-N30;\n --aui-select2-chosen-text-color: @ak-color-N800;\n --aui-select2-chosen-hover-bg-color: @ak-color-N80;\n --aui-select2-chosen-hover-text-color: @ak-color-N800;\n --aui-select2-active-chosen-bg-color: @ak-color-N80;\n --aui-select2-active-chosen-text-color: @ak-color-N800;\n --aui-select2-field-default-bg-color: var(--aui-form-select-bg-color);\n --aui-select2-field-border-color: var(--aui-form-select-border-color);\n --aui-select2-field-hover-bg-color: var(--aui-form-select-hover-bg-color);\n --aui-select2-drop-bg-color: var(--aui-dropdown-bg-color);\n\n // Dialogs\n --aui-dialog-bg-color: @ak-color-N40;\n --aui-dialog-border-color: @ak-color-N40;\n --aui-dialog-header-bg-color: var(--aui-dialog-bg-color);\n --aui-dialog-header-warning-bg-color: @ak-color-R200;\n --aui-dialog-header-warning-text-color: @ak-color-N0;\n --aui-dialog-button-hover-border-color: @ak-color-N80;\n --aui-dialog-footer-hint-text-color: @ak-color-N400;\n --aui-inline-dialog-bg-color: var(--aui-dropdown-bg-color); // needs to be slightly lighter than modals so you can see the difference\n --aui-inline-dialog-border-color: var(--aui-dropdown-border-color);\n\n // Date pickers\n --aui-datepicker-panel-bg-color: @ak-color-N50;\n --aui-datepicker-panel-divider-color: @ak-color-N50;\n --aui-datepicker-heading-bg-color: @ak-color-N50;\n --aui-datepicker-heading-text-color: @ak-color-N600;\n --aui-datepicker-heading-weekdays-text-color: @ak-color-N300;\n --aui-datepicker-option-bg-color: transparent;\n --aui-datepicker-option-text-color: @ak-color-N600;\n --aui-datepicker-option-focus-bg-color: @ak-color-N70;\n --aui-datepicker-option-focus-text-color: @ak-color-N600;\n --aui-datepicker-option-selected-bg-color: @ak-color-N0;\n --aui-datepicker-option-selected-text-color: @ak-color-B200;\n --aui-datepicker-option-unselectable-bg-color: transparent;\n --aui-datepicker-option-unselectable-text-color: @ak-color-N100;\n --aui-datepicker-disabled-text-color: @ak-color-N100;\n --aui-datepicker-hint-text-color: @ak-color-N400;\n }\n\n .design-tokens() {\n @import (reference) '../adg/adg-colors';\n @import (reference) '../adg/adg-neutral-light';\n\n // Shadows and backgrounds\n --aui-shadow1: transparent;\n --aui-shadow2: transparent;\n --aui-blanket: var(--ds-blanket, rgba(@ak-color-N800, 0.45));\n\n // Page\n --aui-body-text: var(--ds-text, @ak-color-N800);\n --aui-lesser-body-text: var(--ds-text-subtlest, @ak-color-N300);\n --aui-lesser-header-text: var(--ds-text-subtlest, @ak-color-N200);\n --aui-body-background: var(--ds-surface, @ak-color-N20);\n --aui-page-background: var(--ds-surface, @ak-color-N0);\n --aui-page-border: var(--ds-border, @ak-color-N40);\n --aui-border: var(--ds-border, @ak-color-N40);\n --aui-border-strong: var(--ds-border-accent-gray, @ak-color-N100);\n --aui-focus: var(--ds-border-focused, @ak-color-B200);\n --aui-link-color: var(--ds-link, @ak-color-B400);\n --aui-link-decoration: none;\n --aui-link-hover-color: var(--ds-link, @ak-color-B300);\n --aui-link-active-color: var(--ds-link-pressed, @ak-color-B500);\n --aui-link-hover-decoration: underline;\n --aui-link-visited-color: var(--ds-link-pressed, @ak-color-P500);\n\n // \"Item\" pattern - used for navigation, buttons, dropdown options, pagination, and similar.\n --aui-itemheading-text: var(--ds-text-subtle, @ak-color-N300);\n --aui-item-bg: transparent;\n --aui-item-text: var(--ds-text-subtle, @ak-color-N500);\n --aui-item-focus-bg: var(--ds-background-neutral-subtle-hovered, @ak-color-N30A);\n --aui-item-focus-text: var(--ds-text-subtle, @ak-color-N500);\n --aui-item-active-text: var(--ds-text-subtle, @ak-color-B400);\n --aui-item-active-bg: var(--ds-background-selected, @ak-color-B50);\n --aui-item-selected-bg: var(--ds-background-selected);\n --aui-item-selected-text: var(--ds-text-selected);\n --aui-item-disabled-bg: transparent;\n --aui-item-disabled-text: var(--ds-text-disabled, @ak-color-N100);\n\n // Tooltips\n --aui-tooltip-bg-color: var(--ds-background-neutral-bold, @ak-color-N800);\n --aui-tooltip-border-color: var(--ds-background-neutral-bold, @ak-color-N800);\n --aui-tooltip-content-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-tooltip-title-text-color: var(--ds-text-inverse, @ak-color-N0);\n\n // Help text and onboarding messaging\n --aui-help-color: var(--ds-border-discovery, @ak-color-P400);\n\n // Badges\n --aui-badge-bg-color: var(--ds-background-accent-gray-subtler, @ak-color-N40A);\n --aui-badge-text-color: var(--ds-text-accent-gray, @ak-color-N800);\n --aui-badge-primary-bg-color: var(--ds-background-information-bold, @ak-color-B400);\n --aui-badge-primary-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-badge-added-bg-color: var(--ds-background-accent-green-subtlest, @ak-color-G50);\n --aui-badge-added-text-color: var(--ds-text-accent-green, @ak-color-G500);\n --aui-badge-removed-bg-color: var(--ds-background-accent-red-subtlest, @ak-color-R50);\n --aui-badge-removed-text-color: var(--ds-text-accent-red, @ak-color-R500);\n --aui-badge-important-bg-color: var(--ds-background-accent-red-bolder, @ak-color-R400);\n --aui-badge-important-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-badge-on-blue-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-badge-on-blue-bg-color: var(--ds-background-accent-blue-subtler, rgba(@ak-color-N0, 0.25));\n\n // Avatars\n --aui-avatar-outline: var(--ds-border-inverse, @ak-color-N0);\n --aui-avatar-text: var(--ds-text-inverse, @ak-color-N100);\n\n // Lozenges\n --aui-lozenge-bg-color: var(--ds-background-neutral-bold, @ak-color-N500);\n --aui-lozenge-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-lozenge-subtle-bg-color: var(--ds-background-neutral, @ak-color-N40);\n --aui-lozenge-subtle-text-color: var(--ds-text-subtle, @ak-color-N500);\n --aui-lozenge-success-bg-color: var(--ds-background-success-bold, @ak-color-G400);\n --aui-lozenge-success-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-lozenge-success-subtle-bg-color: var(--ds-background-success, @ak-color-G50);\n --aui-lozenge-success-subtle-text-color: var(--ds-text-success, @ak-color-G500);\n --aui-lozenge-current-bg-color: var(--ds-background-information-bold, @ak-color-B400);\n --aui-lozenge-current-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-lozenge-current-subtle-bg-color: var(--ds-background-information, @ak-color-B50);\n --aui-lozenge-current-subtle-text-color: var(--ds-text-information, @ak-color-B500);\n --aui-lozenge-moved-bg-color: var(--ds-background-warning-bold, @ak-color-Y400);\n --aui-lozenge-moved-text-color: var(--ds-text-warning-inverse, @ak-color-N800);\n --aui-lozenge-moved-subtle-bg-color: var(--ds-background-warning, @ak-color-Y75);\n --aui-lozenge-moved-subtle-text-color: var(--ds-text-warning, @ak-color-N800);\n --aui-lozenge-error-bg-color: var(--ds-background-danger-bold, @ak-color-R500);\n --aui-lozenge-error-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-lozenge-error-subtle-bg-color: var(--ds-background-danger, @ak-color-R50);\n --aui-lozenge-error-subtle-text-color: var(--ds-text-danger, @ak-color-R500);\n --aui-lozenge-new-bg-color: var(--ds-background-discovery-bold, @ak-color-P400);\n --aui-lozenge-new-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-lozenge-new-subtle-bg-color: var(--ds-background-discovery, @ak-color-P50);\n --aui-lozenge-new-subtle-text-color: var(--ds-text-discovery, @ak-color-P500);\n\n // Messages\n --aui-message-info-bg-color: var(--ds-background-information, @ak-color-B50);\n --aui-message-info-icon-color: var(--ds-icon-information, @ak-color-B400);\n --aui-message-info-text-color: var(--ds-text, @ak-color-N600);\n --aui-message-success-bg-color: var(--ds-background-success, @ak-color-G50);\n --aui-message-success-icon-color: var(--ds-icon-success, @ak-color-G400);\n --aui-message-success-text-color: var(--ds-text, @ak-color-N600);\n --aui-message-warning-bg-color: var(--ds-background-warning, @ak-color-Y50);\n --aui-message-warning-icon-color: var(--ds-icon-warning, @ak-color-Y400);\n --aui-message-warning-text-color: var(--ds-text, @ak-color-N600);\n --aui-message-error-bg-color: var(--ds-background-danger, @ak-color-R50);\n --aui-message-error-icon-color: var(--ds-icon-danger, @ak-color-R400);\n --aui-message-error-text-color: var(--ds-text, @ak-color-N600);\n --aui-message-change-bg-color: var(--ds-background-discovery, @ak-color-P50);\n --aui-message-change-icon-color: var(--ds-icon-discovery, @ak-color-P400);\n --aui-message-change-text-color: var(--ds-text, @ak-color-N600);\n\n // Banners\n --aui-banner-error-bg-color: var(--ds-background-danger-bold, @ak-color-R400);\n --aui-banner-error-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-banner-warning-bg-color: var(--ds-background-warning-bold, @ak-color-Y300);\n --aui-banner-warning-text-color: var(--ds-text-warning-inverse, @ak-color-N700);\n --aui-banner-announcement-bg-color: var(--ds-background-neutral-bold, @ak-color-N500);\n --aui-banner-announcement-text-color: var(--ds-text-inverse, @ak-color-N0);\n\n // Flags\n --aui-flag-bg-color: var(--ds-surface-overlay);\n --aui-flag-info-color: var(--ds-icon-information, @ak-color-B400);\n --aui-flag-success-color: var(--ds-icon-success, @ak-color-G300);\n --aui-flag-warning-color: var(--ds-icon-warning, @ak-color-Y300);\n --aui-flag-error-color: var(--ds-icon-danger, @ak-color-R300);\n\n // Buttons\n --aui-button-default-bg-color: var(--ds-background-neutral, @ak-color-N30A);\n --aui-button-default-text-color: var(--ds-text, @ak-color-N600);\n --aui-button-default-hover-bg-color: var(--ds-background-neutral-hovered, @ak-color-N40A);\n --aui-button-default-active-bg-color: var(--ds-background-neutral-pressed, @ak-color-B50);\n --aui-button-default-active-text-color: var(--ds-text, @ak-color-B400);\n --aui-button-default-selected-bg-color: var(--ds-background-selected, @ak-color-N600);\n --aui-button-default-selected-text-color: var(--ds-text-selected, @ak-color-N0);\n --aui-button-default-disabled-bg-color: var(--ds-background-disabled, @ak-color-N20A);\n --aui-button-default-disabled-text-color: var(--ds-text-disabled, @ak-color-N70);\n --aui-button-primary-bg-color: var(--ds-background-brand-bold, @ak-color-B400);\n --aui-button-primary-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-button-primary-hover-bg-color: var(--ds-background-brand-bold-hovered, @ak-color-B300);\n --aui-button-primary-active-bg-color: var(--ds-background-selected-bold-pressed, @ak-color-B400);\n --aui-button-primary-active-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-button-primary-disabled-bg-color: var(--aui-button-default-disabled-bg-color);\n --aui-button-primary-disabled-text-color: var(--aui-button-default-disabled-text-color);\n --aui-button-warning-bg-color: var(--ds-background-warning-bold, @ak-color-Y300);\n --aui-button-warning-text-color: var(--ds-text-warning-inverse, @ak-color-N800);\n --aui-button-warning-hover-bg-color: var(--ds-background-warning-bold-hovered, @ak-color-Y500);\n --aui-button-warning-active-bg-color: var(--ds-background-warning-bold-pressed, darken(@ak-color-Y500, 10%));\n --aui-button-warning-active-text-color: var(--ds-text-warning-inverse, @ak-color-N800);\n --aui-button-warning-selected-bg-color: var(--ds-background-warning-bold-hovered, @ak-color-N800);\n --aui-button-warning-selected-text-color: var(--ds-text-warning-inverse, @ak-color-N800);\n --aui-button-danger-bg-color: var(--ds-background-danger-bold, @ak-color-R500);\n --aui-button-danger-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-button-danger-hover-bg-color: var(--ds-background-danger-bold-hovered, darken(@ak-color-R500, 10%));\n --aui-button-danger-active-bg-color: var(--ds-background-danger-bold-pressed, darken(@ak-color-R500, 20%));\n --aui-button-danger-active-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-button-danger-selected-bg-color: var(--ds-background-danger-bold-hovered, darken(@ak-color-R500, 10%));\n --aui-button-danger-selected-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-button-light-bg-color: var(--ds-background-input, @ak-color-N0);\n --aui-button-subtle-text-color: var(--ds-text, @ak-color-N600);\n\n // \"Labels\" (e.g., page tags, selected values in components, etc.)\n --aui-label-text-color: var(--ds-text);\n --aui-label-link-color: var(--ds-link);\n --aui-label-bg-color: var(--ds-background-neutral, @ak-color-N20);\n --aui-label-hover-bg-color: var(--ds-background-neutral, @ak-color-N20);\n --aui-label-close-hover-bg-color: var(--ds-background-danger, @ak-color-R50);\n --aui-label-close-hover-text-color: var(--ds-text-danger, @ak-color-R500);\n\n // Forms\n --aui-form-placeholder-text-color: var(--ds-text-subtlest, @ak-color-N300);\n --aui-form-placeholder-disabled-text-color: var(--ds-text-disabled, @ak-color-N70);\n --aui-form-label-text-color: var(--ds-text-subtle, @ak-color-N200);\n --aui-form-error-text-color: var(--ds-text-danger, @ak-color-R400);\n --aui-form-description-text-color: var(--ds-text-subtlest, @ak-color-N200);\n --aui-form-disabled-field-bg-color: var(--ds-background-disabled, @ak-color-N20);\n --aui-form-disabled-field-text-color: var(--ds-text-disabled, @ak-color-N80);\n --aui-form-disabled-field-label-color: var(--ds-text-disabled, @ak-color-N80);\n --aui-form-field-border-color: var(--ds-border-input, @ak-color-N40);\n --aui-form-field-hover-border-color: var(--ds-border-focused, @ak-color-N40);\n --aui-form-field-default-text-color: var(--ds-text, @ak-color-N800);\n --aui-form-field-default-bg-color: var(--ds-background-input, @ak-color-N10);\n --aui-form-field-hover-text-color: var(--ds-text);\n --aui-form-field-hover-bg-color: var(--ds-background-input-hovered, @ak-color-N30);\n --aui-form-field-focus-bg-color: var(--ds-background-input, @ak-color-N0);\n --aui-form-select-bg-color: var(--ds-background-input, @ak-color-N30);\n --aui-form-select-border-color: var(--ds-border-input, @ak-color-N30);\n --aui-form-select-hover-bg-color: var(--ds-border-input, @ak-color-N40);\n --aui-form-checkbox-radio-active-bg-color: var(--ds-background-accent-blue-subtler, @ak-color-B50);\n --aui-form-optgroup-text-color: var(--ds-text-subtlest, @ak-color-N100);\n --aui-form-optgroup-bg-color: var(--ds-background-neutral, @ak-color-N20);\n --aui-form-option-bg-color: var(--ds-background-input, @ak-color-N0);\n --aui-form-pre-bg-color: var(--ds-background-neutral, @ak-color-N20);\n\n // More form fields\n --aui-form-field-autofilled-bg-color: var(--ds-background-discovery, @ak-color-P50);\n --aui-form-field-autofilled-border-color: var(--ds-border-discovery, @ak-color-P300);\n --aui-form-field-autofilled-text-color: var(--ds-text-discovery, @ak-color-P500);\n\n // Form glyphs\n --aui-form-glyph-disabled-icon-color: var(--ds-icon-disabled, @ak-color-N70);\n --aui-form-glyph-disabled-fill-color: var(--ds-background-disabled, @ak-color-N20A);\n --aui-form-glyph-icon-color: var(--ds-icon-inverse, @ak-color-N0);\n --aui-form-glyph-fill-color: var(--ds-icon-accent-blue, @ak-color-B400);\n\n // Form checkboxes and radio buttons\n --aui-form-checkbox-active-bg-color: var(--ds-background-accent-blue-subtler, @ak-color-B50);\n --aui-form-checkbox-active-border-color: var(--ds-border-accent-blue, @ak-color-B50);\n --aui-form-checkbox-active-icon-color: var(--ds-icon-information, @ak-color-B400);\n --aui-form-radio-unchecked-bg-color: var(--ds-background-input, @ak-color-N10);\n --aui-form-radio-unchecked-border-color: var(--ds-border-bold, @ak-color-N100);\n\n // Toggle\n --aui-toggle-default-bg-color: var(--ds-background-neutral-bold, @ak-color-N200);\n --aui-toggle-default-bg-hover-color: var(--ds-background-neutral-bold-hovered, @ak-color-N70);\n --aui-toggle-button-color: var(--ds-icon-inverse, @ak-color-N0);\n --aui-toggle-on-color: var(--ds-background-success-bold, @ak-color-G400);\n --aui-toggle-on-hover-color: var(--ds-background-success-bold-hovered, @ak-color-G300);\n --aui-toggle-disabled-overlay-color: var(--ds-background-neutral-subtle, rgba(@ak-color-N0, 0.5));\n --aui-toggle-tick-color: var(--ds-icon-inverse, @ak-color-N0);\n --aui-toggle-cross-color: var(--ds-icon-inverse, @ak-color-N0);\n\n // Form notification\n --aui-form-notification-info-color: var(--ds-icon-subtle, @ak-color-N80);\n --aui-form-notification-error-color: var(--aui-message-error-icon-color);\n --aui-form-notification-success-color: var(--aui-message-success-icon-color);\n\n // Progress bar\n --aui-progressbar-color: var(--ds-background-neutral-bold, @ak-color-N500);\n --aui-progressbar-track-color: var(--ds-background-neutral, @ak-color-N40A);\n\n // Spinner\n --aui-spinner-color: var(--ds-icon-subtle, @ak-color-N500);\n\n // Navigation\n --aui-nav-pagination-text-color: var(--ds-text, @ak-color-N800);\n --aui-nav-pagination-active-text-color: var(--ds-text-subtlest, @ak-color-N80);\n\n // Application header\n --aui-appheader-bg-color: var(--ds-surface, @ak-color-B500);\n --aui-appheader-text-color: var(--ds-text, @ak-color-B50);\n --aui-appheader-item-focus-bg-color: var(--ds-background-neutral-hovered, @ak-color-N90A);\n --aui-appheader-item-focus-text-color: var(--ds-text, @ak-color-B50);\n --aui-appheader-item-active-bg-color: var(--ds-background-neutral-subtle-pressed, @ak-color-N90A);\n --aui-appheader-item-active-text-color: var(--ds-text, @ak-color-B50);\n //--aui-appheader-quicksearch-bg-color: var(--ds-background-neutral, @ak-color-N90A);\n --aui-appheader-quicksearch-bg-color: var(--ds-background-input, @ak-color-N90A);\n --aui-appheader-quicksearch-border-color: var(--ds-border-input);\n --aui-appheader-quicksearch-text-color: var(--ds-text-subtlest, @ak-color-B50);\n --aui-appheader-quicksearch-placeholder-text-color: var(--ds-text, @ak-color-N80);\n --aui-appheader-quicksearch-hover-bg-color: var(--ds-background-input-hovered);\n --aui-appheader-quicksearch-focus-bg-color: var(--aui-appheader-quicksearch-bg-color);\n --aui-appheader-quicksearch-focus-text-color: var(--ds-text-subtlest, @ak-color-B50);\n\n // Sidebar\n --aui-sidebar-icon-color: var(--ds-icon, @ak-color-N400);\n --aui-sidebar-toggle-icon-color: var(--ds-icon, @ak-color-N400);\n --aui-sidebar-bg-color: var(--ds-surface-sunken, @ak-color-N20);\n --aui-sidebar-dropdown-arrow-color: var(--ds-icon, @ak-color-N400);\n --aui-sidebar-tooltip-bg-color: var(--ds-icon, @ak-color-N800A);\n --aui-sidebar-badge-bg-color: var(--ds-background-accent-gray-subtler, @ak-color-N50);\n --aui-sidebar-badge-text-color: var(--ds-text);\n\n // Tabs\n --aui-tabs-tab-border-color: var(--ds-border, @ak-color-N30);\n --aui-tabs-tab-text-color: var(--ds-text-subtle, @ak-color-N500);\n --aui-tabs-tab-hover-text-color: var(--ds-text-selected, @ak-color-B100);\n --aui-tabs-tab-active-border-color: var(--ds-border-accent-blue, @ak-color-B400);\n --aui-tabs-tab-active-text-color: var(--ds-text-selected, @ak-color-B400);\n\n // Multi-step wizard\n --aui-progress-tracker-current-step-color: var(--ds-background-brand-bold, @ak-color-B300);\n --aui-progress-tracker-current-step-text-color: var(--aui-progress-tracker-visited-step-text-color);\n --aui-progress-tracker-visited-step-text-color: var(--ds-text, @ak-color-N800);\n --aui-progress-tracker-visited-step-hover-text-color: var(--ds-link, @ak-color-B400);\n --aui-progress-tracker-visited-step-active-text-color: var(--ds-link, @ak-color-B500);\n --aui-progress-tracker-future-step-color: var(--ds-icon-subtle, @ak-color-N70);\n --aui-progress-tracker-future-step-text-color: var(--ds-text-subtle, @ak-color-N300);\n\n // Tables\n --aui-table-row-bg-color: var(--ds-background-neutral-subtle);\n --aui-table-row-text-color: var(--ds-text, @ak-color-N800);\n --aui-table-header-bg-color: var(--ds-background-neutral-subtle);\n --aui-table-heading-text-color: var(--ds-text-subtle, @ak-color-N200);\n --aui-table-border-color: var(--ds-border, @ak-color-N40);\n --aui-table-caption-bg-color: var(--ds-background-accent-gray-subtlest, @ak-color-N20);\n --aui-table-caption-text-color: var(--ds-text-subtle, @ak-color-N100);\n --aui-table-list-row-hover-color: var(--ds-background-neutral-subtle-hovered, @ak-color-N30A);\n --aui-table-list-row-subtle-color: var(--ds-background-neutral-subtle-hovered, @ak-color-N60);\n --aui-table-sortable-hover-bg-color: var(--ds-background-neutral-subtle-hovered, @ak-color-N30A);\n --aui-table-sortable-active-bg-color: var(--ds-background-accent-blue-subtler, @ak-color-B50);\n --aui-table-sortable-active-border-color: var(--ds-border-accent-blue, @ak-color-B500);\n --aui-table-sortable-active-text-color: var(--ds-text-accent-blue, @ak-color-B500);\n --aui-table-sortable-selected-bg-color: var(--ds-background-neutral-subtle);\n --aui-table-sortable-selected-border-color: var(--ds-border-accent-gray, @ak-color-N100);\n --aui-table-sortable-selected-text-color: var(--ds-text, @ak-color-N400);\n\n // Dynamic tables\n --aui-restfultable-row-focused-border-color: var(--ds-border, @ak-color-N60);\n --aui-restfultable-row-create-border-color: var(--ds-border-disabled, @ak-color-N40);\n --aui-restfultable-row-editable-hover-bg-color: var(--aui-form-field-hover-bg-color);\n --aui-restfultable-error-text-color: var(--aui-form-notification-error-color);\n --aui-restfultable-header-row-bg-color: var(--ds-surface, @ak-color-N0);\n --aui-restfultable-header-row-text-color: var(--ds-text-subtlest, @ak-color-N200);\n --aui-restfultable-row-moving-bg-color: var(--ds-surface-raised, @ak-color-N20);\n --aui-restfultable-editable-em-text-color: var(--ds-text-subtlest, @ak-color-N80);\n --aui-restfultable-row-active-bg-color: var(--ds-background-neutral-subtle-pressed, @ak-color-N20);\n --aui-restfultable-row-hover-bg-color: var(--ds-background-input-hovered, @ak-color-N20);\n\n // Dropdowns\n --aui-dropdown-bg-color: var(--ds-surface-overlay, @ak-color-N0);\n --aui-dropdown-border-color: var(--ds-border, @ak-color-N40);\n\n // Selects\n --aui-select2-placeholder-text-color: var(--ds-text-subtlest, @ak-color-N100);\n --aui-select2-chosen-bg-color: var(--ds-background-neutral, @ak-color-N0);\n --aui-select2-chosen-text-color: var(--ds-text, @ak-color-N800);\n --aui-select2-chosen-hover-bg-color: var(--ds-background-neutral-hovered, @ak-color-N0);\n --aui-select2-chosen-hover-text-color: var(--ds-text, @ak-color-N800);\n --aui-select2-active-chosen-bg-color: var(--ds-background-neutral, @ak-color-N40);\n --aui-select2-active-chosen-text-color: var(--ds-text, @ak-color-N800);\n --aui-select2-field-default-bg-color: var(--ds-background-input);\n --aui-select2-field-border-color: var(--ds-border-input);\n --aui-select2-field-hover-bg-color: var(--ds-background-input-hovered);\n --aui-select2-drop-bg-color: var(--ds-surface-overlay);\n\n // Dialogs\n --aui-dialog-bg-color: var(--ds-surface-overlay, @ak-color-N0);\n --aui-dialog-border-color: var(--ds-border, @ak-color-N30);\n --aui-dialog-header-bg-color: var(--aui-dialog-bg-color);\n --aui-dialog-header-warning-bg-color: var(--ds-background-danger-bold, @ak-color-R400);\n --aui-dialog-header-warning-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-dialog-button-hover-border-color: var(--ds-border, @ak-color-N80);\n --aui-dialog-footer-hint-text-color: var(--ds-text-subtlest, @ak-color-N400);\n --aui-inline-dialog-bg-color: var(--aui-dropdown-bg-color); // shared this way because both inline dialogs and dropdowns need to layer well on top of modals\n --aui-inline-dialog-border-color: var(--aui-dropdown-border-color);\n\n // Date pickers\n --aui-datepicker-panel-bg-color: var(--ds-background-input, @ak-color-N0);\n --aui-datepicker-panel-divider-color: var(--ds-border, @ak-color-N40);\n --aui-datepicker-heading-bg-color: var(--ds-background-information, @ak-color-N20);\n --aui-datepicker-heading-text-color: var(--ds-text, @ak-color-N600);\n --aui-datepicker-heading-weekdays-text-color: var(--ds-text-subtle, @ak-color-N300);\n --aui-datepicker-option-bg-color: var(--ds-background-neutral-subtle);\n --aui-datepicker-option-text-color: var(--ds-text-selected, @ak-color-B400);\n --aui-datepicker-option-focus-bg-color: var(--ds-background-neutral-subtle-hovered, @ak-color-N20);\n --aui-datepicker-option-focus-text-color: var(--ds-text-accent-blue, @ak-color-B400);\n --aui-datepicker-option-selected-bg-color: var(--ds-background-selected-bold, @ak-color-B400);\n --aui-datepicker-option-selected-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-datepicker-option-unselectable-bg-color: var(--ds-background-disabled, @ak-color-N20);\n --aui-datepicker-option-unselectable-text-color: var(--ds-text-disabled, @ak-color-N100);\n --aui-datepicker-disabled-text-color: var(--ds-text-disabled, @ak-color-N100);\n --aui-datepicker-hint-text-color: var(--ds-text-subtlest, @ak-color-N400);\n }\n\n}\n"],"names":[],"sourceRoot":""}
1
+ {"version":3,"file":"aui-prototyping-darkmode.css","mappings":"AAEA,oBCoWQ,iBAAkB,CAKlB,wBACA,wBACA,wBAGA,wBACA,+BACA,iCACA,8BACA,8BACA,0BACA,qBACA,4BACA,oBACA,yBACA,0BAA2B,CAC3B,+BACA,gCACA,qCAAsC,CACtC,iCAGA,+BACA,mBAA0B,CAC1B,wBACA,8BACA,8BACA,+BACA,6BACA,+CAAgD,CAChD,mDAAoD,CACpD,4BAAmC,CACnC,iCAGA,+BACA,mCACA,yCACA,uCAGA,yBAGA,6BACA,+BACA,qCACA,uCACA,oCAAkD,CAClD,qCACA,sCAAoD,CACpD,uCACA,uCACA,yCACA,uCACA,uCAGA,6BACA,0BAGA,+BACA,iCACA,sCACA,wCACA,uCACA,yCACA,+CAA6D,CAC7D,gDACA,uCACA,yCACA,+CAA6D,CAC7D,gDACA,qCACA,uCACA,6CAA4D,CAC5D,8CACA,qCACA,uCACA,6CAA2D,CAC3D,8CACA,mCACA,qCACA,2CAA0D,CAC1D,4CAGA,oCACA,qCAAsC,CACtC,sCACA,oCACA,wCAAyC,CACzC,yCACA,uCACA,wCAAyC,CACzC,yCACA,qCACA,sCAAuC,CACvC,uCACA,sCACA,uCAAwC,CACxC,wCAGA,oCACA,sCACA,sCACA,wCACA,2CACA,6CAGA,gDAAiD,CACjD,8BACA,iCACA,iCACA,+BAGA,sCACA,wCACA,4CACA,6CACA,+CACA,+CACA,iDACA,+CACA,iDACA,sCACA,wCACA,4CACA,6CACA,+CACA,kFAAmF,CACnF,sFAAuF,CACvF,sCACA,wCACA,4CACA,6CACA,+CACA,+CACA,iDACA,qCACA,uCACA,2CACA,4CACA,8CACA,8CACA,gDACA,iCAAwC,CACxC,uCAGA,+BACA,+BACA,6BACA,mCACA,yCACA,2CAGA,0CACA,mDACA,oCACA,oCACA,0CACA,2CACA,6CACA,8CACA,sCACA,4CACA,4CACA,0CACA,0EAA2E,CAC3E,wCACA,wCACA,mCACA,uCACA,yCACA,kDACA,uCACA,qCACA,mCACA,gCAGA,6CACA,iDACA,+CAGA,6CACA,6CACA,oCACA,oCAGA,4CACA,gDACA,8CACA,4CACA,gDAGA,sCACA,4CACA,kCACA,8BACA,oCACA,8CACA,gCACA,iCAGA,2CACA,4CACA,8CAGA,gCACA,wCAGA,4BAGA,wCACA,+CAGA,iCACA,mCACA,8CACA,8CACA,+CACA,+CACA,+CACA,8CAAqD,CACrD,+CACA,2DACA,oFAAqF,CACrF,oFAAqF,CACrF,qDAGA,iCACA,wCACA,+BACA,2CACA,yCACA,uCACA,sCAAuC,CAGvC,oCACA,kCACA,wCACA,2CACA,yCAGA,kDACA,kGAAmG,CACnG,uDACA,gFAAiF,CACjF,kFAAmF,CACnF,iDACA,sDAGA,8BAAqC,CACrC,mCACA,iCAAwC,CACxC,uCACA,iCACA,qCACA,uCACA,yCACA,0CACA,8CACA,6CACA,iDACA,+CACA,4CAAmD,CACnD,mDACA,iDAGA,oDACA,mDACA,mFAAoF,CACpF,4EAA6E,CAC7E,+CACA,iDACA,+CACA,kDACA,+CACA,8CAGA,gCACA,oCAGA,6CACA,sCACA,wCACA,4CACA,8CACA,6CACA,+CACA,oEAAqE,CACrE,oEAAqE,CACrE,wEAAyE,CACzE,wDAAyD,CAGzD,8BACA,kCACA,uDAAwD,CACxD,6CACA,+CACA,+CACA,4CACA,yDAA0D,CAC1D,iEAAkE,CAGlE,wCACA,6CACA,0CACA,4CACA,qDACA,sCAA6C,CAC7C,2CACA,+CACA,iDACA,kDACA,oDACA,mDAA0D,CAC1D,wDACA,6CACA,wCDtaR","sources":["webpack:///../src/less/aui-dark-mode.less","webpack:///../src/less/imports/aui-theme/core/colors.less"],"sourcesContent":["@import (reference) './imports/global';\n\nbody.aui-theme-dark {\n #aui-themes.dark();\n}\n","// This file is used to generate table at aui-colors.hbs; therefore its format\n// is very particular: all sections should match; every section should have a\n// header comment; order and names of variables in sections should match\n// between themes. When modifying, make sure the docs build works.\n#aui-themes {\n .light() {\n color-scheme: light;\n @import (reference) '../adg/adg-colors';\n @import (reference) '../adg/adg-neutral-light';\n\n // Shadows and backgrounds\n --aui-shadow1: @ak-color-N40A;\n --aui-shadow2: @ak-color-N50A;\n --aui-blanket: rgba(@ak-color-N800, 0.45);\n\n // Page\n --aui-body-text: @ak-color-N800;\n --aui-lesser-body-text: @ak-color-N300;\n --aui-lesser-header-text: @ak-color-N200;\n --aui-body-background: @ak-color-N20;\n --aui-page-background: @ak-color-N0;\n --aui-page-border: @ak-color-N40;\n --aui-border: @ak-color-N40;\n --aui-border-strong: @ak-color-N100;\n --aui-focus: @ak-color-B200;\n --aui-link-color: @ak-color-B400;\n --aui-link-decoration: none;\n --aui-link-hover-color: @ak-color-B300;\n --aui-link-active-color: @ak-color-B500;\n --aui-link-hover-decoration: underline;\n --aui-link-visited-color: @ak-color-P500;\n\n // \"Item\" pattern - used for navigation, buttons, dropdown options, pagination, and similar.\n --aui-itemheading-text: @ak-color-N300;\n --aui-item-bg: transparent;\n --aui-item-text: @ak-color-N500;\n --aui-item-focus-bg: @ak-color-N30A;\n --aui-item-focus-text: @ak-color-N500;\n --aui-item-active-text: @ak-color-B400;\n --aui-item-active-bg: @ak-color-B50;\n --aui-item-selected-bg: var(--aui-item-focus-bg);\n --aui-item-selected-text: var(--aui-item-focus-text);\n --aui-item-disabled-bg: transparent;\n --aui-item-disabled-text: @ak-color-N100;\n\n // Tooltips\n --aui-tooltip-bg-color: @ak-color-N800;\n --aui-tooltip-border-color: @ak-color-N800;\n --aui-tooltip-content-text-color: @ak-color-N0;\n --aui-tooltip-title-text-color: @ak-color-N0;\n\n // Help text and onboarding messaging\n --aui-help-color: @ak-color-P400;\n\n // Badges\n --aui-badge-bg-color: @ak-color-N40A;\n --aui-badge-text-color: @ak-color-N800;\n --aui-badge-primary-bg-color: @ak-color-B400;\n --aui-badge-primary-text-color: @ak-color-N0;\n --aui-badge-added-bg-color: @ak-color-G50;\n --aui-badge-added-text-color: @ak-color-G500;\n --aui-badge-removed-bg-color: @ak-color-R50;\n --aui-badge-removed-text-color: @ak-color-R500;\n --aui-badge-important-bg-color: @ak-color-R400;\n --aui-badge-important-text-color: @ak-color-N0;\n --aui-badge-on-blue-text-color: @ak-color-N0;\n --aui-badge-on-blue-bg-color: rgba(@ak-color-N0, 0.25);\n\n // Avatars\n --aui-avatar-outline: @ak-color-N0;\n --aui-avatar-text: @ak-color-N100;\n\n // Lozenges\n --aui-lozenge-bg-color: @ak-color-N500;\n --aui-lozenge-text-color: @ak-color-N0;\n --aui-lozenge-subtle-bg-color: @ak-color-N40;\n --aui-lozenge-subtle-text-color: @ak-color-N500;\n --aui-lozenge-success-bg-color: @ak-color-G400;\n --aui-lozenge-success-text-color: @ak-color-N0;\n --aui-lozenge-success-subtle-bg-color: @ak-color-G50;\n --aui-lozenge-success-subtle-text-color: @ak-color-G500;\n --aui-lozenge-current-bg-color: @ak-color-B400;\n --aui-lozenge-current-text-color: @ak-color-N0;\n --aui-lozenge-current-subtle-bg-color: @ak-color-B50;\n --aui-lozenge-current-subtle-text-color: @ak-color-B500;\n --aui-lozenge-moved-bg-color: @ak-color-Y400;\n --aui-lozenge-moved-text-color: @ak-color-N800;\n --aui-lozenge-moved-subtle-bg-color: @ak-color-Y75;\n --aui-lozenge-moved-subtle-text-color: @ak-color-N800;\n --aui-lozenge-error-bg-color: @ak-color-R500;\n --aui-lozenge-error-text-color: @ak-color-N0;\n --aui-lozenge-error-subtle-bg-color: @ak-color-R50;\n --aui-lozenge-error-subtle-text-color: @ak-color-R500;\n --aui-lozenge-new-bg-color: @ak-color-P400;\n --aui-lozenge-new-text-color: @ak-color-N0;\n --aui-lozenge-new-subtle-bg-color: @ak-color-P50;\n --aui-lozenge-new-subtle-text-color: @ak-color-P500;\n\n // Messages\n --aui-message-info-bg-color: @ak-color-B50;\n --aui-message-info-icon-color: @ak-color-B400;\n --aui-message-info-text-color: @ak-color-N600;\n --aui-message-success-bg-color: @ak-color-G50;\n --aui-message-success-icon-color: @ak-color-G400;\n --aui-message-success-text-color: @ak-color-N600;\n --aui-message-warning-bg-color: @ak-color-Y50;\n --aui-message-warning-icon-color: @ak-color-Y400;\n --aui-message-warning-text-color: @ak-color-N600;\n --aui-message-error-bg-color: @ak-color-R50;\n --aui-message-error-icon-color: @ak-color-R400;\n --aui-message-error-text-color: @ak-color-N600;\n --aui-message-change-bg-color: @ak-color-P50;\n --aui-message-change-icon-color: @ak-color-P400;\n --aui-message-change-text-color: @ak-color-N600;\n\n // Banners\n --aui-banner-error-bg-color: @ak-color-R400;\n --aui-banner-error-text-color: @ak-color-N0;\n --aui-banner-warning-bg-color: @ak-color-Y300;\n --aui-banner-warning-text-color: @ak-color-N700;\n --aui-banner-announcement-bg-color: @ak-color-N500;\n --aui-banner-announcement-text-color: @ak-color-N0;\n\n // Flags\n --aui-flag-bg-color: var(--aui-dropdown-bg-color); // see also: inline dialogs\n --aui-flag-info-color: @ak-color-B400;\n --aui-flag-success-color: @ak-color-G300;\n --aui-flag-warning-color: @ak-color-Y300;\n --aui-flag-error-color: @ak-color-R300;\n\n // Buttons\n --aui-button-default-bg-color: @ak-color-N30A;\n --aui-button-default-text-color: @ak-color-N600;\n --aui-button-default-hover-bg-color: @ak-color-N40A;\n --aui-button-default-active-bg-color: @ak-color-B50;\n --aui-button-default-active-text-color: @ak-color-B400;\n --aui-button-default-selected-bg-color: @ak-color-N600;\n --aui-button-default-selected-text-color: @ak-color-N0;\n --aui-button-default-disabled-bg-color: @ak-color-N20A;\n --aui-button-default-disabled-text-color: @ak-color-N70;\n --aui-button-primary-bg-color: @ak-color-B400;\n --aui-button-primary-text-color: @ak-color-N0;\n --aui-button-primary-hover-bg-color: @ak-color-B300;\n --aui-button-primary-active-bg-color: @ak-color-B400;\n --aui-button-primary-active-text-color: @ak-color-N0;\n --aui-button-primary-disabled-bg-color: var(--aui-button-default-disabled-bg-color);\n --aui-button-primary-disabled-text-color: var(--aui-button-default-disabled-text-color);\n --aui-button-warning-bg-color: @ak-color-Y300;\n --aui-button-warning-text-color: @ak-color-N800;\n --aui-button-warning-hover-bg-color: @ak-color-Y500;\n --aui-button-warning-active-bg-color: darken(@ak-color-Y500, 10%);\n --aui-button-warning-active-text-color: @ak-color-N800;\n --aui-button-warning-selected-bg-color: @ak-color-Y500;\n --aui-button-warning-selected-text-color: @ak-color-N800;\n --aui-button-danger-bg-color: @ak-color-R500;\n --aui-button-danger-text-color: @ak-color-N0;\n --aui-button-danger-hover-bg-color: darken(@ak-color-R500, 10%);\n --aui-button-danger-active-bg-color: darken(@ak-color-R500, 20%);\n --aui-button-danger-active-text-color: @ak-color-N0;\n --aui-button-danger-selected-bg-color: darken(@ak-color-R500, 10%);\n --aui-button-danger-selected-text-color: @ak-color-N0;\n --aui-button-light-bg-color: @ak-color-N0;\n --aui-button-subtle-text-color: @ak-color-N600;\n\n // \"Labels\" (e.g., page tags, selected values in components, etc.)\n --aui-label-text-color: inherit;\n --aui-label-link-color: inherit;\n --aui-label-bg-color: @ak-color-N20;\n --aui-label-hover-bg-color: @ak-color-N20;\n --aui-label-close-hover-bg-color: @ak-color-R50;\n --aui-label-close-hover-text-color: @ak-color-R500;\n\n // Forms\n --aui-form-placeholder-text-color: @ak-color-N300;\n --aui-form-placeholder-disabled-text-color: @ak-color-N70;\n --aui-form-label-text-color: @ak-color-N200;\n --aui-form-error-text-color: @ak-color-R400;\n --aui-form-description-text-color: @ak-color-N200;\n --aui-form-disabled-field-bg-color: @ak-color-N20;\n --aui-form-disabled-field-text-color: @ak-color-N80;\n --aui-form-disabled-field-label-color: @ak-color-N80;\n --aui-form-field-border-color: @ak-color-N40;\n --aui-form-field-hover-border-color: @ak-color-N40;\n --aui-form-field-default-text-color: @ak-color-N800;\n --aui-form-field-default-bg-color: @ak-color-N10;\n --aui-form-field-hover-text-color: var(--aui-form-field-default-text-color);\n --aui-form-field-hover-bg-color: @ak-color-N30;\n --aui-form-field-focus-bg-color: @ak-color-N0;\n --aui-form-select-bg-color: @ak-color-N30;\n --aui-form-select-border-color: @ak-color-N30;\n --aui-form-select-hover-bg-color: @ak-color-N40;\n --aui-form-checkbox-radio-active-bg-color: @ak-color-B50;\n --aui-form-optgroup-text-color: @ak-color-N100;\n --aui-form-optgroup-bg-color: @ak-color-N20;\n --aui-form-option-bg-color: @ak-color-N0;\n --aui-form-pre-bg-color: @ak-color-N20;\n\n // More form fields\n --aui-form-field-autofilled-bg-color: @ak-color-P50;\n --aui-form-field-autofilled-border-color: @ak-color-P300;\n --aui-form-field-autofilled-text-color: @ak-color-P500;\n\n // Form glyphs\n --aui-form-glyph-disabled-icon-color: @ak-color-N70;\n --aui-form-glyph-disabled-fill-color: @ak-color-N20A;\n --aui-form-glyph-icon-color: @ak-color-N0;\n --aui-form-glyph-fill-color: @ak-color-B400;\n\n // Form checkboxes and radio buttons\n --aui-form-checkbox-active-bg-color: @ak-color-B50;\n --aui-form-checkbox-active-border-color: @ak-color-B50;\n --aui-form-checkbox-active-icon-color: @ak-color-B400;\n --aui-form-radio-unchecked-bg-color: @ak-color-N20;\n --aui-form-radio-unchecked-border-color: @ak-color-N200;\n\n // Toggle\n --aui-toggle-default-bg-color: @ak-color-N200;\n --aui-toggle-default-bg-hover-color: @ak-color-N70;\n --aui-toggle-button-color: @ak-color-N0;\n --aui-toggle-on-color: @ak-color-G400;\n --aui-toggle-on-hover-color: @ak-color-G300;\n --aui-toggle-disabled-overlay-color: rgba(@ak-color-N0, 0.5);\n --aui-toggle-tick-color: @ak-color-N0;\n --aui-toggle-cross-color: @ak-color-N0;\n\n // Form notification\n --aui-form-notification-info-color: @ak-color-N80;\n --aui-form-notification-error-color: var(--aui-message-error-icon-color);\n --aui-form-notification-success-color: var(--aui-message-success-icon-color);\n\n // Progress bar\n --aui-progressbar-color: @ak-color-N500;\n --aui-progressbar-track-color: @ak-color-N40A;\n\n // Spinner\n --aui-spinner-color: @ak-color-N500;\n\n // Navigation\n --aui-nav-pagination-text-color: @ak-color-N800; // --aui-body-text\n --aui-nav-pagination-active-text-color: @ak-color-N80;\n\n // Application header\n --aui-appheader-bg-color: @ak-color-B500;\n --aui-appheader-text-color: @ak-color-B50;\n --aui-appheader-item-focus-bg-color: @ak-color-N90A;\n --aui-appheader-item-focus-text-color: @ak-color-B50;\n --aui-appheader-item-active-bg-color: @ak-color-N90A;\n --aui-appheader-item-active-text-color: @ak-color-B50;\n --aui-appheader-quicksearch-bg-color: @ak-color-N90A;\n --aui-appheader-quicksearch-border-color: transparent;\n --aui-appheader-quicksearch-text-color: @ak-color-B50;\n --aui-appheader-quicksearch-placeholder-text-color: @ak-color-N80;\n --aui-appheader-quicksearch-hover-bg-color: var(--aui-appheader-quicksearch-bg-color);\n --aui-appheader-quicksearch-focus-bg-color: var(--aui-appheader-quicksearch-bg-color);\n --aui-appheader-quicksearch-focus-text-color: @ak-color-B50;\n\n // Sidebar\n --aui-sidebar-icon-color: @ak-color-N400;\n --aui-sidebar-toggle-icon-color: @ak-color-N400;\n --aui-sidebar-bg-color: @ak-color-N20;\n --aui-sidebar-dropdown-arrow-color: @ak-color-N400;\n --aui-sidebar-tooltip-bg-color: @ak-color-N800A;\n --aui-sidebar-badge-bg-color: @ak-color-N50;\n --aui-sidebar-badge-text-color: inherit;\n\n // Tabs\n --aui-tabs-tab-border-color: @ak-color-N30; // --aui-border\n --aui-tabs-tab-text-color: @ak-color-N500;\n --aui-tabs-tab-hover-text-color: @ak-color-B100;\n --aui-tabs-tab-active-border-color: @ak-color-B400;\n --aui-tabs-tab-active-text-color: @ak-color-B400;\n\n // Multi-step wizard\n --aui-progress-tracker-current-step-color: @ak-color-B300;\n --aui-progress-tracker-current-step-text-color: var(--aui-progress-tracker-visited-step-text-color);\n --aui-progress-tracker-visited-step-text-color: @ak-color-N800;\n --aui-progress-tracker-visited-step-hover-text-color: @ak-color-B400;\n --aui-progress-tracker-visited-step-active-text-color: @ak-color-B500;\n --aui-progress-tracker-future-step-color: @ak-color-N70;\n --aui-progress-tracker-future-step-text-color: @ak-color-N300;\n\n // Tables\n --aui-table-row-bg-color: transparent;\n --aui-table-row-text-color: @ak-color-N800; // --aui-body-text\n --aui-table-header-bg-color: transparent;\n --aui-table-heading-text-color: @ak-color-N200;\n --aui-table-border-color: @ak-color-N40;\n --aui-table-caption-bg-color: @ak-color-N20;\n --aui-table-caption-text-color: @ak-color-N100;\n --aui-table-list-row-hover-color: @ak-color-N30A;\n --aui-table-list-row-subtle-color: @ak-color-N60;\n --aui-table-sortable-hover-bg-color: @ak-color-N30A;\n --aui-table-sortable-active-bg-color: @ak-color-B50;\n --aui-table-sortable-active-border-color: @ak-color-B500;\n --aui-table-sortable-active-text-color: @ak-color-B500;\n --aui-table-sortable-selected-bg-color: transparent;\n --aui-table-sortable-selected-border-color: @ak-color-N100;\n --aui-table-sortable-selected-text-color: @ak-color-N400;\n\n // Dynamic tables\n --aui-restfultable-row-focused-border-color: @ak-color-N60;\n --aui-restfultable-row-create-border-color: @ak-color-N40;\n --aui-restfultable-row-editable-hover-bg-color: var(--aui-form-field-hover-bg-color);\n --aui-restfultable-error-text-color: var(--aui-form-notification-error-color);\n --aui-restfultable-header-row-bg-color: @ak-color-N0;\n --aui-restfultable-header-row-text-color: @ak-color-N200;\n --aui-restfultable-row-moving-bg-color: @ak-color-N20;\n --aui-restfultable-editable-em-text-color: @ak-color-N80;\n --aui-restfultable-row-active-bg-color: @ak-color-N20;\n --aui-restfultable-row-hover-bg-color: @ak-color-N20;\n\n // Dropdowns\n --aui-dropdown-bg-color: @ak-color-N0;\n --aui-dropdown-border-color: @ak-color-N40; // to match the lightness of the faux border in the \"z200\" shadow\n\n // Selects\n --aui-select2-placeholder-text-color: @ak-color-N100;\n --aui-select2-chosen-bg-color: @ak-color-N0;\n --aui-select2-chosen-text-color: @ak-color-N800;\n --aui-select2-chosen-hover-bg-color: @ak-color-N0;\n --aui-select2-chosen-hover-text-color: @ak-color-N800;\n --aui-select2-active-chosen-bg-color: @ak-color-N40;\n --aui-select2-active-chosen-text-color: @ak-color-N800;\n --aui-select2-field-default-bg-color: var(--aui-form-select-bg-color);\n --aui-select2-field-border-color: var(--aui-form-select-border-color);\n --aui-select2-field-hover-bg-color: var(--aui-form-select-hover-bg-color);\n --aui-select2-drop-bg-color: var(--aui-dropdown-bg-color);\n\n // Dialogs\n --aui-dialog-bg-color: @ak-color-N0;\n --aui-dialog-border-color: @ak-color-N30;\n --aui-dialog-header-bg-color: var(--aui-dialog-bg-color);\n --aui-dialog-header-warning-bg-color: @ak-color-R400;\n --aui-dialog-header-warning-text-color: @ak-color-N0;\n --aui-dialog-button-hover-border-color: @ak-color-N80;\n --aui-dialog-footer-hint-text-color: @ak-color-N400;\n --aui-inline-dialog-bg-color: var(--aui-dropdown-bg-color); // shared this way because both inline dialogs and dropdowns need to layer well on top of modals\n --aui-inline-dialog-border-color: var(--aui-dropdown-border-color);\n\n // Date pickers\n --aui-datepicker-panel-bg-color: @ak-color-N0;\n --aui-datepicker-panel-divider-color: @ak-color-N40;\n --aui-datepicker-heading-bg-color: @ak-color-N20;\n --aui-datepicker-heading-text-color: @ak-color-N600;\n --aui-datepicker-heading-weekdays-text-color: @ak-color-N300;\n --aui-datepicker-option-bg-color: transparent;\n --aui-datepicker-option-text-color: @ak-color-B400;\n --aui-datepicker-option-focus-bg-color: @ak-color-N20;\n --aui-datepicker-option-focus-text-color: @ak-color-B400;\n --aui-datepicker-option-selected-bg-color: @ak-color-B400;\n --aui-datepicker-option-selected-text-color: @ak-color-N0;\n --aui-datepicker-option-unselectable-bg-color: @ak-color-N20;\n --aui-datepicker-option-unselectable-text-color: @ak-color-N100;\n --aui-datepicker-disabled-text-color: @ak-color-N100;\n --aui-datepicker-hint-text-color: @ak-color-N400;\n }\n\n .dark() {\n color-scheme: dark;\n @import (reference) '../adg/adg-colors';\n @import (reference) '../adg/adg-neutral-dark';\n\n // Shadows and backgrounds\n --aui-shadow1: @ak-color-N70A;\n --aui-shadow2: @ak-color-N90A;\n --aui-blanket: @ak-color-N100A;\n\n // Page\n --aui-body-text: @ak-color-N800;\n --aui-lesser-body-text: @ak-color-N200;\n --aui-lesser-header-text: @ak-color-N200;\n --aui-body-background: @ak-color-N30;\n --aui-page-background: @ak-color-N30;\n --aui-page-border: @ak-color-N30;\n --aui-border: @ak-color-N50;\n --aui-border-strong: @ak-color-N100;\n --aui-focus: @ak-color-B100;\n --aui-link-color: @ak-color-B90;\n --aui-link-decoration: none;\n --aui-link-hover-color: @ak-color-B75;\n --aui-link-active-color: @ak-color-B200;\n --aui-link-hover-decoration: underline;\n --aui-link-visited-color: @ak-color-P100;\n\n // \"Item\" pattern - used for navigation, buttons, dropdown options, pagination, and similar.\n --aui-itemheading-text: @ak-color-N300;\n --aui-item-bg: transparent;\n --aui-item-text: @ak-color-N600;\n --aui-item-focus-bg: rgba(@ak-color-N200, 0.3);\n --aui-item-focus-text: @ak-color-N600;\n --aui-item-active-text: @ak-color-B400;\n --aui-item-active-bg: @ak-color-B75;\n --aui-item-selected-bg: var(--aui-item-focus-bg);\n --aui-item-selected-text: var(--aui-item-focus-text);\n --aui-item-disabled-bg: transparent;\n --aui-item-disabled-text: @ak-color-N100;\n\n // Tooltips\n --aui-tooltip-bg-color: @ak-color-N900;\n --aui-tooltip-border-color: @ak-color-N900;\n --aui-tooltip-content-text-color: @ak-color-N40;\n --aui-tooltip-title-text-color: @ak-color-N10;\n\n // Help text and onboarding messaging\n --aui-help-color: @ak-color-P300;\n\n // Badges\n --aui-badge-bg-color: @ak-color-N70;\n --aui-badge-text-color: @ak-color-N900;\n --aui-badge-primary-bg-color: @ak-color-B100;\n --aui-badge-primary-text-color: @ak-color-N0;\n --aui-badge-added-bg-color: rgba(0, 102, 68, 0.33);\n --aui-badge-added-text-color: @ak-color-G75;\n --aui-badge-removed-bg-color: rgba(191, 38, 0, 0.33);\n --aui-badge-removed-text-color: @ak-color-R75;\n --aui-badge-important-bg-color: @ak-color-R300;\n --aui-badge-important-text-color: @ak-color-N0;\n --aui-badge-on-blue-text-color: @ak-color-N0;\n --aui-badge-on-blue-bg-color: rgba(@ak-color-N0, 0.25);\n\n // Avatars\n --aui-avatar-outline: @ak-color-N0;\n --aui-avatar-text: @ak-color-N100;\n\n // Lozenges\n --aui-lozenge-bg-color: @ak-color-N500;\n --aui-lozenge-text-color: @ak-color-N0;\n --aui-lozenge-subtle-bg-color: @ak-color-N50;\n --aui-lozenge-subtle-text-color: @ak-color-N600;\n --aui-lozenge-success-bg-color: @ak-color-G200;\n --aui-lozenge-success-text-color: @ak-color-N0;\n --aui-lozenge-success-subtle-bg-color: rgba(0, 102, 68, 0.33);\n --aui-lozenge-success-subtle-text-color: @ak-color-G75;\n --aui-lozenge-current-bg-color: @ak-color-B200;\n --aui-lozenge-current-text-color: @ak-color-N0;\n --aui-lozenge-current-subtle-bg-color: rgba(7, 71, 166, 0.33);\n --aui-lozenge-current-subtle-text-color: @ak-color-B75;\n --aui-lozenge-moved-bg-color: @ak-color-Y300;\n --aui-lozenge-moved-text-color: @ak-color-N0;\n --aui-lozenge-moved-subtle-bg-color: rgba(255, 139, 0, 0.22);\n --aui-lozenge-moved-subtle-text-color: @ak-color-Y75;\n --aui-lozenge-error-bg-color: @ak-color-R300;\n --aui-lozenge-error-text-color: @ak-color-N0;\n --aui-lozenge-error-subtle-bg-color: rgba(191, 38, 0, 0.33);\n --aui-lozenge-error-subtle-text-color: @ak-color-R75;\n --aui-lozenge-new-bg-color: @ak-color-P200;\n --aui-lozenge-new-text-color: @ak-color-N0;\n --aui-lozenge-new-subtle-bg-color: rgba(64, 50, 148, 0.33);\n --aui-lozenge-new-subtle-text-color: @ak-color-P75;\n\n // Messages\n --aui-message-info-bg-color: @ak-color-B500;\n --aui-message-info-icon-color: initial;\n --aui-message-info-text-color: @ak-color-N1K;\n --aui-message-success-bg-color: @ak-color-G500;\n --aui-message-success-icon-color: initial;\n --aui-message-success-text-color: @ak-color-N1K;\n --aui-message-warning-bg-color: @ak-color-Y400;\n --aui-message-warning-icon-color: initial;\n --aui-message-warning-text-color: @ak-color-N20;\n --aui-message-error-bg-color: @ak-color-R500;\n --aui-message-error-icon-color: initial;\n --aui-message-error-text-color: @ak-color-N1K;\n --aui-message-change-bg-color: @ak-color-P400;\n --aui-message-change-icon-color: initial;\n --aui-message-change-text-color: @ak-color-N1K;\n\n // Banners\n --aui-banner-error-bg-color: @ak-color-R400;\n --aui-banner-error-text-color: @ak-color-N2K;\n --aui-banner-warning-bg-color: @ak-color-Y300;\n --aui-banner-warning-text-color: @ak-color-N30;\n --aui-banner-announcement-bg-color: @ak-color-N70;\n --aui-banner-announcement-text-color: @ak-color-N2K;\n\n // Flags\n --aui-flag-bg-color: var(--aui-dropdown-bg-color); // see also: inline dialogs\n --aui-flag-info-color: @ak-color-B200;\n --aui-flag-success-color: @ak-color-G300;\n --aui-flag-warning-color: @ak-color-Y300;\n --aui-flag-error-color: @ak-color-R300;\n\n // Buttons\n --aui-button-default-bg-color: @ak-color-N60;\n --aui-button-default-text-color: @ak-color-N800;\n --aui-button-default-hover-bg-color: @ak-color-N90;\n --aui-button-default-active-bg-color: @ak-color-B75;\n --aui-button-default-active-text-color: @ak-color-N800;\n --aui-button-default-selected-bg-color: @ak-color-N400;\n --aui-button-default-selected-text-color: @ak-color-N800;\n --aui-button-default-disabled-bg-color: @ak-color-N70;\n --aui-button-default-disabled-text-color: @ak-color-N30;\n --aui-button-primary-bg-color: @ak-color-B100;\n --aui-button-primary-text-color: @ak-color-N30;\n --aui-button-primary-hover-bg-color: @ak-color-B75;\n --aui-button-primary-active-bg-color: @ak-color-B200;\n --aui-button-primary-active-text-color: @ak-color-N0;\n --aui-button-primary-disabled-bg-color: var(--aui-button-default-disabled-bg-color);\n --aui-button-primary-disabled-text-color: var(--aui-button-default-disabled-text-color);\n --aui-button-warning-bg-color: @ak-color-Y300;\n --aui-button-warning-text-color: @ak-color-N20;\n --aui-button-warning-hover-bg-color: @ak-color-Y200;\n --aui-button-warning-active-bg-color: @ak-color-Y100;\n --aui-button-warning-active-text-color: @ak-color-N20;\n --aui-button-warning-selected-bg-color: @ak-color-Y200;\n --aui-button-warning-selected-text-color: @ak-color-N20;\n --aui-button-danger-bg-color: @ak-color-R200;\n --aui-button-danger-text-color: @ak-color-N0;\n --aui-button-danger-hover-bg-color: @ak-color-R100;\n --aui-button-danger-active-bg-color: @ak-color-R75;\n --aui-button-danger-active-text-color: @ak-color-N0;\n --aui-button-danger-selected-bg-color: @ak-color-R100;\n --aui-button-danger-selected-text-color: @ak-color-N0;\n --aui-button-light-bg-color: transparent;\n --aui-button-subtle-text-color: @ak-color-N600;\n\n // \"Labels\" (e.g., page tags, selected values in components, etc.)\n --aui-label-text-color: @ak-color-N800;\n --aui-label-link-color: @ak-color-N800;\n --aui-label-bg-color: @ak-color-N50;\n --aui-label-hover-bg-color: @ak-color-N80;\n --aui-label-close-hover-bg-color: @ak-color-R50;\n --aui-label-close-hover-text-color: @ak-color-R500;\n\n // Forms\n --aui-form-placeholder-text-color: @ak-color-N200;\n --aui-form-placeholder-disabled-text-color: @ak-color-N70;\n --aui-form-label-text-color: @ak-color-N400;\n --aui-form-error-text-color: @ak-color-R500;\n --aui-form-description-text-color: @ak-color-N400;\n --aui-form-disabled-field-bg-color: @ak-color-N30;\n --aui-form-disabled-field-text-color: @ak-color-N80;\n --aui-form-disabled-field-label-color: @ak-color-N80;\n --aui-form-field-border-color: @ak-color-N80;\n --aui-form-field-hover-border-color: @ak-color-N80;\n --aui-form-field-default-text-color: @ak-color-N800;\n --aui-form-field-default-bg-color: @ak-color-N40;\n --aui-form-field-hover-text-color: var(--aui-form-field-default-text-color);\n --aui-form-field-hover-bg-color: @ak-color-N30;\n --aui-form-field-focus-bg-color: @ak-color-N0;\n --aui-form-select-bg-color: @ak-color-N70;\n --aui-form-select-border-color: @ak-color-N70;\n --aui-form-select-hover-bg-color: @ak-color-N40;\n --aui-form-checkbox-radio-active-bg-color: @ak-color-B100;\n --aui-form-optgroup-text-color: @ak-color-N100;\n --aui-form-optgroup-bg-color: @ak-color-N20;\n --aui-form-option-bg-color: @ak-color-N0;\n --aui-form-pre-bg-color: @ak-color-N20;\n\n // More form fields\n --aui-form-field-autofilled-bg-color: @ak-color-P500;\n --aui-form-field-autofilled-border-color: @ak-color-P100;\n --aui-form-field-autofilled-text-color: @ak-color-P75;\n\n // Form glyphs\n --aui-form-glyph-disabled-icon-color: @ak-color-N200;\n --aui-form-glyph-disabled-fill-color: @ak-color-N70;\n --aui-form-glyph-icon-color: @ak-color-N900;\n --aui-form-glyph-fill-color: @ak-color-B400;\n\n // Form checkboxes and radio buttons\n --aui-form-checkbox-active-bg-color: @ak-color-B50;\n --aui-form-checkbox-active-border-color: @ak-color-B50;\n --aui-form-checkbox-active-icon-color: @ak-color-B200;\n --aui-form-radio-unchecked-bg-color: @ak-color-N20;\n --aui-form-radio-unchecked-border-color: @ak-color-N200;\n\n // Toggle\n --aui-toggle-default-bg-color: @ak-color-N90;\n --aui-toggle-default-bg-hover-color: @ak-color-N100;\n --aui-toggle-button-color: @ak-color-N30;\n --aui-toggle-on-color: @ak-color-G300;\n --aui-toggle-on-hover-color: @ak-color-G200;\n --aui-toggle-disabled-overlay-color: rgba(@ak-color-N30, 0.5);\n --aui-toggle-tick-color: @ak-color-N30;\n --aui-toggle-cross-color: @ak-color-N30;\n\n // Form notification\n --aui-form-notification-info-color: @ak-color-N80;\n --aui-form-notification-error-color: @ak-color-R300;\n --aui-form-notification-success-color: @ak-color-G300;\n\n // Progress bar\n --aui-progressbar-color: @ak-color-N800;\n --aui-progressbar-track-color: @ak-color-N400A;\n\n // Spinner\n --aui-spinner-color: @ak-color-N800;\n\n // Navigation\n --aui-nav-pagination-text-color: @ak-color-N800; // --aui-body-text\n --aui-nav-pagination-active-text-color: @ak-color-N80;\n\n // Application header\n --aui-appheader-bg-color: @ak-color-B500;\n --aui-appheader-text-color: @ak-color-B50;\n --aui-appheader-item-focus-bg-color: @ak-color-N50A;\n --aui-appheader-item-focus-text-color: @ak-color-B50;\n --aui-appheader-item-active-bg-color: @ak-color-N90A;\n --aui-appheader-item-active-text-color: @ak-color-B50;\n --aui-appheader-quicksearch-bg-color: @ak-color-N90A;\n --aui-appheader-quicksearch-border-color: transparent;\n --aui-appheader-quicksearch-text-color: @ak-color-B50;\n --aui-appheader-quicksearch-placeholder-text-color: @ak-color-N400;\n --aui-appheader-quicksearch-hover-bg-color: var(--aui-appheader-quicksearch-bg-color);\n --aui-appheader-quicksearch-focus-bg-color: var(--aui-appheader-quicksearch-bg-color);\n --aui-appheader-quicksearch-focus-text-color: @ak-color-B50;\n\n // Sidebar\n --aui-sidebar-icon-color: @ak-color-N400;\n --aui-sidebar-toggle-icon-color: @ak-color-N400;\n --aui-sidebar-bg-color: @ak-color-N20;\n --aui-sidebar-dropdown-arrow-color: @ak-color-N400;\n --aui-sidebar-tooltip-bg-color: @ak-color-N800A;\n --aui-sidebar-badge-bg-color: rgba(@ak-color-N2K, 0.19);\n --aui-sidebar-badge-text-color: inherit;\n\n // Tabs\n --aui-tabs-tab-border-color: @ak-color-N60;\n --aui-tabs-tab-text-color: @ak-color-N400;\n --aui-tabs-tab-hover-text-color: @ak-color-B100;\n --aui-tabs-tab-active-border-color: @ak-color-B100;\n --aui-tabs-tab-active-text-color: @ak-color-B100;\n\n // Multi-step wizard\n --aui-progress-tracker-current-step-color: @ak-color-B300;\n --aui-progress-tracker-current-step-text-color: var(--aui-progress-tracker-visited-step-text-color);\n --aui-progress-tracker-visited-step-text-color: @ak-color-N800;\n --aui-progress-tracker-visited-step-hover-text-color: var(--aui-link-hover-color);\n --aui-progress-tracker-visited-step-active-text-color: var(--aui-link-active-color);\n --aui-progress-tracker-future-step-color: @ak-color-N70;\n --aui-progress-tracker-future-step-text-color: @ak-color-N300;\n\n // Tables\n --aui-table-row-bg-color: transparent;\n --aui-table-row-text-color: @ak-color-N800; // --aui-body-text\n --aui-table-header-bg-color: transparent;\n --aui-table-heading-text-color: @ak-color-N400;\n --aui-table-border-color: @ak-color-N50; // --aui-border\n --aui-table-caption-bg-color: @ak-color-N20;\n --aui-table-caption-text-color: @ak-color-N100;\n --aui-table-list-row-hover-color: @ak-color-N40;\n --aui-table-list-row-subtle-color: @ak-color-N60;\n --aui-table-sortable-hover-bg-color: @ak-color-N30A;\n --aui-table-sortable-active-bg-color: @ak-color-B50;\n --aui-table-sortable-active-border-color: @ak-color-B200;\n --aui-table-sortable-active-text-color: @ak-color-B200;\n --aui-table-sortable-selected-bg-color: transparent;\n --aui-table-sortable-selected-border-color: @ak-color-N400;\n --aui-table-sortable-selected-text-color: @ak-color-N800;\n\n // Dynamic tables\n --aui-restfultable-row-focused-border-color: @ak-color-N60;\n --aui-restfultable-row-create-border-color: @ak-color-N40;\n --aui-restfultable-row-editable-hover-bg-color: var(--aui-form-field-hover-bg-color);\n --aui-restfultable-error-text-color: var(--aui-form-notification-error-color);\n --aui-restfultable-header-row-bg-color: @ak-color-N0;\n --aui-restfultable-header-row-text-color: @ak-color-N200;\n --aui-restfultable-row-moving-bg-color: @ak-color-N20;\n --aui-restfultable-editable-em-text-color: @ak-color-N80;\n --aui-restfultable-row-active-bg-color: @ak-color-N20;\n --aui-restfultable-row-hover-bg-color: @ak-color-N20;\n\n // Dropdowns\n --aui-dropdown-bg-color: @ak-color-N50;\n --aui-dropdown-border-color: @ak-color-N70;\n\n // Selects\n --aui-select2-placeholder-text-color: @ak-color-N100;\n --aui-select2-chosen-bg-color: @ak-color-N30;\n --aui-select2-chosen-text-color: @ak-color-N800;\n --aui-select2-chosen-hover-bg-color: @ak-color-N80;\n --aui-select2-chosen-hover-text-color: @ak-color-N800;\n --aui-select2-active-chosen-bg-color: @ak-color-N80;\n --aui-select2-active-chosen-text-color: @ak-color-N800;\n --aui-select2-field-default-bg-color: var(--aui-form-select-bg-color);\n --aui-select2-field-border-color: var(--aui-form-select-border-color);\n --aui-select2-field-hover-bg-color: var(--aui-form-select-hover-bg-color);\n --aui-select2-drop-bg-color: var(--aui-dropdown-bg-color);\n\n // Dialogs\n --aui-dialog-bg-color: @ak-color-N40;\n --aui-dialog-border-color: @ak-color-N40;\n --aui-dialog-header-bg-color: var(--aui-dialog-bg-color);\n --aui-dialog-header-warning-bg-color: @ak-color-R200;\n --aui-dialog-header-warning-text-color: @ak-color-N0;\n --aui-dialog-button-hover-border-color: @ak-color-N80;\n --aui-dialog-footer-hint-text-color: @ak-color-N400;\n --aui-inline-dialog-bg-color: var(--aui-dropdown-bg-color); // needs to be slightly lighter than modals so you can see the difference\n --aui-inline-dialog-border-color: var(--aui-dropdown-border-color);\n\n // Date pickers\n --aui-datepicker-panel-bg-color: @ak-color-N50;\n --aui-datepicker-panel-divider-color: @ak-color-N50;\n --aui-datepicker-heading-bg-color: @ak-color-N50;\n --aui-datepicker-heading-text-color: @ak-color-N600;\n --aui-datepicker-heading-weekdays-text-color: @ak-color-N300;\n --aui-datepicker-option-bg-color: transparent;\n --aui-datepicker-option-text-color: @ak-color-N600;\n --aui-datepicker-option-focus-bg-color: @ak-color-N70;\n --aui-datepicker-option-focus-text-color: @ak-color-N600;\n --aui-datepicker-option-selected-bg-color: @ak-color-N0;\n --aui-datepicker-option-selected-text-color: @ak-color-B200;\n --aui-datepicker-option-unselectable-bg-color: transparent;\n --aui-datepicker-option-unselectable-text-color: @ak-color-N100;\n --aui-datepicker-disabled-text-color: @ak-color-N100;\n --aui-datepicker-hint-text-color: @ak-color-N400;\n }\n\n .design-tokens() {\n @import (reference) '../adg/adg-colors';\n @import (reference) '../adg/adg-neutral-light';\n\n // Shadows and backgrounds\n --aui-shadow1: transparent;\n --aui-shadow2: transparent;\n --aui-blanket: var(--ds-blanket, rgba(@ak-color-N800, 0.45));\n\n // Page\n --aui-body-text: var(--ds-text, @ak-color-N800);\n --aui-lesser-body-text: var(--ds-text-subtlest, @ak-color-N300);\n --aui-lesser-header-text: var(--ds-text-subtlest, @ak-color-N200);\n --aui-body-background: var(--ds-surface, @ak-color-N20);\n --aui-page-background: var(--ds-surface, @ak-color-N0);\n --aui-page-border: var(--ds-border, @ak-color-N40);\n --aui-border: var(--ds-border, @ak-color-N40);\n --aui-border-strong: var(--ds-border-accent-gray, @ak-color-N100);\n --aui-focus: var(--ds-border-focused, @ak-color-B200);\n --aui-link-color: var(--ds-link, @ak-color-B400);\n --aui-link-decoration: none;\n --aui-link-hover-color: var(--ds-link, @ak-color-B300);\n --aui-link-active-color: var(--ds-link-pressed, @ak-color-B500);\n --aui-link-hover-decoration: underline;\n --aui-link-visited-color: var(--ds-link-pressed, @ak-color-P500);\n\n // \"Item\" pattern - used for navigation, buttons, dropdown options, pagination, and similar.\n --aui-itemheading-text: var(--ds-text-subtle, @ak-color-N300);\n --aui-item-bg: transparent;\n --aui-item-text: var(--ds-text-subtle, @ak-color-N500);\n --aui-item-focus-bg: var(--ds-background-neutral-subtle-hovered, @ak-color-N30A);\n --aui-item-focus-text: var(--ds-text-subtle, @ak-color-N500);\n --aui-item-active-text: var(--ds-text-subtle, @ak-color-B400);\n --aui-item-active-bg: var(--ds-background-selected, @ak-color-B50);\n --aui-item-selected-bg: var(--ds-background-selected);\n --aui-item-selected-text: var(--ds-text-selected);\n --aui-item-disabled-bg: transparent;\n --aui-item-disabled-text: var(--ds-text-disabled, @ak-color-N100);\n\n // Tooltips\n --aui-tooltip-bg-color: var(--ds-background-neutral-bold, @ak-color-N800);\n --aui-tooltip-border-color: var(--ds-background-neutral-bold, @ak-color-N800);\n --aui-tooltip-content-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-tooltip-title-text-color: var(--ds-text-inverse, @ak-color-N0);\n\n // Help text and onboarding messaging\n --aui-help-color: var(--ds-border-discovery, @ak-color-P400);\n\n // Badges\n --aui-badge-bg-color: var(--ds-background-accent-gray-subtler, @ak-color-N40A);\n --aui-badge-text-color: var(--ds-text-accent-gray, @ak-color-N800);\n --aui-badge-primary-bg-color: var(--ds-background-information-bold, @ak-color-B400);\n --aui-badge-primary-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-badge-added-bg-color: var(--ds-background-accent-green-subtlest, @ak-color-G50);\n --aui-badge-added-text-color: var(--ds-text-accent-green, @ak-color-G500);\n --aui-badge-removed-bg-color: var(--ds-background-accent-red-subtlest, @ak-color-R50);\n --aui-badge-removed-text-color: var(--ds-text-accent-red, @ak-color-R500);\n --aui-badge-important-bg-color: var(--ds-background-accent-red-bolder, @ak-color-R400);\n --aui-badge-important-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-badge-on-blue-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-badge-on-blue-bg-color: var(--ds-background-accent-blue-subtler, rgba(@ak-color-N0, 0.25));\n\n // Avatars\n --aui-avatar-outline: var(--ds-border-inverse, @ak-color-N0);\n --aui-avatar-text: var(--ds-text-inverse, @ak-color-N100);\n\n // Lozenges\n --aui-lozenge-bg-color: var(--ds-background-neutral-bold, @ak-color-N500);\n --aui-lozenge-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-lozenge-subtle-bg-color: var(--ds-background-neutral, @ak-color-N40);\n --aui-lozenge-subtle-text-color: var(--ds-text-subtle, @ak-color-N500);\n --aui-lozenge-success-bg-color: var(--ds-background-success-bold, @ak-color-G400);\n --aui-lozenge-success-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-lozenge-success-subtle-bg-color: var(--ds-background-success, @ak-color-G50);\n --aui-lozenge-success-subtle-text-color: var(--ds-text-success, @ak-color-G500);\n --aui-lozenge-current-bg-color: var(--ds-background-information-bold, @ak-color-B400);\n --aui-lozenge-current-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-lozenge-current-subtle-bg-color: var(--ds-background-information, @ak-color-B50);\n --aui-lozenge-current-subtle-text-color: var(--ds-text-information, @ak-color-B500);\n --aui-lozenge-moved-bg-color: var(--ds-background-warning-bold, @ak-color-Y400);\n --aui-lozenge-moved-text-color: var(--ds-text-warning-inverse, @ak-color-N800);\n --aui-lozenge-moved-subtle-bg-color: var(--ds-background-warning, @ak-color-Y75);\n --aui-lozenge-moved-subtle-text-color: var(--ds-text-warning, @ak-color-N800);\n --aui-lozenge-error-bg-color: var(--ds-background-danger-bold, @ak-color-R500);\n --aui-lozenge-error-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-lozenge-error-subtle-bg-color: var(--ds-background-danger, @ak-color-R50);\n --aui-lozenge-error-subtle-text-color: var(--ds-text-danger, @ak-color-R500);\n --aui-lozenge-new-bg-color: var(--ds-background-discovery-bold, @ak-color-P400);\n --aui-lozenge-new-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-lozenge-new-subtle-bg-color: var(--ds-background-discovery, @ak-color-P50);\n --aui-lozenge-new-subtle-text-color: var(--ds-text-discovery, @ak-color-P500);\n\n // Messages\n --aui-message-info-bg-color: var(--ds-background-information, @ak-color-B50);\n --aui-message-info-icon-color: var(--ds-icon-information, @ak-color-B400);\n --aui-message-info-text-color: var(--ds-text, @ak-color-N600);\n --aui-message-success-bg-color: var(--ds-background-success, @ak-color-G50);\n --aui-message-success-icon-color: var(--ds-icon-success, @ak-color-G400);\n --aui-message-success-text-color: var(--ds-text, @ak-color-N600);\n --aui-message-warning-bg-color: var(--ds-background-warning, @ak-color-Y50);\n --aui-message-warning-icon-color: var(--ds-icon-warning, @ak-color-Y400);\n --aui-message-warning-text-color: var(--ds-text, @ak-color-N600);\n --aui-message-error-bg-color: var(--ds-background-danger, @ak-color-R50);\n --aui-message-error-icon-color: var(--ds-icon-danger, @ak-color-R400);\n --aui-message-error-text-color: var(--ds-text, @ak-color-N600);\n --aui-message-change-bg-color: var(--ds-background-discovery, @ak-color-P50);\n --aui-message-change-icon-color: var(--ds-icon-discovery, @ak-color-P400);\n --aui-message-change-text-color: var(--ds-text, @ak-color-N600);\n\n // Banners\n --aui-banner-error-bg-color: var(--ds-background-danger-bold, @ak-color-R400);\n --aui-banner-error-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-banner-warning-bg-color: var(--ds-background-warning-bold, @ak-color-Y300);\n --aui-banner-warning-text-color: var(--ds-text-warning-inverse, @ak-color-N700);\n --aui-banner-announcement-bg-color: var(--ds-background-neutral-bold, @ak-color-N500);\n --aui-banner-announcement-text-color: var(--ds-text-inverse, @ak-color-N0);\n\n // Flags\n --aui-flag-bg-color: var(--ds-surface-overlay);\n --aui-flag-info-color: var(--ds-icon-information, @ak-color-B400);\n --aui-flag-success-color: var(--ds-icon-success, @ak-color-G300);\n --aui-flag-warning-color: var(--ds-icon-warning, @ak-color-Y300);\n --aui-flag-error-color: var(--ds-icon-danger, @ak-color-R300);\n\n // Buttons\n --aui-button-default-bg-color: var(--ds-background-neutral, @ak-color-N30A);\n --aui-button-default-text-color: var(--ds-text, @ak-color-N600);\n --aui-button-default-hover-bg-color: var(--ds-background-neutral-hovered, @ak-color-N40A);\n --aui-button-default-active-bg-color: var(--ds-background-neutral-pressed, @ak-color-B50);\n --aui-button-default-active-text-color: var(--ds-text, @ak-color-B400);\n --aui-button-default-selected-bg-color: var(--ds-background-selected, @ak-color-N600);\n --aui-button-default-selected-text-color: var(--ds-text-selected, @ak-color-N0);\n --aui-button-default-disabled-bg-color: var(--ds-background-disabled, @ak-color-N20A);\n --aui-button-default-disabled-text-color: var(--ds-text-disabled, @ak-color-N70);\n --aui-button-primary-bg-color: var(--ds-background-brand-bold, @ak-color-B400);\n --aui-button-primary-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-button-primary-hover-bg-color: var(--ds-background-brand-bold-hovered, @ak-color-B300);\n --aui-button-primary-active-bg-color: var(--ds-background-selected-bold-pressed, @ak-color-B400);\n --aui-button-primary-active-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-button-primary-disabled-bg-color: var(--aui-button-default-disabled-bg-color);\n --aui-button-primary-disabled-text-color: var(--aui-button-default-disabled-text-color);\n --aui-button-warning-bg-color: var(--ds-background-warning-bold, @ak-color-Y300);\n --aui-button-warning-text-color: var(--ds-text-warning-inverse, @ak-color-N800);\n --aui-button-warning-hover-bg-color: var(--ds-background-warning-bold-hovered, @ak-color-Y500);\n --aui-button-warning-active-bg-color: var(--ds-background-warning-bold-pressed, darken(@ak-color-Y500, 10%));\n --aui-button-warning-active-text-color: var(--ds-text-warning-inverse, @ak-color-N800);\n --aui-button-warning-selected-bg-color: var(--ds-background-warning-bold-hovered, @ak-color-N800);\n --aui-button-warning-selected-text-color: var(--ds-text-warning-inverse, @ak-color-N800);\n --aui-button-danger-bg-color: var(--ds-background-danger-bold, @ak-color-R500);\n --aui-button-danger-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-button-danger-hover-bg-color: var(--ds-background-danger-bold-hovered, darken(@ak-color-R500, 10%));\n --aui-button-danger-active-bg-color: var(--ds-background-danger-bold-pressed, darken(@ak-color-R500, 20%));\n --aui-button-danger-active-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-button-danger-selected-bg-color: var(--ds-background-danger-bold-hovered, darken(@ak-color-R500, 10%));\n --aui-button-danger-selected-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-button-light-bg-color: var(--ds-background-input, @ak-color-N0);\n --aui-button-subtle-text-color: var(--ds-text, @ak-color-N600);\n\n // \"Labels\" (e.g., page tags, selected values in components, etc.)\n --aui-label-text-color: var(--ds-text);\n --aui-label-link-color: var(--ds-link);\n --aui-label-bg-color: var(--ds-background-neutral, @ak-color-N20);\n --aui-label-hover-bg-color: var(--ds-background-neutral, @ak-color-N20);\n --aui-label-close-hover-bg-color: var(--ds-background-danger, @ak-color-R50);\n --aui-label-close-hover-text-color: var(--ds-text-danger, @ak-color-R500);\n\n // Forms\n --aui-form-placeholder-text-color: var(--ds-text-subtlest, @ak-color-N300);\n --aui-form-placeholder-disabled-text-color: var(--ds-text-disabled, @ak-color-N70);\n --aui-form-label-text-color: var(--ds-text-subtle, @ak-color-N200);\n --aui-form-error-text-color: var(--ds-text-danger, @ak-color-R400);\n --aui-form-description-text-color: var(--ds-text-subtlest, @ak-color-N200);\n --aui-form-disabled-field-bg-color: var(--ds-background-disabled, @ak-color-N20);\n --aui-form-disabled-field-text-color: var(--ds-text-disabled, @ak-color-N80);\n --aui-form-disabled-field-label-color: var(--ds-text-disabled, @ak-color-N80);\n --aui-form-field-border-color: var(--ds-border-input, @ak-color-N40);\n --aui-form-field-hover-border-color: var(--ds-border-input, @ak-color-N40);\n --aui-form-field-default-text-color: var(--ds-text, @ak-color-N800);\n --aui-form-field-default-bg-color: var(--ds-background-input, @ak-color-N10);\n --aui-form-field-hover-text-color: var(--ds-text);\n --aui-form-field-hover-bg-color: var(--ds-background-input-hovered, @ak-color-N30);\n --aui-form-field-focus-bg-color: var(--ds-background-input, @ak-color-N0);\n --aui-form-select-bg-color: var(--ds-background-input, @ak-color-N30);\n --aui-form-select-border-color: var(--ds-border-input, @ak-color-N30);\n --aui-form-select-hover-bg-color: var(--ds-background-input-hovered, @ak-color-N40);\n --aui-form-checkbox-radio-active-bg-color: var(--ds-background-accent-blue-subtler, @ak-color-B50);\n --aui-form-optgroup-text-color: var(--ds-text-subtlest, @ak-color-N100);\n --aui-form-optgroup-bg-color: var(--ds-background-neutral, @ak-color-N20);\n --aui-form-option-bg-color: var(--ds-background-input, @ak-color-N0);\n --aui-form-pre-bg-color: var(--ds-background-neutral, @ak-color-N20);\n\n // More form fields\n --aui-form-field-autofilled-bg-color: var(--ds-background-discovery, @ak-color-P50);\n --aui-form-field-autofilled-border-color: var(--ds-border-discovery, @ak-color-P300);\n --aui-form-field-autofilled-text-color: var(--ds-text-discovery, @ak-color-P500);\n\n // Form glyphs\n --aui-form-glyph-disabled-icon-color: var(--ds-icon-disabled, @ak-color-N70);\n --aui-form-glyph-disabled-fill-color: var(--ds-background-disabled, @ak-color-N20A);\n --aui-form-glyph-icon-color: var(--ds-icon-inverse, @ak-color-N0);\n --aui-form-glyph-fill-color: var(--ds-icon-accent-blue, @ak-color-B400);\n\n // Form checkboxes and radio buttons\n --aui-form-checkbox-active-bg-color: var(--ds-background-accent-blue-subtler, @ak-color-B50);\n --aui-form-checkbox-active-border-color: var(--ds-border-accent-blue, @ak-color-B50);\n --aui-form-checkbox-active-icon-color: var(--ds-icon-information, @ak-color-B400);\n --aui-form-radio-unchecked-bg-color: var(--ds-background-input, @ak-color-N10);\n --aui-form-radio-unchecked-border-color: var(--ds-border-bold, @ak-color-N100);\n\n // Toggle\n --aui-toggle-default-bg-color: var(--ds-background-neutral-bold, @ak-color-N200);\n --aui-toggle-default-bg-hover-color: var(--ds-background-neutral-bold-hovered, @ak-color-N70);\n --aui-toggle-button-color: var(--ds-icon-inverse, @ak-color-N0);\n --aui-toggle-on-color: var(--ds-background-success-bold, @ak-color-G400);\n --aui-toggle-on-hover-color: var(--ds-background-success-bold-hovered, @ak-color-G300);\n --aui-toggle-disabled-overlay-color: var(--ds-background-neutral-subtle, rgba(@ak-color-N0, 0.5));\n --aui-toggle-tick-color: var(--ds-icon-inverse, @ak-color-N0);\n --aui-toggle-cross-color: var(--ds-icon-inverse, @ak-color-N0);\n\n // Form notification\n --aui-form-notification-info-color: var(--ds-icon-subtle, @ak-color-N80);\n --aui-form-notification-error-color: var(--aui-message-error-icon-color);\n --aui-form-notification-success-color: var(--aui-message-success-icon-color);\n\n // Progress bar\n --aui-progressbar-color: var(--ds-background-neutral-bold, @ak-color-N500);\n --aui-progressbar-track-color: var(--ds-background-neutral, @ak-color-N40A);\n\n // Spinner\n --aui-spinner-color: var(--ds-icon-subtle, @ak-color-N500);\n\n // Navigation\n --aui-nav-pagination-text-color: var(--ds-text, @ak-color-N800);\n --aui-nav-pagination-active-text-color: var(--ds-text-subtlest, @ak-color-N80);\n\n // Application header\n --aui-appheader-bg-color: var(--ds-surface, @ak-color-B500);\n --aui-appheader-text-color: var(--ds-text, @ak-color-B50);\n --aui-appheader-item-focus-bg-color: var(--ds-background-neutral-hovered, @ak-color-N90A);\n --aui-appheader-item-focus-text-color: var(--ds-text, @ak-color-B50);\n --aui-appheader-item-active-bg-color: var(--ds-background-neutral-subtle-pressed, @ak-color-N90A);\n --aui-appheader-item-active-text-color: var(--ds-text, @ak-color-B50);\n //--aui-appheader-quicksearch-bg-color: var(--ds-background-neutral, @ak-color-N90A);\n --aui-appheader-quicksearch-bg-color: var(--ds-background-input, @ak-color-N90A);\n --aui-appheader-quicksearch-border-color: var(--ds-border-input);\n --aui-appheader-quicksearch-text-color: var(--ds-text-subtlest, @ak-color-B50);\n --aui-appheader-quicksearch-placeholder-text-color: var(--ds-text, @ak-color-N80);\n --aui-appheader-quicksearch-hover-bg-color: var(--ds-background-input-hovered);\n --aui-appheader-quicksearch-focus-bg-color: var(--aui-appheader-quicksearch-bg-color);\n --aui-appheader-quicksearch-focus-text-color: var(--ds-text-subtlest, @ak-color-B50);\n\n // Sidebar\n --aui-sidebar-icon-color: var(--ds-icon, @ak-color-N400);\n --aui-sidebar-toggle-icon-color: var(--ds-icon, @ak-color-N400);\n --aui-sidebar-bg-color: var(--ds-surface-sunken, @ak-color-N20);\n --aui-sidebar-dropdown-arrow-color: var(--ds-icon, @ak-color-N400);\n --aui-sidebar-tooltip-bg-color: var(--ds-icon, @ak-color-N800A);\n --aui-sidebar-badge-bg-color: var(--ds-background-accent-gray-subtler, @ak-color-N50);\n --aui-sidebar-badge-text-color: var(--ds-text);\n\n // Tabs\n --aui-tabs-tab-border-color: var(--ds-border, @ak-color-N30);\n --aui-tabs-tab-text-color: var(--ds-text-subtle, @ak-color-N500);\n --aui-tabs-tab-hover-text-color: var(--ds-text-selected, @ak-color-B100);\n --aui-tabs-tab-active-border-color: var(--ds-border-accent-blue, @ak-color-B400);\n --aui-tabs-tab-active-text-color: var(--ds-text-selected, @ak-color-B400);\n\n // Multi-step wizard\n --aui-progress-tracker-current-step-color: var(--ds-background-brand-bold, @ak-color-B300);\n --aui-progress-tracker-current-step-text-color: var(--aui-progress-tracker-visited-step-text-color);\n --aui-progress-tracker-visited-step-text-color: var(--ds-text, @ak-color-N800);\n --aui-progress-tracker-visited-step-hover-text-color: var(--ds-link, @ak-color-B400);\n --aui-progress-tracker-visited-step-active-text-color: var(--ds-link, @ak-color-B500);\n --aui-progress-tracker-future-step-color: var(--ds-icon-subtle, @ak-color-N70);\n --aui-progress-tracker-future-step-text-color: var(--ds-text-subtle, @ak-color-N300);\n\n // Tables\n --aui-table-row-bg-color: var(--ds-background-neutral-subtle);\n --aui-table-row-text-color: var(--ds-text, @ak-color-N800);\n --aui-table-header-bg-color: var(--ds-background-neutral-subtle);\n --aui-table-heading-text-color: var(--ds-text-subtle, @ak-color-N200);\n --aui-table-border-color: var(--ds-border, @ak-color-N40);\n --aui-table-caption-bg-color: var(--ds-background-accent-gray-subtlest, @ak-color-N20);\n --aui-table-caption-text-color: var(--ds-text-subtle, @ak-color-N100);\n --aui-table-list-row-hover-color: var(--ds-background-neutral-subtle-hovered, @ak-color-N30A);\n --aui-table-list-row-subtle-color: var(--ds-background-neutral-subtle-hovered, @ak-color-N60);\n --aui-table-sortable-hover-bg-color: var(--ds-background-neutral-subtle-hovered, @ak-color-N30A);\n --aui-table-sortable-active-bg-color: var(--ds-background-accent-blue-subtler, @ak-color-B50);\n --aui-table-sortable-active-border-color: var(--ds-border-accent-blue, @ak-color-B500);\n --aui-table-sortable-active-text-color: var(--ds-text-accent-blue, @ak-color-B500);\n --aui-table-sortable-selected-bg-color: var(--ds-background-neutral-subtle);\n --aui-table-sortable-selected-border-color: var(--ds-border-accent-gray, @ak-color-N100);\n --aui-table-sortable-selected-text-color: var(--ds-text, @ak-color-N400);\n\n // Dynamic tables\n --aui-restfultable-row-focused-border-color: var(--ds-border, @ak-color-N60);\n --aui-restfultable-row-create-border-color: var(--ds-border-disabled, @ak-color-N40);\n --aui-restfultable-row-editable-hover-bg-color: var(--aui-form-field-hover-bg-color);\n --aui-restfultable-error-text-color: var(--aui-form-notification-error-color);\n --aui-restfultable-header-row-bg-color: var(--ds-surface, @ak-color-N0);\n --aui-restfultable-header-row-text-color: var(--ds-text-subtlest, @ak-color-N200);\n --aui-restfultable-row-moving-bg-color: var(--ds-surface-raised, @ak-color-N20);\n --aui-restfultable-editable-em-text-color: var(--ds-text-subtlest, @ak-color-N80);\n --aui-restfultable-row-active-bg-color: var(--ds-background-neutral-subtle-pressed, @ak-color-N20);\n --aui-restfultable-row-hover-bg-color: var(--ds-background-input-hovered, @ak-color-N20);\n\n // Dropdowns\n --aui-dropdown-bg-color: var(--ds-surface-overlay, @ak-color-N0);\n --aui-dropdown-border-color: var(--ds-border, @ak-color-N40);\n\n // Selects\n --aui-select2-placeholder-text-color: var(--ds-text-subtlest, @ak-color-N100);\n --aui-select2-chosen-bg-color: var(--ds-background-neutral, @ak-color-N0);\n --aui-select2-chosen-text-color: var(--ds-text, @ak-color-N800);\n --aui-select2-chosen-hover-bg-color: var(--ds-background-neutral-hovered, @ak-color-N0);\n --aui-select2-chosen-hover-text-color: var(--ds-text, @ak-color-N800);\n --aui-select2-active-chosen-bg-color: var(--ds-background-neutral, @ak-color-N40);\n --aui-select2-active-chosen-text-color: var(--ds-text, @ak-color-N800);\n --aui-select2-field-default-bg-color: var(--ds-background-input);\n --aui-select2-field-border-color: var(--ds-border-input);\n --aui-select2-field-hover-bg-color: var(--ds-background-input-hovered);\n --aui-select2-drop-bg-color: var(--ds-surface-overlay);\n\n // Dialogs\n --aui-dialog-bg-color: var(--ds-surface-overlay, @ak-color-N0);\n --aui-dialog-border-color: var(--ds-border, @ak-color-N30);\n --aui-dialog-header-bg-color: var(--aui-dialog-bg-color);\n --aui-dialog-header-warning-bg-color: var(--ds-background-danger-bold, @ak-color-R400);\n --aui-dialog-header-warning-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-dialog-button-hover-border-color: var(--ds-border, @ak-color-N80);\n --aui-dialog-footer-hint-text-color: var(--ds-text-subtlest, @ak-color-N400);\n --aui-inline-dialog-bg-color: var(--aui-dropdown-bg-color); // shared this way because both inline dialogs and dropdowns need to layer well on top of modals\n --aui-inline-dialog-border-color: var(--aui-dropdown-border-color);\n\n // Date pickers\n --aui-datepicker-panel-bg-color: var(--ds-background-input, @ak-color-N0);\n --aui-datepicker-panel-divider-color: var(--ds-border, @ak-color-N40);\n --aui-datepicker-heading-bg-color: var(--ds-background-information, @ak-color-N20);\n --aui-datepicker-heading-text-color: var(--ds-text, @ak-color-N600);\n --aui-datepicker-heading-weekdays-text-color: var(--ds-text-subtle, @ak-color-N300);\n --aui-datepicker-option-bg-color: var(--ds-background-neutral-subtle);\n --aui-datepicker-option-text-color: var(--ds-text-selected, @ak-color-B400);\n --aui-datepicker-option-focus-bg-color: var(--ds-background-neutral-subtle-hovered, @ak-color-N20);\n --aui-datepicker-option-focus-text-color: var(--ds-text-accent-blue, @ak-color-B400);\n --aui-datepicker-option-selected-bg-color: var(--ds-background-selected-bold, @ak-color-B400);\n --aui-datepicker-option-selected-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-datepicker-option-unselectable-bg-color: var(--ds-background-disabled, @ak-color-N20);\n --aui-datepicker-option-unselectable-text-color: var(--ds-text-disabled, @ak-color-N100);\n --aui-datepicker-disabled-text-color: var(--ds-text-disabled, @ak-color-N100);\n --aui-datepicker-hint-text-color: var(--ds-text-subtlest, @ak-color-N400);\n }\n\n}\n"],"names":[],"sourceRoot":""}
package/dist/aui/aui-prototyping-design-tokens-api-full.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!!
2
2
  * @atlassian/aui - Atlassian User Interface library
3
- * @version v9.12.6
3
+ * @version v9.12.7
4
4
  * @link https://aui.atlassian.com
5
5
  * @license Apache-2.0
6
6
  * @author Atlassian Pty Ltd.