@designsystem-se/af 38.2.1-beta.dark-mode-css-labb → 39.0.1-beta.dark-mode

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 (78) hide show
  1. package/components/digi-badge-status.js +1 -1
  2. package/components/digi-calendar-datepicker.js +1 -1
  3. package/components/digi-code-example.js +6 -6
  4. package/components/digi-context-menu.js +4 -4
  5. package/components/digi-form-checkbox.js +1 -1
  6. package/components/digi-form-error-list.js +1 -1
  7. package/components/digi-form-filter.js +1 -1
  8. package/components/digi-form-select-filter.js +84 -47
  9. package/components/digi-header-avatar.js +1 -1
  10. package/components/digi-info-card.js +1 -1
  11. package/components/digi-link-internal.js +1 -1
  12. package/components/digi-notification-alert.js +1 -1
  13. package/components/digi-progress-indicator.js +1 -1
  14. package/components/digi-progress-list-item.js +1 -1
  15. package/components/{p-78154d00.js → p-90f7d507.js} +1 -1
  16. package/components/p-a162b186.js +177 -0
  17. package/components/p-d516f6af.js +66 -0
  18. package/custom-elements.json +1 -1
  19. package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
  20. package/dist/cjs/digi-badge-status.cjs.entry.js +1 -1
  21. package/dist/cjs/digi-button_84.cjs.entry.js +94 -57
  22. package/dist/cjs/digi-code-example.cjs.entry.js +5 -5
  23. package/dist/cjs/digi-progress-list-item.cjs.entry.js +1 -1
  24. package/dist/cjs/loader.cjs.js +1 -1
  25. package/dist/collection/components/_badge/badge-status/badge-status.css +2 -2
  26. package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.css +131 -381
  27. package/dist/collection/components/_code/code-example/code-example.js +4 -5
  28. package/dist/collection/components/_form/form-checkbox/form-checkbox.css +130 -380
  29. package/dist/collection/components/_form/form-select-filter/form-select-filter.js +85 -48
  30. package/dist/collection/components/_header/header-avatar/header-avatar.css +130 -380
  31. package/dist/collection/components/_link/link-internal/link-internal.css +130 -380
  32. package/dist/collection/components/_navigation/navigation-context-menu/navigation-context-menu.js +6 -6
  33. package/dist/collection/components/_notification/notification-alert/notification-alert.css +1 -1
  34. package/dist/collection/components/_progress/progress-indicator/progress-indicator.css +1 -1
  35. package/dist/collection/components/_progress/progress-list-item/progress-list-item.css +2 -2
  36. package/dist/collection/design-tokens/components/_badge-status.variables.scss +1 -1
  37. package/dist/collection/design-tokens/components/_logo.variables.scss +0 -2
  38. package/dist/collection/design-tokens/components/_notification-alert.variables.scss +1 -1
  39. package/dist/collection/design-tokens/components/_progress-indicator.variables.scss +1 -1
  40. package/dist/collection/styles/src/_alias.mixin.scss +252 -2
  41. package/dist/collection/styles/src/index.scss +2 -16
  42. package/dist/collection/styles/src/themes/_brand-af25.mixin.scss +2 -2
  43. package/dist/collection/styles/src/tokens-documentation/web-AF25.json +308 -154
  44. package/dist/digi-arbetsformedlingen/design-tokens/components/_badge-status.variables.scss +1 -1
  45. package/dist/digi-arbetsformedlingen/design-tokens/components/_logo.variables.scss +17 -15
  46. package/dist/digi-arbetsformedlingen/design-tokens/components/_notification-alert.variables.scss +1 -1
  47. package/dist/digi-arbetsformedlingen/design-tokens/components/_progress-indicator.variables.scss +1 -1
  48. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.css +1 -1
  49. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
  50. package/dist/digi-arbetsformedlingen/{p-c1fd535b.entry.js → p-03b818fc.entry.js} +1 -1
  51. package/dist/digi-arbetsformedlingen/p-53880b04.entry.js +1 -0
  52. package/dist/digi-arbetsformedlingen/p-a2fb7d64.entry.js +1 -0
  53. package/dist/digi-arbetsformedlingen/p-f4b540e3.entry.js +1 -0
  54. package/dist/digi-arbetsformedlingen/styles/src/_alias.mixin.scss +252 -2
  55. package/dist/digi-arbetsformedlingen/styles/src/index.scss +2 -16
  56. package/dist/digi-arbetsformedlingen/styles/src/themes/_brand-af25.mixin.scss +2 -2
  57. package/dist/digi-arbetsformedlingen/styles/src/tokens-documentation/web-AF25.json +308 -154
  58. package/dist/esm/digi-arbetsformedlingen.js +1 -1
  59. package/dist/esm/digi-badge-status.entry.js +1 -1
  60. package/dist/esm/digi-button_84.entry.js +94 -57
  61. package/dist/esm/digi-code-example.entry.js +5 -5
  62. package/dist/esm/digi-progress-list-item.entry.js +1 -1
  63. package/dist/esm/loader.js +1 -1
  64. package/dist/types/components/_form/form-select-filter/form-select-filter.d.ts +22 -3
  65. package/dist/types/components/_navigation/navigation-context-menu/navigation-context-menu.d.ts +2 -2
  66. package/dist/types/components.d.ts +6 -6
  67. package/hydrate/index.js +102 -65
  68. package/hydrate/index.mjs +102 -65
  69. package/package.json +4 -2
  70. package/components/p-a90b746e.js +0 -177
  71. package/components/p-fdb31c30.js +0 -66
  72. package/dist/collection/styles/src/themes/_alias-dark.scss +0 -126
  73. package/dist/collection/styles/src/themes/_alias-light.scss +0 -126
  74. package/dist/digi-arbetsformedlingen/p-7ed49934.entry.js +0 -1
  75. package/dist/digi-arbetsformedlingen/p-ad638968.entry.js +0 -1
  76. package/dist/digi-arbetsformedlingen/p-ede12626.entry.js +0 -1
  77. package/dist/digi-arbetsformedlingen/styles/src/themes/_alias-dark.scss +0 -126
  78. package/dist/digi-arbetsformedlingen/styles/src/themes/_alias-light.scss +0 -126
@@ -562,7 +562,7 @@ License: none (public domain)
562
562
  --digi--color--background--interactive--validation--success--dark: var(--digi--misc--transparent);
563
563
  --digi--color--background--interactive--validation--warning--dark: var(--digi--misc--transparent);
564
564
  --digi--color--background--notification--dark: var(--digi--sentiment--error--500);
565
- --digi--color--background--pop-out--dark: var(--digi--grayscale--875);
565
+ --digi--color--background--pop-out--dark: var(--digi--grayscale--850);
566
566
  --digi--color--background--primary--dark: var(--digi--grayscale--950);
567
567
  --digi--color--background--primary-elevated--dark: var(--digi--grayscale--850);
568
568
  --digi--color--background--secondary--dark: var(--digi--grayscale--975);
@@ -605,7 +605,7 @@ License: none (public domain)
605
605
  --digi--color--border--interactive--validation--error--dark: var(--digi--sentiment--error--500);
606
606
  --digi--color--border--interactive--validation--success--dark: var(--digi--sentiment--success--500);
607
607
  --digi--color--border--interactive--validation--warning--dark: var(--digi--sentiment--warning--700);
608
- --digi--color--border--notification--dark: var(--digi--misc--transparent);
608
+ --digi--color--border--notification--dark: var(--digi--grayscale--0);
609
609
  --digi--color--border--sentiment--error--dark: var(--digi--sentiment--error--500);
