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

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 (31) hide show
  1. package/components/digi-calendar-datepicker.js +1 -1
  2. package/components/digi-form-checkbox.js +1 -1
  3. package/components/digi-form-filter.js +1 -1
  4. package/components/digi-header-avatar.js +1 -1
  5. package/components/digi-info-card.js +1 -1
  6. package/components/digi-link-internal.js +1 -1
  7. package/components/{p-8c4cbca6.js → p-a90b746e.js} +1 -1
  8. package/components/{p-4b1d11d0.js → p-fdb31c30.js} +1 -1
  9. package/dist/cjs/digi-button_84.cjs.entry.js +4 -4
  10. package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.css +378 -128
  11. package/dist/collection/components/_form/form-checkbox/form-checkbox.css +378 -128
  12. package/dist/collection/components/_header/header-avatar/header-avatar.css +378 -128
  13. package/dist/collection/components/_link/link-internal/link-internal.css +378 -128
  14. package/dist/collection/design-tokens/components/_logo.variables.scss +2 -0
  15. package/dist/collection/styles/src/_alias.mixin.scss +2 -252
  16. package/dist/collection/styles/src/index.scss +16 -2
  17. package/dist/collection/styles/src/themes/_alias-dark.scss +126 -0
  18. package/dist/collection/styles/src/themes/_alias-light.scss +126 -0
  19. package/dist/digi-arbetsformedlingen/design-tokens/components/_logo.variables.scss +15 -17
  20. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.css +1 -1
  21. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
  22. package/dist/digi-arbetsformedlingen/p-ad638968.entry.js +1 -0
  23. package/dist/digi-arbetsformedlingen/styles/src/_alias.mixin.scss +2 -252
  24. package/dist/digi-arbetsformedlingen/styles/src/index.scss +16 -2
  25. package/dist/digi-arbetsformedlingen/styles/src/themes/_alias-dark.scss +126 -0
  26. package/dist/digi-arbetsformedlingen/styles/src/themes/_alias-light.scss +126 -0
  27. package/dist/esm/digi-button_84.entry.js +4 -4
  28. package/hydrate/index.js +4 -4
  29. package/hydrate/index.mjs +4 -4
  30. package/package.json +1 -1
  31. package/dist/digi-arbetsformedlingen/p-922f4556.entry.js +0 -1
@@ -784,134 +784,130 @@ 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
- }
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
- }
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);
915
911
  }
916
912
  @media (prefers-color-scheme: dark) {
917
913
  :root {
@@ -1042,6 +1038,260 @@ License: none (public domain)
1042
1038
  }
1043
1039
  }
1044
1040
 
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
+
1045
1295
  body {
1046
1296
  font-size: 1rem;
1047
1297
  font-family: "Open Sans", Arial, sans-serif;