610
610
  --digi--color--border--sentiment--info--dark: var(--digi--sentiment--informative--500);
611
611
  --digi--color--border--sentiment--success--dark: var(--digi--sentiment--success--500);
@@ -784,130 +784,134 @@ License: none (public domain)
784
784
  --digi--color--text--primary-stay--light: var(--digi--grayscale--900);
785
785
  --digi--color--text--secondary--light: var(--digi--grayscale--0);
786
786
  --digi--color--text--secondary-stay--light: var(--digi--grayscale--0);
787
- --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--light);
788
- --digi--color--background--dropdown: var(--digi--color--background--dropdown--light);
789
- --digi--color--background--interactive--default--input-elements: var(--digi--color--background--interactive--default--input-elements--light);
790
- --digi--color--background--interactive--default--pop-out: var(--digi--color--background--interactive--default--pop-out--light);
791
- --digi--color--background--interactive--default--primary: var(--digi--color--background--interactive--default--primary--light);
792
- --digi--color--background--interactive--default--primary-inverted: var(--digi--color--background--interactive--default--primary-inverted--light);
793
- --digi--color--background--interactive--default--quaternary: var(--digi--color--background--interactive--default--quaternary--light);
794
- --digi--color--background--interactive--default--quinary-ghost-gra: var(--digi--color--background--interactive--default--quinary-ghost-gra--light);
795
- --digi--color--background--interactive--default--secondary: var(--digi--color--background--interactive--default--secondary--light);
796
- --digi--color--background--interactive--default--secondary-inverted: var(--digi--color--background--interactive--default--secondary-inverted--light);
797
- --digi--color--background--interactive--default--tertiary: var(--digi--color--background--interactive--default--tertiary--light);
798
- --digi--color--background--interactive--hover--ghost-rider: var(--digi--color--background--interactive--hover--ghost-rider--light);
799
- --digi--color--background--interactive--hover--inverted: var(--digi--color--background--interactive--hover--inverted--light);
800
- --digi--color--background--interactive--hover--primary: var(--digi--color--background--interactive--hover--primary--light);
801
- --digi--color--background--interactive--hover--quarternary: var(--digi--color--background--interactive--hover--quarternary--light);
802
- --digi--color--background--interactive--hover--secondary: var(--digi--color--background--interactive--hover--secondary--light);
803
- --digi--color--background--interactive--hover--tertiary: var(--digi--color--background--interactive--hover--tertiary--light);
804
- --digi--color--background--interactive--selected--on-menu-minus-button: var(--digi--color--background--interactive--selected--on-menu-minus-button--light);
805
- --digi--color--background--interactive--selected--primary: var(--digi--color--background--interactive--selected--primary--light);
806
- --digi--color--background--interactive--selected--primary-stay: var(--digi--color--background--interactive--selected--primary-stay--light);
807
- --digi--color--background--interactive--selected--secondary: var(--digi--color--background--interactive--selected--secondary--light);
808
- --digi--color--background--interactive--selected--tertiary: var(--digi--color--background--interactive--selected--tertiary--light);
809
- --digi--color--background--interactive--validation--error: var(--digi--color--background--interactive--validation--error--light);
810
- --digi--color--background--interactive--validation--success: var(--digi--color--background--interactive--validation--success--light);
811
- --digi--color--background--interactive--validation--warning: var(--digi--color--background--interactive--validation--warning--light);
812
- --digi--color--background--notification: var(--digi--color--background--notification--light);
813
- --digi--color--background--pop-out: var(--digi--color--background--pop-out--light);
814
- --digi--color--background--primary: var(--digi--color--background--primary--light);
815
- --digi--color--background--primary-elevated: var(--digi--color--background--primary-elevated--light);
816
- --digi--color--background--secondary: var(--digi--color--background--secondary--light);
817
- --digi--color--background--secondary-accent: var(--digi--color--background--secondary-accent--light);
818
- --digi--color--background--secondary-elevated: var(--digi--color--background--secondary-elevated--light);
819
- --digi--color--background--secondary-muted: var(--digi--color--background--secondary-muted--light);
820
- --digi--color--background--sentiment--beta--primary: var(--digi--color--background--sentiment--beta--primary--light);
821
- --digi--color--background--sentiment--beta--secondary: var(--digi--color--background--sentiment--beta--secondary--light);
822
- --digi--color--background--sentiment--error--primary: var(--digi--color--background--sentiment--error--primary--light);
823
- --digi--color--background--sentiment--error--secondary: var(--digi--color--background--sentiment--error--secondary--light);
824
- --digi--color--background--sentiment--error--tertiary: var(--digi--color--background--sentiment--error--tertiary--light);
825
- --digi--color--background--sentiment--error--tertiary-discreet: var(--digi--color--background--sentiment--error--tertiary-discreet--light);
826
- --digi--color--background--sentiment--info--primary: var(--digi--color--background--sentiment--info--primary--light);
827
- --digi--color--background--sentiment--info--secondary: var(--digi--color--background--sentiment--info--secondary--light);
828
- --digi--color--background--sentiment--info--tertiary: var(--digi--color--background--sentiment--info--tertiary--light);
829
- --digi--color--background--sentiment--neutral--primary: var(--digi--color--background--sentiment--neutral--primary--light);
830
- --digi--color--background--sentiment--neutral--secondary: var(--digi--color--background--sentiment--neutral--secondary--light);
831
- --digi--color--background--sentiment--neutral--tertiary: var(--digi--color--background--sentiment--neutral--tertiary--light);
832
- --digi--color--background--sentiment--success--primary: var(--digi--color--background--sentiment--success--primary--light);
833
- --digi--color--background--sentiment--success--secondary: var(--digi--color--background--sentiment--success--secondary--light);
834
- --digi--color--background--sentiment--success--tertiary: var(--digi--color--background--sentiment--success--tertiary--light);
835
- --digi--color--background--sentiment--warning--primary: var(--digi--color--background--sentiment--warning--primary--light);
836
- --digi--color--background--sentiment--warning--quarternary: var(--digi--color--background--sentiment--warning--quarternary--light);
837
- --digi--color--background--sentiment--warning--secondary: var(--digi--color--background--sentiment--warning--secondary--light);
838
- --digi--color--background--sentiment--warning--tertiary: var(--digi--color--background--sentiment--warning--tertiary--light);
839
- --digi--color--background--surface: var(--digi--color--background--surface--light);
840
- --digi--color--background--transparent: var(--digi--color--background--transparent--light);
841
- --digi--color--border--accent--primary: var(--digi--color--border--accent--primary--light);
842
- --digi--color--border--accent--secondary: var(--digi--color--border--accent--secondary--light);
843
- --digi--color--border--interactive--default--discreeeeeeet: var(--digi--color--border--interactive--default--discreeeeeeet--light);
844
- --digi--color--border--interactive--default--inverted: var(--digi--color--border--interactive--default--inverted--light);
845
- --digi--color--border--interactive--default--on-input: var(--digi--color--border--interactive--default--on-input--light);
846
- --digi--color--border--interactive--default--on-input-nuance: var(--digi--color--border--interactive--default--on-input-nuance--light);
847
- --digi--color--border--interactive--default--primary: var(--digi--color--border--interactive--default--primary--light);
848
- --digi--color--border--interactive--hover--inverted: var(--digi--color--border--interactive--hover--inverted--light);
849
- --digi--color--border--interactive--hover--primary: var(--digi--color--border--interactive--hover--primary--light);
850
- --digi--color--border--interactive--hover--secondary: var(--digi--color--border--interactive--hover--secondary--light);
851
- --digi--color--border--interactive--selected--primary: var(--digi--color--border--interactive--selected--primary--light);
852
- --digi--color--border--interactive--selected--secondary: var(--digi--color--border--interactive--selected--secondary--light);
853
- --digi--color--border--interactive--validation--error: var(--digi--color--border--interactive--validation--error--light);
854
- --digi--color--border--interactive--validation--success: var(--digi--color--border--interactive--validation--success--light);
855
- --digi--color--border--interactive--validation--warning: var(--digi--color--border--interactive--validation--warning--light);
856
- --digi--color--border--notification: var(--digi--color--border--notification--light);
857
- --digi--color--border--sentiment--error: var(--digi--color--border--sentiment--error--light);
858
- --digi--color--border--sentiment--info: var(--digi--color--border--sentiment--info--light);
859
- --digi--color--border--sentiment--success: var(--digi--color--border--sentiment--success--light);
860
- --digi--color--border--sentiment--warning: var(--digi--color--border--sentiment--warning--light);
861
- --digi--color--border--transparent: var(--digi--color--border--transparent--light);
862
- --digi--color--divider--cta: var(--digi--color--divider--cta--light);
863
- --digi--color--divider--on-brand-primary: var(--digi--color--divider--on-brand-primary--light);
864
- --digi--color--divider--primary: var(--digi--color--divider--primary--light);
865
- --digi--color--divider--secondary: var(--digi--color--divider--secondary--light);
866
- --digi--color--divider--tertiary-hypotes: var(--digi--color--divider--tertiary-hypotes--light);
867
- --digi--color--icon--brand-primary: var(--digi--color--icon--brand-primary--light);
868
- --digi--color--icon--brand-primary-secondary-hypotes: var(--digi--color--icon--brand-primary-secondary-hypotes--light);
869
- --digi--color--icon--brand-secondary: var(--digi--color--icon--brand-secondary--light);
870
- --digi--color--icon--cta: var(--digi--color--icon--cta--light);
871
- --digi--color--icon--primary: var(--digi--color--icon--primary--light);
872
- --digi--color--icon--primary-anti-reverse: var(--digi--color--icon--primary-anti-reverse--light);
873
- --digi--color--icon--secondary: var(--digi--color--icon--secondary--light);
874
- --digi--color--icon--secondary-reverse: var(--digi--color--icon--secondary-reverse--light);
875
- --digi--color--icon--validation--error: var(--digi--color--icon--validation--error--light);
876
- --digi--color--icon--validation--success: var(--digi--color--icon--validation--success--light);
877
- --digi--color--icon--validation--warning: var(--digi--color--icon--validation--warning--light);
878
- --digi--color--infographic--background: var(--digi--color--infographic--background--light);
879
- --digi--color--infographic--brand--primary: var(--digi--color--infographic--brand--primary--light);
880
- --digi--color--infographic--brand--primary-alt: var(--digi--color--infographic--brand--primary-alt--light);
881
- --digi--color--infographic--brand--secondary: var(--digi--color--infographic--brand--secondary--light);
882
- --digi--color--infographic--brand--secondary-alt: var(--digi--color--infographic--brand--secondary-alt--light);
883
- --digi--color--infographic--lineart: var(--digi--color--infographic--lineart--light);
884
- --digi--color--logotype--primary--symbol: var(--digi--color--logotype--primary--symbol--light);
885
- --digi--color--logotype--primary--text: var(--digi--color--logotype--primary--text--light);
886
- --digi--color--logotype--secondary--symbol: var(--digi--color--logotype--secondary--symbol--light);
887
- --digi--color--logotype--secondary--text: var(--digi--color--logotype--secondary--text--light);
888
- --digi--color--marking--indication--marker: var(--digi--color--marking--indication--marker--light);
889
- --digi--color--marking--indication--primary: var(--digi--color--marking--indication--primary--light);
890
- --digi--color--marking--indication--secondary: var(--digi--color--marking--indication--secondary--light);
891
- --digi--color--marking--indication--tertiary: var(--digi--color--marking--indication--tertiary--light);
892
- --digi--color--marking--navigation--level-active: var(--digi--color--marking--navigation--level-active--light);
893
- --digi--color--marking--navigation--level-inactive: var(--digi--color--marking--navigation--level-inactive--light);
894
- --digi--color--marking--navigation--selected: var(--digi--color--marking--navigation--selected--light);
895
- --digi--color--misc--skeleton: var(--digi--color--misc--skeleton--light);
896
- --digi--color--misc--spinner-path: var(--digi--color--misc--spinner-path--light);
897
- --digi--color--text--description: var(--digi--color--text--description--light);
898
- --digi--color--text--interactive--brand-primary: var(--digi--color--text--interactive--brand-primary--light);
899
- --digi--color--text--interactive--brand-primary-secondary-hypotes: var(--digi--color--text--interactive--brand-primary-secondary-hypotes--light);
900
- --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--light);
901
- --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--light);
902
- --digi--color--text--interactive--primary-discreet: var(--digi--color--text--interactive--primary-discreet--light);
903
- --digi--color--text--interactive--secondary: var(--digi--color--text--interactive--secondary--light);
904
- --digi--color--text--interactive--secondary-discreet: var(--digi--color--text--interactive--secondary-discreet--light);
905
- --digi--color--text--interactive--tertiary: var(--digi--color--text--interactive--tertiary--light);
906
- --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--light);
907
- --digi--color--text--primary: var(--digi--color--text--primary--light);
908
- --digi--color--text--primary-stay: var(--digi--color--text--primary-stay--light);
909
- --digi--color--text--secondary: var(--digi--color--text--secondary--light);
910
- --digi--color--text--secondary-stay: var(--digi--color--text--secondary-stay--light);
787
+ }
788
+ @media (prefers-color-scheme: light) {
789
+ :root {
790
+ --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--light);
791
+ --digi--color--background--dropdown: var(--digi--color--background--dropdown--light);
792
+ --digi--color--background--interactive--default--input-elements: var(--digi--color--background--interactive--default--input-elements--light);
793
+ --digi--color--background--interactive--default--pop-out: var(--digi--color--background--interactive--default--pop-out--light);
794
+ --digi--color--background--interactive--default--primary: var(--digi--color--background--interactive--default--primary--light);
795
+ --digi--color--background--interactive--default--primary-inverted: var(--digi--color--background--interactive--default--primary-inverted--light);
796
+ --digi--color--background--interactive--default--quaternary: var(--digi--color--background--interactive--default--quaternary--light);
797
+ --digi--color--background--interactive--default--quinary-ghost-gra: var(--digi--color--background--interactive--default--quinary-ghost-gra--light);
798
+ --digi--color--background--interactive--default--secondary: var(--digi--color--background--interactive--default--secondary--light);
799
+ --digi--color--background--interactive--default--secondary-inverted: var(--digi--color--background--interactive--default--secondary-inverted--light);
800
+ --digi--color--background--interactive--default--tertiary: var(--digi--color--background--interactive--default--tertiary--light);
801
+ --digi--color--background--interactive--hover--ghost-rider: var(--digi--color--background--interactive--hover--ghost-rider--light);
802
+ --digi--color--background--interactive--hover--inverted: var(--digi--color--background--interactive--hover--inverted--light);
803
+ --digi--color--background--interactive--hover--primary: var(--digi--color--background--interactive--hover--primary--light);
804
+ --digi--color--background--interactive--hover--quarternary: var(--digi--color--background--interactive--hover--quarternary--light);
805
+ --digi--color--background--interactive--hover--secondary: var(--digi--color--background--interactive--hover--secondary--light);
806
+ --digi--color--background--interactive--hover--tertiary: var(--digi--color--background--interactive--hover--tertiary--light);
807
+ --digi--color--background--interactive--selected--on-menu-minus-button: var(--digi--color--background--interactive--selected--on-menu-minus-button--light);
808
+ --digi--color--background--interactive--selected--primary: var(--digi--color--background--interactive--selected--primary--light);
809
+ --digi--color--background--interactive--selected--primary-stay: var(--digi--color--background--interactive--selected--primary-stay--light);
810
+ --digi--color--background--interactive--selected--secondary: var(--digi--color--background--interactive--selected--secondary--light);
811
+ --digi--color--background--interactive--selected--tertiary: var(--digi--color--background--interactive--selected--tertiary--light);
812
+ --digi--color--background--interactive--validation--error: var(--digi--color--background--interactive--validation--error--light);
813
+ --digi--color--background--interactive--validation--success: var(--digi--color--background--interactive--validation--success--light);
814
+ --digi--color--background--interactive--validation--warning: var(--digi--color--background--interactive--validation--warning--light);
815
+ --digi--color--background--notification: var(--digi--color--background--notification--light);
816
+ --digi--color--background--pop-out: var(--digi--color--background--pop-out--light);
817
+ --digi--color--background--primary: var(--digi--color--background--primary--light);
818
+ --digi--color--background--primary-elevated: var(--digi--color--background--primary-elevated--light);
819
+ --digi--color--background--secondary: var(--digi--color--background--secondary--light);
820
+ --digi--color--background--secondary-accent: var(--digi--color--background--secondary-accent--light);
821
+ --digi--color--background--secondary-elevated: var(--digi--color--background--secondary-elevated--light);
822
+ --digi--color--background--secondary-muted: var(--digi--color--background--secondary-muted--light);
823
+ --digi--color--background--sentiment--beta--primary: var(--digi--color--background--sentiment--beta--primary--light);
824
+ --digi--color--background--sentiment--beta--secondary: var(--digi--color--background--sentiment--beta--secondary--light);
825
+ --digi--color--background--sentiment--error--primary: var(--digi--color--background--sentiment--error--primary--light);
826
+ --digi--color--background--sentiment--error--secondary: var(--digi--color--background--sentiment--error--secondary--light);
827
+ --digi--color--background--sentiment--error--tertiary: var(--digi--color--background--sentiment--error--tertiary--light);
828
+ --digi--color--background--sentiment--error--tertiary-discreet: var(--digi--color--background--sentiment--error--tertiary-discreet--light);
829
+ --digi--color--background--sentiment--info--primary: var(--digi--color--background--sentiment--info--primary--light);
830
+ --digi--color--background--sentiment--info--secondary: var(--digi--color--background--sentiment--info--secondary--light);
831
+ --digi--color--background--sentiment--info--tertiary: var(--digi--color--background--sentiment--info--tertiary--light);
832
+ --digi--color--background--sentiment--neutral--primary: var(--digi--color--background--sentiment--neutral--primary--light);
833
+ --digi--color--background--sentiment--neutral--secondary: var(--digi--color--background--sentiment--neutral--secondary--light);
834
+ --digi--color--background--sentiment--neutral--tertiary: var(--digi--color--background--sentiment--neutral--tertiary--light);
835
+ --digi--color--background--sentiment--success--primary: var(--digi--color--background--sentiment--success--primary--light);
836
+ --digi--color--background--sentiment--success--secondary: var(--digi--color--background--sentiment--success--secondary--light);
837
+ --digi--color--background--sentiment--success--tertiary: var(--digi--color--background--sentiment--success--tertiary--light);
838
+ --digi--color--background--sentiment--warning--primary: var(--digi--color--background--sentiment--warning--primary--light);
839
+ --digi--color--background--sentiment--warning--quarternary: var(--digi--color--background--sentiment--warning--quarternary--light);
840
+ --digi--color--background--sentiment--warning--secondary: var(--digi--color--background--sentiment--warning--secondary--light);
841
+ --digi--color--background--sentiment--warning--tertiary: var(--digi--color--background--sentiment--warning--tertiary--light);
842
+ --digi--color--background--surface: var(--digi--color--background--surface--light);
843
+ --digi--color--background--transparent: var(--digi--color--background--transparent--light);
844
+ --digi--color--border--accent--primary: var(--digi--color--border--accent--primary--light);
845
+ --digi--color--border--accent--secondary: var(--digi--color--border--accent--secondary--light);
846
+ --digi--color--border--interactive--default--discreeeeeeet: var(--digi--color--border--interactive--default--discreeeeeeet--light);
847
+ --digi--color--border--interactive--default--inverted: var(--digi--color--border--interactive--default--inverted--light);
848
+ --digi--color--border--interactive--default--on-input: var(--digi--color--border--interactive--default--on-input--light);
849
+ --digi--color--border--interactive--default--on-input-nuance: var(--digi--color--border--interactive--default--on-input-nuance--light);
850
+ --digi--color--border--interactive--default--primary: var(--digi--color--border--interactive--default--primary--light);
851
+ --digi--color--border--interactive--hover--inverted: var(--digi--color--border--interactive--hover--inverted--light);
852
+ --digi--color--border--interactive--hover--primary: var(--digi--color--border--interactive--hover--primary--light);
853
+ --digi--color--border--interactive--hover--secondary: var(--digi--color--border--interactive--hover--secondary--light);
854
+ --digi--color--border--interactive--selected--primary: var(--digi--color--border--interactive--selected--primary--light);
855
+ --digi--color--border--interactive--selected--secondary: var(--digi--color--border--interactive--selected--secondary--light);
856
+ --digi--color--border--interactive--validation--error: var(--digi--color--border--interactive--validation--error--light);
857
+ --digi--color--border--interactive--validation--success: var(--digi--color--border--interactive--validation--success--light);
858
+ --digi--color--border--interactive--validation--warning: var(--digi--color--border--interactive--validation--warning--light);
859
+ --digi--color--border--notification: var(--digi--color--border--notification--light);
860
+ --digi--color--border--sentiment--error: var(--digi--color--border--sentiment--error--light);
861
+ --digi--color--border--sentiment--info: var(--digi--color--border--sentiment--info--light);
862
+ --digi--color--border--sentiment--success: var(--digi--color--border--sentiment--success--light);
863
+ --digi--color--border--sentiment--warning: var(--digi--color--border--sentiment--warning--light);
864
+ --digi--color--border--transparent: var(--digi--color--border--transparent--light);
865
+ --digi--color--divider--cta: var(--digi--color--divider--cta--light);
866
+ --digi--color--divider--on-brand-primary: var(--digi--color--divider--on-brand-primary--light);
867
+ --digi--color--divider--primary: var(--digi--color--divider--primary--light);
868
+ --digi--color--divider--secondary: var(--digi--color--divider--secondary--light);
869
+ --digi--color--divider--tertiary-hypotes: var(--digi--color--divider--tertiary-hypotes--light);
870
+ --digi--color--icon--brand-primary: var(--digi--color--icon--brand-primary--light);
871
+ --digi--color--icon--brand-primary-secondary-hypotes: var(--digi--color--icon--brand-primary-secondary-hypotes--light);
872
+ --digi--color--icon--brand-secondary: var(--digi--color--icon--brand-secondary--light);
873
+ --digi--color--icon--cta: var(--digi--color--icon--cta--light);
874
+ --digi--color--icon--primary: var(--digi--color--icon--primary--light);
875
+ --digi--color--icon--primary-anti-reverse: var(--digi--color--icon--primary-anti-reverse--light);
876
+ --digi--color--icon--secondary: var(--digi--color--icon--secondary--light);
877
+ --digi--color--icon--secondary-reverse: var(--digi--color--icon--secondary-reverse--light);
878
+ --digi--color--icon--validation--error: var(--digi--color--icon--validation--error--light);
879
+ --digi--color--icon--validation--success: var(--digi--color--icon--validation--success--light);
880
+ --digi--color--icon--validation--warning: var(--digi--color--icon--validation--warning--light);
881
+ --digi--color--infographic--background: var(--digi--color--infographic--background--light);
882
+ --digi--color--infographic--brand--primary: var(--digi--color--infographic--brand--primary--light);
883
+ --digi--color--infographic--brand--primary-alt: var(--digi--color--infographic--brand--primary-alt--light);
884
+ --digi--color--infographic--brand--secondary: var(--digi--color--infographic--brand--secondary--light);
885
+ --digi--color--infographic--brand--secondary-alt: var(--digi--color--infographic--brand--secondary-alt--light);
886
+ --digi--color--infographic--lineart: var(--digi--color--infographic--lineart--light);
887
+ --digi--color--logotype--primary--symbol: var(--digi--color--logotype--primary--symbol--light);
888
+ --digi--color--logotype--primary--text: var(--digi--color--logotype--primary--text--light);
889
+ --digi--color--logotype--secondary--symbol: var(--digi--color--logotype--secondary--symbol--light);
890
+ --digi--color--logotype--secondary--text: var(--digi--color--logotype--secondary--text--light);
891
+ --digi--color--marking--indication--marker: var(--digi--color--marking--indication--marker--light);
892
+ --digi--color--marking--indication--primary: var(--digi--color--marking--indication--primary--light);
893
+ --digi--color--marking--indication--secondary: var(--digi--color--marking--indication--secondary--light);
894
+ --digi--color--marking--indication--tertiary: var(--digi--color--marking--indication--tertiary--light);
895
+ --digi--color--marking--navigation--level-active: var(--digi--color--marking--navigation--level-active--light);
896
+ --digi--color--marking--navigation--level-inactive: var(--digi--color--marking--navigation--level-inactive--light);
897
+ --digi--color--marking--navigation--selected: var(--digi--color--marking--navigation--selected--light);
898
+ --digi--color--misc--skeleton: var(--digi--color--misc--skeleton--light);
899
+ --digi--color--misc--spinner-path: var(--digi--color--misc--spinner-path--light);
900
+ --digi--color--text--description: var(--digi--color--text--description--light);
901
+ --digi--color--text--interactive--brand-primary: var(--digi--color--text--interactive--brand-primary--light);
902
+ --digi--color--text--interactive--brand-primary-secondary-hypotes: var(--digi--color--text--interactive--brand-primary-secondary-hypotes--light);
903
+ --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--light);
904
+ --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--light);
905
+ --digi--color--text--interactive--primary-discreet: var(--digi--color--text--interactive--primary-discreet--light);
906
+ --digi--color--text--interactive--secondary: var(--digi--color--text--interactive--secondary--light);
907
+ --digi--color--text--interactive--secondary-discreet: var(--digi--color--text--interactive--secondary-discreet--light);
908
+ --digi--color--text--interactive--tertiary: var(--digi--color--text--interactive--tertiary--light);
909
+ --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--light);
910
+ --digi--color--text--primary: var(--digi--color--text--primary--light);
911
+ --digi--color--text--primary-stay: var(--digi--color--text--primary-stay--light);
912
+ --digi--color--text--secondary: var(--digi--color--text--secondary--light);
913
+ --digi--color--text--secondary-stay: var(--digi--color--text--secondary-stay--light);
914
+ }
911
915
  }
912
916
  @media (prefers-color-scheme: dark) {
913
917
  :root {
@@ -1038,260 +1042,6 @@ License: none (public domain)
1038
1042
  }
1039
1043
  }
1040
1044
 
1041
- html.digi-light {
1042
- --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--light);
1043
- --digi--color--background--dropdown: var(--digi--color--background--dropdown--light);
1044
- --digi--color--background--interactive--default--input-elements: var(--digi--color--background--interactive--default--input-elements--light);
1045
- --digi--color--background--interactive--default--pop-out: var(--digi--color--background--interactive--default--pop-out--light);
1046
- --digi--color--background--interactive--default--primary: var(--digi--color--background--interactive--default--primary--light);
1047
- --digi--color--background--interactive--default--primary-inverted: var(--digi--color--background--interactive--default--primary-inverted--light);
1048
- --digi--color--background--interactive--default--quaternary: var(--digi--color--background--interactive--default--quaternary--light);
1049
- --digi--color--background--interactive--default--quinary-ghost-gra: var(--digi--color--background--interactive--default--quinary-ghost-gra--light);
1050
- --digi--color--background--interactive--default--secondary: var(--digi--color--background--interactive--default--secondary--light);
1051
- --digi--color--background--interactive--default--secondary-inverted: var(--digi--color--background--interactive--default--secondary-inverted--light);
1052
- --digi--color--background--interactive--default--tertiary: var(--digi--color--background--interactive--default--tertiary--light);
1053
- --digi--color--background--interactive--hover--ghost-rider: var(--digi--color--background--interactive--hover--ghost-rider--light);
1054
- --digi--color--background--interactive--hover--inverted: var(--digi--color--background--interactive--hover--inverted--light);
1055
- --digi--color--background--interactive--hover--primary: var(--digi--color--background--interactive--hover--primary--light);
1056
- --digi--color--background--interactive--hover--quarternary: var(--digi--color--background--interactive--hover--quarternary--light);
1057
- --digi--color--background--interactive--hover--secondary: var(--digi--color--background--interactive--hover--secondary--light);
1058
- --digi--color--background--interactive--hover--tertiary: var(--digi--color--background--interactive--hover--tertiary--light);
1059
- --digi--color--background--interactive--selected--on-menu-minus-button: var(--digi--color--background--interactive--selected--on-menu-minus-button--light);
1060
- --digi--color--background--interactive--selected--primary: var(--digi--color--background--interactive--selected--primary--light);
1061
- --digi--color--background--interactive--selected--primary-stay: var(--digi--color--background--interactive--selected--primary-stay--light);
1062
- --digi--color--background--interactive--selected--secondary: var(--digi--color--background--interactive--selected--secondary--light);
1063
- --digi--color--background--interactive--selected--tertiary: var(--digi--color--background--interactive--selected--tertiary--light);
1064
- --digi--color--background--interactive--validation--error: var(--digi--color--background--interactive--validation--error--light);
1065
- --digi--color--background--interactive--validation--success: var(--digi--color--background--interactive--validation--success--light);
1066
- --digi--color--background--interactive--validation--warning: var(--digi--color--background--interactive--validation--warning--light);
1067
- --digi--color--background--notification: var(--digi--color--background--notification--light);
1068
- --digi--color--background--pop-out: var(--digi--color--background--pop-out--light);
1069
- --digi--color--background--primary: var(--digi--color--background--primary--light);
1070
- --digi--color--background--primary-elevated: var(--digi--color--background--primary-elevated--light);
1071
- --digi--color--background--secondary: var(--digi--color--background--secondary--light);
1072
- --digi--color--background--secondary-accent: var(--digi--color--background--secondary-accent--light);
1073
- --digi--color--background--secondary-elevated: var(--digi--color--background--secondary-elevated--light);
1074
- --digi--color--background--secondary-muted: var(--digi--color--background--secondary-muted--light);
1075
- --digi--color--background--sentiment--beta--primary: var(--digi--color--background--sentiment--beta--primary--light);
1076
- --digi--color--background--sentiment--beta--secondary: var(--digi--color--background--sentiment--beta--secondary--light);
1077
- --digi--color--background--sentiment--error--primary: var(--digi--color--background--sentiment--error--primary--light);
1078
- --digi--color--background--sentiment--error--secondary: var(--digi--color--background--sentiment--error--secondary--light);
1079
- --digi--color--background--sentiment--error--tertiary: var(--digi--color--background--sentiment--error--tertiary--light);
1080
- --digi--color--background--sentiment--error--tertiary-discreet: var(--digi--color--background--sentiment--error--tertiary-discreet--light);
1081
- --digi--color--background--sentiment--info--primary: var(--digi--color--background--sentiment--info--primary--light);
1082
- --digi--color--background--sentiment--info--secondary: var(--digi--color--background--sentiment--info--secondary--light);
1083
- --digi--color--background--sentiment--info--tertiary: var(--digi--color--background--sentiment--info--tertiary--light);
1084
- --digi--color--background--sentiment--neutral--primary: var(--digi--color--background--sentiment--neutral--primary--light);
1085
- --digi--color--background--sentiment--neutral--secondary: var(--digi--color--background--sentiment--neutral--secondary--light);
1086
- --digi--color--background--sentiment--neutral--tertiary: var(--digi--color--background--sentiment--neutral--tertiary--light);
1087
- --digi--color--background--sentiment--success--primary: var(--digi--color--background--sentiment--success--primary--light);
1088
- --digi--color--background--sentiment--success--secondary: var(--digi--color--background--sentiment--success--secondary--light);
1089
- --digi--color--background--sentiment--success--tertiary: var(--digi--color--background--sentiment--success--tertiary--light);
1090
- --digi--color--background--sentiment--warning--primary: var(--digi--color--background--sentiment--warning--primary--light);
1091
- --digi--color--background--sentiment--warning--quarternary: var(--digi--color--background--sentiment--warning--quarternary--light);
1092
- --digi--color--background--sentiment--warning--secondary: var(--digi--color--background--sentiment--warning--secondary--light);
1093
- --digi--color--background--sentiment--warning--tertiary: var(--digi--color--background--sentiment--warning--tertiary--light);
1094
- --digi--color--background--surface: var(--digi--color--background--surface--light);
1095
- --digi--color--background--transparent: var(--digi--color--background--transparent--light);
1096
- --digi--color--border--accent--primary: var(--digi--color--border--accent--primary--light);
1097
- --digi--color--border--accent--secondary: var(--digi--color--border--accent--secondary--light);
1098
- --digi--color--border--interactive--default--discreeeeeeet: var(--digi--color--border--interactive--default--discreeeeeeet--light);
1099
- --digi--color--border--interactive--default--inverted: var(--digi--color--border--interactive--default--inverted--light);
1100
- --digi--color--border--interactive--default--on-input: var(--digi--color--border--interactive--default--on-input--light);
1101
- --digi--color--border--interactive--default--on-input-nuance: var(--digi--color--border--interactive--default--on-input-nuance--light);
1102
- --digi--color--border--interactive--default--primary: var(--digi--color--border--interactive--default--primary--light);
1103
- --digi--color--border--interactive--hover--inverted: var(--digi--color--border--interactive--hover--inverted--light);
1104
- --digi--color--border--interactive--hover--primary: var(--digi--color--border--interactive--hover--primary--light);
1105
- --digi--color--border--interactive--hover--secondary: var(--digi--color--border--interactive--hover--secondary--light);
1106
- --digi--color--border--interactive--selected--primary: var(--digi--color--border--interactive--selected--primary--light);
1107
- --digi--color--border--interactive--selected--secondary: var(--digi--color--border--interactive--selected--secondary--light);
1108
- --digi--color--border--interactive--validation--error: var(--digi--color--border--interactive--validation--error--light);
1109
- --digi--color--border--interactive--validation--success: var(--digi--color--border--interactive--validation--success--light);
1110
- --digi--color--border--interactive--validation--warning: var(--digi--color--border--interactive--validation--warning--light);
1111
- --digi--color--border--notification: var(--digi--color--border--notification--light);
1112
- --digi--color--border--sentiment--error: var(--digi--color--border--sentiment--error--light);
1113
- --digi--color--border--sentiment--info: var(--digi--color--border--sentiment--info--light);
1114
- --digi--color--border--sentiment--success: var(--digi--color--border--sentiment--success--light);
1115
- --digi--color--border--sentiment--warning: var(--digi--color--border--sentiment--warning--light);
1116
- --digi--color--border--transparent: var(--digi--color--border--transparent--light);
1117
- --digi--color--divider--cta: var(--digi--color--divider--cta--light);
1118
- --digi--color--divider--on-brand-primary: var(--digi--color--divider--on-brand-primary--light);
1119
- --digi--color--divider--primary: var(--digi--color--divider--primary--light);
1120
- --digi--color--divider--secondary: var(--digi--color--divider--secondary--light);
1121
- --digi--color--divider--tertiary-hypotes: var(--digi--color--divider--tertiary-hypotes--light);
1122
- --digi--color--icon--brand-primary: var(--digi--color--icon--brand-primary--light);
1123
- --digi--color--icon--brand-primary-secondary-hypotes: var(--digi--color--icon--brand-primary-secondary-hypotes--light);
1124
- --digi--color--icon--brand-secondary: var(--digi--color--icon--brand-secondary--light);
1125
- --digi--color--icon--cta: var(--digi--color--icon--cta--light);
1126
- --digi--color--icon--primary: var(--digi--color--icon--primary--light);
1127
- --digi--color--icon--primary-anti-reverse: var(--digi--color--icon--primary-anti-reverse--light);
1128
- --digi--color--icon--secondary: var(--digi--color--icon--secondary--light);
1129
- --digi--color--icon--secondary-reverse: var(--digi--color--icon--secondary-reverse--light);
1130
- --digi--color--icon--validation--error: var(--digi--color--icon--validation--error--light);
1131
- --digi--color--icon--validation--success: var(--digi--color--icon--validation--success--light);
1132
- --digi--color--icon--validation--warning: var(--digi--color--icon--validation--warning--light);
1133
- --digi--color--infographic--background: var(--digi--color--infographic--background--light);
1134
- --digi--color--infographic--brand--primary: var(--digi--color--infographic--brand--primary--light);
1135
- --digi--color--infographic--brand--primary-alt: var(--digi--color--infographic--brand--primary-alt--light);
1136
- --digi--color--infographic--brand--secondary: var(--digi--color--infographic--brand--secondary--light);
1137
- --digi--color--infographic--brand--secondary-alt: var(--digi--color--infographic--brand--secondary-alt--light);
1138
- --digi--color--infographic--lineart: var(--digi--color--infographic--lineart--light);
1139
- --digi--color--logotype--primary--symbol: var(--digi--color--logotype--primary--symbol--light);
1140
- --digi--color--logotype--primary--text: var(--digi--color--logotype--primary--text--light);
1141
- --digi--color--logotype--secondary--symbol: var(--digi--color--logotype--secondary--symbol--light);
1142
- --digi--color--logotype--secondary--text: var(--digi--color--logotype--secondary--text--light);
1143
- --digi--color--marking--indication--marker: var(--digi--color--marking--indication--marker--light);
1144
- --digi--color--marking--indication--primary: var(--digi--color--marking--indication--primary--light);
1145
- --digi--color--marking--indication--secondary: var(--digi--color--marking--indication--secondary--light);
1146
- --digi--color--marking--indication--tertiary: var(--digi--color--marking--indication--tertiary--light);
1147
- --digi--color--marking--navigation--level-active: var(--digi--color--marking--navigation--level-active--light);
1148
- --digi--color--marking--navigation--level-inactive: var(--digi--color--marking--navigation--level-inactive--light);
1149
- --digi--color--marking--navigation--selected: var(--digi--color--marking--navigation--selected--light);
1150
- --digi--color--misc--skeleton: var(--digi--color--misc--skeleton--light);
1151
- --digi--color--misc--spinner-path: var(--digi--color--misc--spinner-path--light);
1152
- --digi--color--text--description: var(--digi--color--text--description--light);
1153
- --digi--color--text--interactive--brand-primary: var(--digi--color--text--interactive--brand-primary--light);
1154
- --digi--color--text--interactive--brand-primary-secondary-hypotes: var(--digi--color--text--interactive--brand-primary-secondary-hypotes--light);
1155
- --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--light);
1156
- --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--light);
1157
- --digi--color--text--interactive--primary-discreet: var(--digi--color--text--interactive--primary-discreet--light);
1158
- --digi--color--text--interactive--secondary: var(--digi--color--text--interactive--secondary--light);
1159
- --digi--color--text--interactive--secondary-discreet: var(--digi--color--text--interactive--secondary-discreet--light);
1160
- --digi--color--text--interactive--tertiary: var(--digi--color--text--interactive--tertiary--light);
1161
- --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--light);
1162
- --digi--color--text--primary: var(--digi--color--text--primary--light);
1163
- --digi--color--text--primary-stay: var(--digi--color--text--primary-stay--light);
1164
- --digi--color--text--secondary: var(--digi--color--text--secondary--light);
1165
- --digi--color--text--secondary-stay: var(--digi--color--text--secondary-stay--light);
1166
- }
1167
-
1168
- html.digi-dark {
1169
- --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--dark);
1170
- --digi--color--background--dropdown: var(--digi--color--background--dropdown--dark);
1171
- --digi--color--background--interactive--default--input-elements: var(--digi--color--background--interactive--default--input-elements--dark);
1172
- --digi--color--background--interactive--default--pop-out: var(--digi--color--background--interactive--default--pop-out--dark);
1173
- --digi--color--background--interactive--default--primary: var(--digi--color--background--interactive--default--primary--dark);
1174
- --digi--color--background--interactive--default--primary-inverted: var(--digi--color--background--interactive--default--primary-inverted--dark);
1175
- --digi--color--background--interactive--default--quaternary: var(--digi--color--background--interactive--default--quaternary--dark);
1176
- --digi--color--background--interactive--default--quinary-ghost-gra: var(--digi--color--background--interactive--default--quinary-ghost-gra--dark);
1177
- --digi--color--background--interactive--default--secondary: var(--digi--color--background--interactive--default--secondary--dark);
1178
- --digi--color--background--interactive--default--secondary-inverted: var(--digi--color--background--interactive--default--secondary-inverted--dark);
1179
- --digi--color--background--interactive--default--tertiary: var(--digi--color--background--interactive--default--tertiary--dark);
1180
- --digi--color--background--interactive--hover--ghost-rider: var(--digi--color--background--interactive--hover--ghost-rider--dark);
1181
- --digi--color--background--interactive--hover--inverted: var(--digi--color--background--interactive--hover--inverted--dark);
1182
- --digi--color--background--interactive--hover--primary: var(--digi--color--background--interactive--hover--primary--dark);
1183
- --digi--color--background--interactive--hover--quarternary: var(--digi--color--background--interactive--hover--quarternary--dark);
1184
- --digi--color--background--interactive--hover--secondary: var(--digi--color--background--interactive--hover--secondary--dark);
1185
- --digi--color--background--interactive--hover--tertiary: var(--digi--color--background--interactive--hover--tertiary--dark);
1186
- --digi--color--background--interactive--selected--on-menu-minus-button: var(--digi--color--background--interactive--selected--on-menu-minus-button--dark);
1187
- --digi--color--background--interactive--selected--primary: var(--digi--color--background--interactive--selected--primary--dark);
1188
- --digi--color--background--interactive--selected--primary-stay: var(--digi--color--background--interactive--selected--primary-stay--dark);
1189
- --digi--color--background--interactive--selected--secondary: var(--digi--color--background--interactive--selected--secondary--dark);
1190
- --digi--color--background--interactive--selected--tertiary: var(--digi--color--background--interactive--selected--tertiary--dark);
1191
- --digi--color--background--interactive--validation--error: var(--digi--color--background--interactive--validation--error--dark);
1192
- --digi--color--background--interactive--validation--success: var(--digi--color--background--interactive--validation--success--dark);
1193
- --digi--color--background--interactive--validation--warning: var(--digi--color--background--interactive--validation--warning--dark);
1194
- --digi--color--background--notification: var(--digi--color--background--notification--dark);
1195
- --digi--color--background--pop-out: var(--digi--color--background--pop-out--dark);
1196
- --digi--color--background--primary: var(--digi--color--background--primary--dark);
1197
- --digi--color--background--primary-elevated: var(--digi--color--background--primary-elevated--dark);
1198
- --digi--color--background--secondary: var(--digi--color--background--secondary--dark);
1199
- --digi--color--background--secondary-accent: var(--digi--color--background--secondary-accent--dark);
1200
- --digi--color--background--secondary-elevated: var(--digi--color--background--secondary-elevated--dark);
1201
- --digi--color--background--secondary-muted: var(--digi--color--background--secondary-muted--dark);
1202
- --digi--color--background--sentiment--beta--primary: var(--digi--color--background--sentiment--beta--primary--dark);
1203
- --digi--color--background--sentiment--beta--secondary: var(--digi--color--background--sentiment--beta--secondary--dark);
1204
- --digi--color--background--sentiment--error--primary: var(--digi--color--background--sentiment--error--primary--dark);
1205
- --digi--color--background--sentiment--error--secondary: var(--digi--color--background--sentiment--error--secondary--dark);
1206
- --digi--color--background--sentiment--error--tertiary: var(--digi--color--background--sentiment--error--tertiary--dark);
1207
- --digi--color--background--sentiment--error--tertiary-discreet: var(--digi--color--background--sentiment--error--tertiary-discreet--dark);
1208
- --digi--color--background--sentiment--info--primary: var(--digi--color--background--sentiment--info--primary--dark);
1209
- --digi--color--background--sentiment--info--secondary: var(--digi--color--background--sentiment--info--secondary--dark);
1210
- --digi--color--background--sentiment--info--tertiary: var(--digi--color--background--sentiment--info--tertiary--dark);
1211
- --digi--color--background--sentiment--neutral--primary: var(--digi--color--background--sentiment--neutral--primary--dark);
1212
- --digi--color--background--sentiment--neutral--secondary: var(--digi--color--background--sentiment--neutral--secondary--dark);
1213
- --digi--color--background--sentiment--neutral--tertiary: var(--digi--color--background--sentiment--neutral--tertiary--dark);
1214
- --digi--color--background--sentiment--success--primary: var(--digi--color--background--sentiment--success--primary--dark);
1215
- --digi--color--background--sentiment--success--secondary: var(--digi--color--background--sentiment--success--secondary--dark);
1216
- --digi--color--background--sentiment--success--tertiary: var(--digi--color--background--sentiment--success--tertiary--dark);
1217
- --digi--color--background--sentiment--warning--primary: var(--digi--color--background--sentiment--warning--primary--dark);
1218
- --digi--color--background--sentiment--warning--quarternary: var(--digi--color--background--sentiment--warning--quarternary--dark);
1219
- --digi--color--background--sentiment--warning--secondary: var(--digi--color--background--sentiment--warning--secondary--dark);
1220
- --digi--color--background--sentiment--warning--tertiary: var(--digi--color--background--sentiment--warning--tertiary--dark);
1221
- --digi--color--background--surface: var(--digi--color--background--surface--dark);
1222
- --digi--color--background--transparent: var(--digi--color--background--transparent--dark);
1223
- --digi--color--border--accent--primary: var(--digi--color--border--accent--primary--dark);
1224
- --digi--color--border--accent--secondary: var(--digi--color--border--accent--secondary--dark);
1225
- --digi--color--border--interactive--default--discreeeeeeet: var(--digi--color--border--interactive--default--discreeeeeeet--dark);
1226
- --digi--color--border--interactive--default--inverted: var(--digi--color--border--interactive--default--inverted--dark);
1227
- --digi--color--border--interactive--default--on-input: var(--digi--color--border--interactive--default--on-input--dark);
1228
- --digi--color--border--interactive--default--on-input-nuance: var(--digi--color--border--interactive--default--on-input-nuance--dark);
1229
- --digi--color--border--interactive--default--primary: var(--digi--color--border--interactive--default--primary--dark);
1230
- --digi--color--border--interactive--hover--inverted: var(--digi--color--border--interactive--hover--inverted--dark);
1231
- --digi--color--border--interactive--hover--primary: var(--digi--color--border--interactive--hover--primary--dark);
1232
- --digi--color--border--interactive--hover--secondary: var(--digi--color--border--interactive--hover--secondary--dark);
1233
- --digi--color--border--interactive--selected--primary: var(--digi--color--border--interactive--selected--primary--dark);
1234
- --digi--color--border--interactive--selected--secondary: var(--digi--color--border--interactive--selected--secondary--dark);
1235
- --digi--color--border--interactive--validation--error: var(--digi--color--border--interactive--validation--error--dark);
1236
- --digi--color--border--interactive--validation--success: var(--digi--color--border--interactive--validation--success--dark);
1237
- --digi--color--border--interactive--validation--warning: var(--digi--color--border--interactive--validation--warning--dark);
1238
- --digi--color--border--notification: var(--digi--color--border--notification--dark);
1239
- --digi--color--border--sentiment--error: var(--digi--color--border--sentiment--error--dark);
1240
- --digi--color--border--sentiment--info: var(--digi--color--border--sentiment--info--dark);
1241
- --digi--color--border--sentiment--success: var(--digi--color--border--sentiment--success--dark);
1242
- --digi--color--border--sentiment--warning: var(--digi--color--border--sentiment--warning--dark);
1243
- --digi--color--border--transparent: var(--digi--color--border--transparent--dark);
1244
- --digi--color--divider--cta: var(--digi--color--divider--cta--dark);
1245
- --digi--color--divider--on-brand-primary: var(--digi--color--divider--on-brand-primary--dark);
1246
- --digi--color--divider--primary: var(--digi--color--divider--primary--dark);
1247
- --digi--color--divider--secondary: var(--digi--color--divider--secondary--dark);
1248
- --digi--color--divider--tertiary-hypotes: var(--digi--color--divider--tertiary-hypotes--dark);
1249
- --digi--color--icon--brand-primary: var(--digi--color--icon--brand-primary--dark);
1250
- --digi--color--icon--brand-primary-secondary-hypotes: var(--digi--color--icon--brand-primary-secondary-hypotes--dark);
1251
- --digi--color--icon--brand-secondary: var(--digi--color--icon--brand-secondary--dark);
1252
- --digi--color--icon--cta: var(--digi--color--icon--cta--dark);
1253
- --digi--color--icon--primary: var(--digi--color--icon--primary--dark);
1254
- --digi--color--icon--primary-anti-reverse: var(--digi--color--icon--primary-anti-reverse--dark);
1255
- --digi--color--icon--secondary: var(--digi--color--icon--secondary--dark);
1256
- --digi--color--icon--secondary-reverse: var(--digi--color--icon--secondary-reverse--dark);
1257
- --digi--color--icon--validation--error: var(--digi--color--icon--validation--error--dark);
1258
- --digi--color--icon--validation--success: var(--digi--color--icon--validation--success--dark);
1259
- --digi--color--icon--validation--warning: var(--digi--color--icon--validation--warning--dark);
1260
- --digi--color--infographic--background: var(--digi--color--infographic--background--dark);
1261
- --digi--color--infographic--brand--primary: var(--digi--color--infographic--brand--primary--dark);
1262
- --digi--color--infographic--brand--primary-alt: var(--digi--color--infographic--brand--primary-alt--dark);
1263
- --digi--color--infographic--brand--secondary: var(--digi--color--infographic--brand--secondary--dark);
1264
- --digi--color--infographic--brand--secondary-alt: var(--digi--color--infographic--brand--secondary-alt--dark);
1265
- --digi--color--infographic--lineart: var(--digi--color--infographic--lineart--dark);
1266
- --digi--color--logotype--primary--symbol: var(--digi--color--logotype--primary--symbol--dark);
1267
- --digi--color--logotype--primary--text: var(--digi--color--logotype--primary--text--dark);
1268
- --digi--color--logotype--secondary--symbol: var(--digi--color--logotype--secondary--symbol--dark);
1269
- --digi--color--logotype--secondary--text: var(--digi--color--logotype--secondary--text--dark);
1270
- --digi--color--marking--indication--marker: var(--digi--color--marking--indication--marker--dark);
1271
- --digi--color--marking--indication--primary: var(--digi--color--marking--indication--primary--dark);
1272
- --digi--color--marking--indication--secondary: var(--digi--color--marking--indication--secondary--dark);
1273
- --digi--color--marking--indication--tertiary: var(--digi--color--marking--indication--tertiary--dark);
1274
- --digi--color--marking--navigation--level-active: var(--digi--color--marking--navigation--level-active--dark);
1275
- --digi--color--marking--navigation--level-inactive: var(--digi--color--marking--navigation--level-inactive--dark);
1276
- --digi--color--marking--navigation--selected: var(--digi--color--marking--navigation--selected--dark);
1277
- --digi--color--misc--skeleton: var(--digi--color--misc--skeleton--dark);
1278
- --digi--color--misc--spinner-path: var(--digi--color--misc--spinner-path--dark);
1279
- --digi--color--text--description: var(--digi--color--text--description--dark);
1280
- --digi--color--text--interactive--brand-primary: var(--digi--color--text--interactive--brand-primary--dark);
1281
- --digi--color--text--interactive--brand-primary-secondary-hypotes: var(--digi--color--text--interactive--brand-primary-secondary-hypotes--dark);
1282
- --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--dark);
1283
- --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--dark);
1284
- --digi--color--text--interactive--primary-discreet: var(--digi--color--text--interactive--primary-discreet--dark);
1285
- --digi--color--text--interactive--secondary: var(--digi--color--text--interactive--secondary--dark);
1286
- --digi--color--text--interactive--secondary-discreet: var(--digi--color--text--interactive--secondary-discreet--dark);
1287
- --digi--color--text--interactive--tertiary: var(--digi--color--text--interactive--tertiary--dark);
1288
- --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--dark);
1289
- --digi--color--text--primary: var(--digi--color--text--primary--dark);
1290
- --digi--color--text--primary-stay: var(--digi--color--text--primary-stay--dark);
1291
- --digi--color--text--secondary: var(--digi--color--text--secondary--dark);
1292
- --digi--color--text--secondary-stay: var(--digi--color--text--secondary-stay--dark);
1293
- }
1294
-
1295
1045
  body {
1296
1046
  font-size: 1rem;
1297
1047
  font-family: "Open Sans", Arial, sans-serif;