@db-ux/core-foundations 1.0.0-test-13b991d

package/build/ide/db.ide.css

@@ -0,0 +1,1072 @@
+/* DON'T USE THIS FILE IN PRODUCTION. */
+
+/* THIS IS ONLY FOR YOUR IDEs AUTO-COMPLETE. */
+head {
+	/* DIMENSION */
+
+	/* https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-3/foundation/sizing */
+	--db-sizing-3xs: "Use sizing's for fixed heights/widths e.g. the db-button has always a fixed height.";
+	--db-sizing-2xs: "Use sizing's for fixed heights/widths e.g. the db-button has always a fixed height.";
+	--db-sizing-xs: "Use sizing's for fixed heights/widths e.g. the db-button has always a fixed height.";
+	--db-sizing-sm: "Use sizing's for fixed heights/widths e.g. the db-button has always a fixed height.";
+	--db-sizing-md: "Use sizing's for fixed heights/widths e.g. the db-button has always a fixed height.";
+	--db-sizing-lg: "Use sizing's for fixed heights/widths e.g. the db-button has always a fixed height.";
+	--db-sizing-xl: "Use sizing's for fixed heights/widths e.g. the db-button has always a fixed height.";
+	--db-sizing-2xl: "Use sizing's for fixed heights/widths e.g. the db-button has always a fixed height.";
+	--db-sizing-3xl: "Use sizing's for fixed heights/widths e.g. the db-button has always a fixed height.";
+
+	/* https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-3/foundation/spacing */
+	--db-spacing-fixed-3xs: "Use fixed spacings for all kind of distances (margin, padding, ...).";
+	--db-spacing-fixed-2xs: "Use fixed spacings for all kind of distances (margin, padding, ...).";
+	--db-spacing-fixed-xs: "Use fixed spacings for all kind of distances (margin, padding, ...).";
+	--db-spacing-fixed-sm: "Use fixed spacings for all kind of distances (margin, padding, ...).";
+	--db-spacing-fixed-md: "Use fixed spacings for all kind of distances (margin, padding, ...).";
+	--db-spacing-fixed-lg: "Use fixed spacings for all kind of distances (margin, padding, ...).";
+	--db-spacing-fixed-xl: "Use fixed spacings for all kind of distances (margin, padding, ...).";
+	--db-spacing-fixed-2xl: "Use fixed spacings for all kind of distances (margin, padding, ...).";
+	--db-spacing-fixed-3xl: "Use fixed spacings for all kind of distances (margin, padding, ...).";
+
+	/* https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-3/foundation/spacing */
+	--db-spacing-responsive-3xs: "The primary use-case for responsive spacings are paddings/gaps in an application e.g. the <main> should have a responsive padding.";
+	--db-spacing-responsive-2xs: "The primary use-case for responsive spacings are paddings/gaps in an application e.g. the <main> should have a responsive padding.";
+	--db-spacing-responsive-xs: "The primary use-case for responsive spacings are paddings/gaps in an application e.g. the <main> should have a responsive padding.";
+	--db-spacing-responsive-sm: "The primary use-case for responsive spacings are paddings/gaps in an application e.g. the <main> should have a responsive padding.";
+	--db-spacing-responsive-md: "The primary use-case for responsive spacings are paddings/gaps in an application e.g. the <main> should have a responsive padding.";
+	--db-spacing-responsive-lg: "The primary use-case for responsive spacings are paddings/gaps in an application e.g. the <main> should have a responsive padding.";
+	--db-spacing-responsive-xl: "The primary use-case for responsive spacings are paddings/gaps in an application e.g. the <main> should have a responsive padding.";
+	--db-spacing-responsive-2xl: "The primary use-case for responsive spacings are paddings/gaps in an application e.g. the <main> should have a responsive padding.";
+	--db-spacing-responsive-3xl: "The primary use-case for responsive spacings are paddings/gaps in an application e.g. the <main> should have a responsive padding.";
+
+	/* https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-3/foundation/elevation */
+	--db-elevation-sm: "Changes elevation of element.";
+	--db-elevation-md: "Changes elevation of element.";
+	--db-elevation-lg: "Changes elevation of element.";
+
+	/* https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-3/foundation/border-height */
+	--db-border-height-3xs: "Changes border-height of element";
+	--db-border-height-2xs: "Changes border-height of element";
+	--db-border-height-xs: "Changes border-height of element";
+	--db-border-height-sm: "Changes border-height of element";
+	--db-border-height-md: "Changes border-height of element";
+	--db-border-height-lg: "Changes border-height of element";
+	--db-border-height-xl: "Changes border-height of element";
+	--db-border-height-2xl: "Changes border-height of element";
+	--db-border-height-3xl: "Changes border-height of element";
+
+	/* https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-3/foundation/border-radius */
+	--db-border-radius-3xs: "Changes border-radius of element";
+	--db-border-radius-2xs: "Changes border-radius of element";
+	--db-border-radius-xs: "Changes border-radius of element";
+	--db-border-radius-sm: "Changes border-radius of element";
+	--db-border-radius-md: "Changes border-radius of element";
+	--db-border-radius-lg: "Changes border-radius of element";
+	--db-border-radius-xl: "Changes border-radius of element";
+	--db-border-radius-2xl: "Changes border-radius of element";
+	--db-border-radius-3xl: "Changes border-radius of element";
+
+	/* COLORS */
+
+	/* NOTE: Most of the time you just need adaptive. */
+
+	/* https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-3/foundation/colors */
+
+	/* ADAPTIVE */
+	--db-adaptive-bg-basic-level-1-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-adaptive-bg-basic-level-2-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-adaptive-bg-basic-level-3-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-adaptive-bg-basic-transparent-semi-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-adaptive-bg-basic-transparent-full-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-adaptive-on-bg-basic-emphasis-100-default: "Change the foreground color with another emphasis of the current element.";
+	--db-adaptive-on-bg-basic-emphasis-90-default: "Change the foreground color with another emphasis of the current element.";
+	--db-adaptive-on-bg-basic-emphasis-80-default: "Change the foreground color with another emphasis of the current element.";
+	--db-adaptive-on-bg-basic-emphasis-70-default: "Change the foreground color with another emphasis of the current element.";
+	--db-adaptive-on-bg-basic-emphasis-60-default: "Change the foreground color with another emphasis of the current element.";
+	--db-adaptive-on-bg-basic-emphasis-50-default: "Change the foreground color with another emphasis of the current element.";
+	--db-adaptive-bg-inverted-contrast-max-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-adaptive-bg-inverted-contrast-high-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-adaptive-bg-inverted-contrast-low-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-adaptive-on-bg-inverted-default: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-adaptive-origin-default: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-adaptive-on-origin-default: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-adaptive-bg-basic-level-1-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-adaptive-bg-basic-level-2-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-adaptive-bg-basic-level-3-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-adaptive-bg-basic-transparent-semi-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-adaptive-bg-basic-transparent-full-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-adaptive-on-bg-basic-emphasis-100-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-adaptive-on-bg-basic-emphasis-90-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-adaptive-on-bg-basic-emphasis-80-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-adaptive-on-bg-basic-emphasis-70-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-adaptive-on-bg-basic-emphasis-60-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-adaptive-on-bg-basic-emphasis-50-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-adaptive-bg-inverted-contrast-max-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-adaptive-bg-inverted-contrast-high-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-adaptive-bg-inverted-contrast-low-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-adaptive-on-bg-inverted-hovered: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-adaptive-origin-hovered: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-adaptive-on-origin-hovered: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-adaptive-bg-basic-level-1-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-adaptive-bg-basic-level-2-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-adaptive-bg-basic-level-3-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-adaptive-bg-basic-transparent-semi-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-adaptive-bg-basic-transparent-full-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-adaptive-on-bg-basic-emphasis-100-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-adaptive-on-bg-basic-emphasis-90-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-adaptive-on-bg-basic-emphasis-80-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-adaptive-on-bg-basic-emphasis-70-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-adaptive-on-bg-basic-emphasis-60-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-adaptive-on-bg-basic-emphasis-50-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-adaptive-bg-inverted-contrast-max-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-adaptive-bg-inverted-contrast-high-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-adaptive-bg-inverted-contrast-low-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-adaptive-on-bg-inverted-pressed: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-adaptive-origin-pressed: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-adaptive-on-origin-pressed: "Change the foreground color of the current element. Only used with origin as background color.";
+
+	/* NEUTRAL */
+	--db-neutral-bg-basic-level-1-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-neutral-bg-basic-level-2-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-neutral-bg-basic-level-3-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-neutral-bg-basic-transparent-semi-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-neutral-bg-basic-transparent-full-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-neutral-on-bg-basic-emphasis-100-default: "Change the foreground color with another emphasis of the current element.";
+	--db-neutral-on-bg-basic-emphasis-90-default: "Change the foreground color with another emphasis of the current element.";
+	--db-neutral-on-bg-basic-emphasis-80-default: "Change the foreground color with another emphasis of the current element.";
+	--db-neutral-on-bg-basic-emphasis-70-default: "Change the foreground color with another emphasis of the current element.";
+	--db-neutral-on-bg-basic-emphasis-60-default: "Change the foreground color with another emphasis of the current element.";
+	--db-neutral-on-bg-basic-emphasis-50-default: "Change the foreground color with another emphasis of the current element.";
+	--db-neutral-bg-inverted-contrast-max-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-neutral-bg-inverted-contrast-high-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-neutral-bg-inverted-contrast-low-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-neutral-on-bg-inverted-default: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-neutral-origin-default: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-neutral-on-origin-default: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-neutral-bg-basic-level-1-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-neutral-bg-basic-level-2-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-neutral-bg-basic-level-3-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-neutral-bg-basic-transparent-semi-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-neutral-bg-basic-transparent-full-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-neutral-on-bg-basic-emphasis-100-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-neutral-on-bg-basic-emphasis-90-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-neutral-on-bg-basic-emphasis-80-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-neutral-on-bg-basic-emphasis-70-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-neutral-on-bg-basic-emphasis-60-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-neutral-on-bg-basic-emphasis-50-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-neutral-bg-inverted-contrast-max-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-neutral-bg-inverted-contrast-high-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-neutral-bg-inverted-contrast-low-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-neutral-on-bg-inverted-hovered: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-neutral-origin-hovered: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-neutral-on-origin-hovered: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-neutral-bg-basic-level-1-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-neutral-bg-basic-level-2-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-neutral-bg-basic-level-3-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-neutral-bg-basic-transparent-semi-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-neutral-bg-basic-transparent-full-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-neutral-on-bg-basic-emphasis-100-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-neutral-on-bg-basic-emphasis-90-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-neutral-on-bg-basic-emphasis-80-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-neutral-on-bg-basic-emphasis-70-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-neutral-on-bg-basic-emphasis-60-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-neutral-on-bg-basic-emphasis-50-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-neutral-bg-inverted-contrast-max-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-neutral-bg-inverted-contrast-high-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-neutral-bg-inverted-contrast-low-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-neutral-on-bg-inverted-pressed: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-neutral-origin-pressed: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-neutral-on-origin-pressed: "Change the foreground color of the current element. Only used with origin as background color.";
+
+	/* BRAND */
+	--db-brand-bg-basic-level-1-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-brand-bg-basic-level-2-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-brand-bg-basic-level-3-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-brand-bg-basic-transparent-semi-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-brand-bg-basic-transparent-full-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-brand-on-bg-basic-emphasis-100-default: "Change the foreground color with another emphasis of the current element.";
+	--db-brand-on-bg-basic-emphasis-90-default: "Change the foreground color with another emphasis of the current element.";
+	--db-brand-on-bg-basic-emphasis-80-default: "Change the foreground color with another emphasis of the current element.";
+	--db-brand-on-bg-basic-emphasis-70-default: "Change the foreground color with another emphasis of the current element.";
+	--db-brand-on-bg-basic-emphasis-60-default: "Change the foreground color with another emphasis of the current element.";
+	--db-brand-on-bg-basic-emphasis-50-default: "Change the foreground color with another emphasis of the current element.";
+	--db-brand-bg-inverted-contrast-max-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-brand-bg-inverted-contrast-high-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-brand-bg-inverted-contrast-low-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-brand-on-bg-inverted-default: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-brand-origin-default: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-brand-on-origin-default: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-brand-bg-basic-level-1-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-brand-bg-basic-level-2-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-brand-bg-basic-level-3-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-brand-bg-basic-transparent-semi-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-brand-bg-basic-transparent-full-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-brand-on-bg-basic-emphasis-100-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-brand-on-bg-basic-emphasis-90-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-brand-on-bg-basic-emphasis-80-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-brand-on-bg-basic-emphasis-70-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-brand-on-bg-basic-emphasis-60-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-brand-on-bg-basic-emphasis-50-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-brand-bg-inverted-contrast-max-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-brand-bg-inverted-contrast-high-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-brand-bg-inverted-contrast-low-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-brand-on-bg-inverted-hovered: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-brand-origin-hovered: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-brand-on-origin-hovered: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-brand-bg-basic-level-1-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-brand-bg-basic-level-2-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-brand-bg-basic-level-3-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-brand-bg-basic-transparent-semi-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-brand-bg-basic-transparent-full-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-brand-on-bg-basic-emphasis-100-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-brand-on-bg-basic-emphasis-90-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-brand-on-bg-basic-emphasis-80-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-brand-on-bg-basic-emphasis-70-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-brand-on-bg-basic-emphasis-60-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-brand-on-bg-basic-emphasis-50-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-brand-bg-inverted-contrast-max-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-brand-bg-inverted-contrast-high-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-brand-bg-inverted-contrast-low-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-brand-on-bg-inverted-pressed: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-brand-origin-pressed: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-brand-on-origin-pressed: "Change the foreground color of the current element. Only used with origin as background color.";
+
+	/* INFORMATIONAL */
+	--db-informational-bg-basic-level-1-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-informational-bg-basic-level-2-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-informational-bg-basic-level-3-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-informational-bg-basic-transparent-semi-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-informational-bg-basic-transparent-full-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-informational-on-bg-basic-emphasis-100-default: "Change the foreground color with another emphasis of the current element.";
+	--db-informational-on-bg-basic-emphasis-90-default: "Change the foreground color with another emphasis of the current element.";
+	--db-informational-on-bg-basic-emphasis-80-default: "Change the foreground color with another emphasis of the current element.";
+	--db-informational-on-bg-basic-emphasis-70-default: "Change the foreground color with another emphasis of the current element.";
+	--db-informational-on-bg-basic-emphasis-60-default: "Change the foreground color with another emphasis of the current element.";
+	--db-informational-on-bg-basic-emphasis-50-default: "Change the foreground color with another emphasis of the current element.";
+	--db-informational-bg-inverted-contrast-max-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-informational-bg-inverted-contrast-high-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-informational-bg-inverted-contrast-low-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-informational-on-bg-inverted-default: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-informational-origin-default: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-informational-on-origin-default: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-informational-bg-basic-level-1-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-informational-bg-basic-level-2-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-informational-bg-basic-level-3-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-informational-bg-basic-transparent-semi-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-informational-bg-basic-transparent-full-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-informational-on-bg-basic-emphasis-100-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-informational-on-bg-basic-emphasis-90-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-informational-on-bg-basic-emphasis-80-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-informational-on-bg-basic-emphasis-70-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-informational-on-bg-basic-emphasis-60-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-informational-on-bg-basic-emphasis-50-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-informational-bg-inverted-contrast-max-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-informational-bg-inverted-contrast-high-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-informational-bg-inverted-contrast-low-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-informational-on-bg-inverted-hovered: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-informational-origin-hovered: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-informational-on-origin-hovered: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-informational-bg-basic-level-1-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-informational-bg-basic-level-2-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-informational-bg-basic-level-3-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-informational-bg-basic-transparent-semi-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-informational-bg-basic-transparent-full-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-informational-on-bg-basic-emphasis-100-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-informational-on-bg-basic-emphasis-90-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-informational-on-bg-basic-emphasis-80-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-informational-on-bg-basic-emphasis-70-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-informational-on-bg-basic-emphasis-60-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-informational-on-bg-basic-emphasis-50-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-informational-bg-inverted-contrast-max-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-informational-bg-inverted-contrast-high-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-informational-bg-inverted-contrast-low-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-informational-on-bg-inverted-pressed: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-informational-origin-pressed: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-informational-on-origin-pressed: "Change the foreground color of the current element. Only used with origin as background color.";
+
+	/* WARNING */
+	--db-warning-bg-basic-level-1-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-warning-bg-basic-level-2-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-warning-bg-basic-level-3-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-warning-bg-basic-transparent-semi-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-warning-bg-basic-transparent-full-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-warning-on-bg-basic-emphasis-100-default: "Change the foreground color with another emphasis of the current element.";
+	--db-warning-on-bg-basic-emphasis-90-default: "Change the foreground color with another emphasis of the current element.";
+	--db-warning-on-bg-basic-emphasis-80-default: "Change the foreground color with another emphasis of the current element.";
+	--db-warning-on-bg-basic-emphasis-70-default: "Change the foreground color with another emphasis of the current element.";
+	--db-warning-on-bg-basic-emphasis-60-default: "Change the foreground color with another emphasis of the current element.";
+	--db-warning-on-bg-basic-emphasis-50-default: "Change the foreground color with another emphasis of the current element.";
+	--db-warning-bg-inverted-contrast-max-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-warning-bg-inverted-contrast-high-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-warning-bg-inverted-contrast-low-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-warning-on-bg-inverted-default: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-warning-origin-default: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-warning-on-origin-default: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-warning-bg-basic-level-1-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-warning-bg-basic-level-2-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-warning-bg-basic-level-3-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-warning-bg-basic-transparent-semi-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-warning-bg-basic-transparent-full-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-warning-on-bg-basic-emphasis-100-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-warning-on-bg-basic-emphasis-90-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-warning-on-bg-basic-emphasis-80-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-warning-on-bg-basic-emphasis-70-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-warning-on-bg-basic-emphasis-60-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-warning-on-bg-basic-emphasis-50-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-warning-bg-inverted-contrast-max-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-warning-bg-inverted-contrast-high-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-warning-bg-inverted-contrast-low-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-warning-on-bg-inverted-hovered: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-warning-origin-hovered: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-warning-on-origin-hovered: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-warning-bg-basic-level-1-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-warning-bg-basic-level-2-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-warning-bg-basic-level-3-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-warning-bg-basic-transparent-semi-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-warning-bg-basic-transparent-full-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-warning-on-bg-basic-emphasis-100-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-warning-on-bg-basic-emphasis-90-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-warning-on-bg-basic-emphasis-80-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-warning-on-bg-basic-emphasis-70-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-warning-on-bg-basic-emphasis-60-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-warning-on-bg-basic-emphasis-50-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-warning-bg-inverted-contrast-max-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-warning-bg-inverted-contrast-high-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-warning-bg-inverted-contrast-low-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-warning-on-bg-inverted-pressed: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-warning-origin-pressed: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-warning-on-origin-pressed: "Change the foreground color of the current element. Only used with origin as background color.";
+
+	/* SUCCESSFUL */
+	--db-successful-bg-basic-level-1-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-successful-bg-basic-level-2-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-successful-bg-basic-level-3-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-successful-bg-basic-transparent-semi-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-successful-bg-basic-transparent-full-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-successful-on-bg-basic-emphasis-100-default: "Change the foreground color with another emphasis of the current element.";
+	--db-successful-on-bg-basic-emphasis-90-default: "Change the foreground color with another emphasis of the current element.";
+	--db-successful-on-bg-basic-emphasis-80-default: "Change the foreground color with another emphasis of the current element.";
+	--db-successful-on-bg-basic-emphasis-70-default: "Change the foreground color with another emphasis of the current element.";
+	--db-successful-on-bg-basic-emphasis-60-default: "Change the foreground color with another emphasis of the current element.";
+	--db-successful-on-bg-basic-emphasis-50-default: "Change the foreground color with another emphasis of the current element.";
+	--db-successful-bg-inverted-contrast-max-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-successful-bg-inverted-contrast-high-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-successful-bg-inverted-contrast-low-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-successful-on-bg-inverted-default: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-successful-origin-default: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-successful-on-origin-default: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-successful-bg-basic-level-1-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-successful-bg-basic-level-2-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-successful-bg-basic-level-3-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-successful-bg-basic-transparent-semi-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-successful-bg-basic-transparent-full-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-successful-on-bg-basic-emphasis-100-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-successful-on-bg-basic-emphasis-90-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-successful-on-bg-basic-emphasis-80-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-successful-on-bg-basic-emphasis-70-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-successful-on-bg-basic-emphasis-60-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-successful-on-bg-basic-emphasis-50-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-successful-bg-inverted-contrast-max-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-successful-bg-inverted-contrast-high-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-successful-bg-inverted-contrast-low-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-successful-on-bg-inverted-hovered: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-successful-origin-hovered: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-successful-on-origin-hovered: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-successful-bg-basic-level-1-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-successful-bg-basic-level-2-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-successful-bg-basic-level-3-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-successful-bg-basic-transparent-semi-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-successful-bg-basic-transparent-full-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-successful-on-bg-basic-emphasis-100-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-successful-on-bg-basic-emphasis-90-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-successful-on-bg-basic-emphasis-80-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-successful-on-bg-basic-emphasis-70-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-successful-on-bg-basic-emphasis-60-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-successful-on-bg-basic-emphasis-50-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-successful-bg-inverted-contrast-max-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-successful-bg-inverted-contrast-high-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-successful-bg-inverted-contrast-low-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-successful-on-bg-inverted-pressed: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-successful-origin-pressed: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-successful-on-origin-pressed: "Change the foreground color of the current element. Only used with origin as background color.";
+
+	/* CRITICAL */
+	--db-critical-bg-basic-level-1-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-critical-bg-basic-level-2-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-critical-bg-basic-level-3-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-critical-bg-basic-transparent-semi-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-critical-bg-basic-transparent-full-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-critical-on-bg-basic-emphasis-100-default: "Change the foreground color with another emphasis of the current element.";
+	--db-critical-on-bg-basic-emphasis-90-default: "Change the foreground color with another emphasis of the current element.";
+	--db-critical-on-bg-basic-emphasis-80-default: "Change the foreground color with another emphasis of the current element.";
+	--db-critical-on-bg-basic-emphasis-70-default: "Change the foreground color with another emphasis of the current element.";
+	--db-critical-on-bg-basic-emphasis-60-default: "Change the foreground color with another emphasis of the current element.";
+	--db-critical-on-bg-basic-emphasis-50-default: "Change the foreground color with another emphasis of the current element.";
+	--db-critical-bg-inverted-contrast-max-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-critical-bg-inverted-contrast-high-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-critical-bg-inverted-contrast-low-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-critical-on-bg-inverted-default: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-critical-origin-default: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-critical-on-origin-default: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-critical-bg-basic-level-1-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-critical-bg-basic-level-2-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-critical-bg-basic-level-3-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-critical-bg-basic-transparent-semi-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-critical-bg-basic-transparent-full-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-critical-on-bg-basic-emphasis-100-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-critical-on-bg-basic-emphasis-90-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-critical-on-bg-basic-emphasis-80-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-critical-on-bg-basic-emphasis-70-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-critical-on-bg-basic-emphasis-60-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-critical-on-bg-basic-emphasis-50-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-critical-bg-inverted-contrast-max-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-critical-bg-inverted-contrast-high-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-critical-bg-inverted-contrast-low-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-critical-on-bg-inverted-hovered: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-critical-origin-hovered: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-critical-on-origin-hovered: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-critical-bg-basic-level-1-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-critical-bg-basic-level-2-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-critical-bg-basic-level-3-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-critical-bg-basic-transparent-semi-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-critical-bg-basic-transparent-full-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-critical-on-bg-basic-emphasis-100-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-critical-on-bg-basic-emphasis-90-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-critical-on-bg-basic-emphasis-80-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-critical-on-bg-basic-emphasis-70-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-critical-on-bg-basic-emphasis-60-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-critical-on-bg-basic-emphasis-50-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-critical-bg-inverted-contrast-max-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-critical-bg-inverted-contrast-high-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-critical-bg-inverted-contrast-low-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-critical-on-bg-inverted-pressed: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-critical-origin-pressed: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-critical-on-origin-pressed: "Change the foreground color of the current element. Only used with origin as background color.";
+
+	/* YELLOW */
+	--db-yellow-bg-basic-level-1-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-yellow-bg-basic-level-2-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-yellow-bg-basic-level-3-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-yellow-bg-basic-transparent-semi-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-yellow-bg-basic-transparent-full-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-yellow-on-bg-basic-emphasis-100-default: "Change the foreground color with another emphasis of the current element.";
+	--db-yellow-on-bg-basic-emphasis-90-default: "Change the foreground color with another emphasis of the current element.";
+	--db-yellow-on-bg-basic-emphasis-80-default: "Change the foreground color with another emphasis of the current element.";
+	--db-yellow-on-bg-basic-emphasis-70-default: "Change the foreground color with another emphasis of the current element.";
+	--db-yellow-on-bg-basic-emphasis-60-default: "Change the foreground color with another emphasis of the current element.";
+	--db-yellow-on-bg-basic-emphasis-50-default: "Change the foreground color with another emphasis of the current element.";
+	--db-yellow-bg-inverted-contrast-max-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-yellow-bg-inverted-contrast-high-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-yellow-bg-inverted-contrast-low-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-yellow-on-bg-inverted-default: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-yellow-origin-default: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-yellow-on-origin-default: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-yellow-bg-basic-level-1-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-yellow-bg-basic-level-2-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-yellow-bg-basic-level-3-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-yellow-bg-basic-transparent-semi-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-yellow-bg-basic-transparent-full-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-yellow-on-bg-basic-emphasis-100-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-yellow-on-bg-basic-emphasis-90-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-yellow-on-bg-basic-emphasis-80-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-yellow-on-bg-basic-emphasis-70-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-yellow-on-bg-basic-emphasis-60-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-yellow-on-bg-basic-emphasis-50-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-yellow-bg-inverted-contrast-max-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-yellow-bg-inverted-contrast-high-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-yellow-bg-inverted-contrast-low-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-yellow-on-bg-inverted-hovered: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-yellow-origin-hovered: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-yellow-on-origin-hovered: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-yellow-bg-basic-level-1-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-yellow-bg-basic-level-2-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-yellow-bg-basic-level-3-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-yellow-bg-basic-transparent-semi-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-yellow-bg-basic-transparent-full-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-yellow-on-bg-basic-emphasis-100-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-yellow-on-bg-basic-emphasis-90-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-yellow-on-bg-basic-emphasis-80-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-yellow-on-bg-basic-emphasis-70-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-yellow-on-bg-basic-emphasis-60-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-yellow-on-bg-basic-emphasis-50-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-yellow-bg-inverted-contrast-max-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-yellow-bg-inverted-contrast-high-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-yellow-bg-inverted-contrast-low-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-yellow-on-bg-inverted-pressed: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-yellow-origin-pressed: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-yellow-on-origin-pressed: "Change the foreground color of the current element. Only used with origin as background color.";
+
+	/* ORANGE */
+	--db-orange-bg-basic-level-1-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-orange-bg-basic-level-2-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-orange-bg-basic-level-3-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-orange-bg-basic-transparent-semi-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-orange-bg-basic-transparent-full-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-orange-on-bg-basic-emphasis-100-default: "Change the foreground color with another emphasis of the current element.";
+	--db-orange-on-bg-basic-emphasis-90-default: "Change the foreground color with another emphasis of the current element.";
+	--db-orange-on-bg-basic-emphasis-80-default: "Change the foreground color with another emphasis of the current element.";
+	--db-orange-on-bg-basic-emphasis-70-default: "Change the foreground color with another emphasis of the current element.";
+	--db-orange-on-bg-basic-emphasis-60-default: "Change the foreground color with another emphasis of the current element.";
+	--db-orange-on-bg-basic-emphasis-50-default: "Change the foreground color with another emphasis of the current element.";
+	--db-orange-bg-inverted-contrast-max-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-orange-bg-inverted-contrast-high-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-orange-bg-inverted-contrast-low-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-orange-on-bg-inverted-default: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-orange-origin-default: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-orange-on-origin-default: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-orange-bg-basic-level-1-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-orange-bg-basic-level-2-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-orange-bg-basic-level-3-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-orange-bg-basic-transparent-semi-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-orange-bg-basic-transparent-full-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-orange-on-bg-basic-emphasis-100-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-orange-on-bg-basic-emphasis-90-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-orange-on-bg-basic-emphasis-80-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-orange-on-bg-basic-emphasis-70-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-orange-on-bg-basic-emphasis-60-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-orange-on-bg-basic-emphasis-50-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-orange-bg-inverted-contrast-max-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-orange-bg-inverted-contrast-high-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-orange-bg-inverted-contrast-low-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-orange-on-bg-inverted-hovered: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-orange-origin-hovered: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-orange-on-origin-hovered: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-orange-bg-basic-level-1-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-orange-bg-basic-level-2-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-orange-bg-basic-level-3-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-orange-bg-basic-transparent-semi-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-orange-bg-basic-transparent-full-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-orange-on-bg-basic-emphasis-100-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-orange-on-bg-basic-emphasis-90-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-orange-on-bg-basic-emphasis-80-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-orange-on-bg-basic-emphasis-70-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-orange-on-bg-basic-emphasis-60-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-orange-on-bg-basic-emphasis-50-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-orange-bg-inverted-contrast-max-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-orange-bg-inverted-contrast-high-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-orange-bg-inverted-contrast-low-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-orange-on-bg-inverted-pressed: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-orange-origin-pressed: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-orange-on-origin-pressed: "Change the foreground color of the current element. Only used with origin as background color.";
+
+	/* RED */
+	--db-red-bg-basic-level-1-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-red-bg-basic-level-2-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-red-bg-basic-level-3-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-red-bg-basic-transparent-semi-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-red-bg-basic-transparent-full-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-red-on-bg-basic-emphasis-100-default: "Change the foreground color with another emphasis of the current element.";
+	--db-red-on-bg-basic-emphasis-90-default: "Change the foreground color with another emphasis of the current element.";
+	--db-red-on-bg-basic-emphasis-80-default: "Change the foreground color with another emphasis of the current element.";
+	--db-red-on-bg-basic-emphasis-70-default: "Change the foreground color with another emphasis of the current element.";
+	--db-red-on-bg-basic-emphasis-60-default: "Change the foreground color with another emphasis of the current element.";
+	--db-red-on-bg-basic-emphasis-50-default: "Change the foreground color with another emphasis of the current element.";
+	--db-red-bg-inverted-contrast-max-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-red-bg-inverted-contrast-high-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-red-bg-inverted-contrast-low-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-red-on-bg-inverted-default: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-red-origin-default: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-red-on-origin-default: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-red-bg-basic-level-1-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-red-bg-basic-level-2-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-red-bg-basic-level-3-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-red-bg-basic-transparent-semi-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-red-bg-basic-transparent-full-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-red-on-bg-basic-emphasis-100-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-red-on-bg-basic-emphasis-90-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-red-on-bg-basic-emphasis-80-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-red-on-bg-basic-emphasis-70-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-red-on-bg-basic-emphasis-60-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-red-on-bg-basic-emphasis-50-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-red-bg-inverted-contrast-max-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-red-bg-inverted-contrast-high-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-red-bg-inverted-contrast-low-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-red-on-bg-inverted-hovered: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-red-origin-hovered: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-red-on-origin-hovered: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-red-bg-basic-level-1-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-red-bg-basic-level-2-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-red-bg-basic-level-3-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-red-bg-basic-transparent-semi-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-red-bg-basic-transparent-full-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-red-on-bg-basic-emphasis-100-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-red-on-bg-basic-emphasis-90-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-red-on-bg-basic-emphasis-80-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-red-on-bg-basic-emphasis-70-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-red-on-bg-basic-emphasis-60-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-red-on-bg-basic-emphasis-50-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-red-bg-inverted-contrast-max-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-red-bg-inverted-contrast-high-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-red-bg-inverted-contrast-low-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-red-on-bg-inverted-pressed: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-red-origin-pressed: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-red-on-origin-pressed: "Change the foreground color of the current element. Only used with origin as background color.";
+
+	/* PINK */
+	--db-pink-bg-basic-level-1-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-pink-bg-basic-level-2-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-pink-bg-basic-level-3-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-pink-bg-basic-transparent-semi-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-pink-bg-basic-transparent-full-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-pink-on-bg-basic-emphasis-100-default: "Change the foreground color with another emphasis of the current element.";
+	--db-pink-on-bg-basic-emphasis-90-default: "Change the foreground color with another emphasis of the current element.";
+	--db-pink-on-bg-basic-emphasis-80-default: "Change the foreground color with another emphasis of the current element.";
+	--db-pink-on-bg-basic-emphasis-70-default: "Change the foreground color with another emphasis of the current element.";
+	--db-pink-on-bg-basic-emphasis-60-default: "Change the foreground color with another emphasis of the current element.";
+	--db-pink-on-bg-basic-emphasis-50-default: "Change the foreground color with another emphasis of the current element.";
+	--db-pink-bg-inverted-contrast-max-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-pink-bg-inverted-contrast-high-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-pink-bg-inverted-contrast-low-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-pink-on-bg-inverted-default: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-pink-origin-default: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-pink-on-origin-default: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-pink-bg-basic-level-1-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-pink-bg-basic-level-2-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-pink-bg-basic-level-3-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-pink-bg-basic-transparent-semi-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-pink-bg-basic-transparent-full-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-pink-on-bg-basic-emphasis-100-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-pink-on-bg-basic-emphasis-90-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-pink-on-bg-basic-emphasis-80-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-pink-on-bg-basic-emphasis-70-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-pink-on-bg-basic-emphasis-60-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-pink-on-bg-basic-emphasis-50-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-pink-bg-inverted-contrast-max-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-pink-bg-inverted-contrast-high-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-pink-bg-inverted-contrast-low-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-pink-on-bg-inverted-hovered: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-pink-origin-hovered: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-pink-on-origin-hovered: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-pink-bg-basic-level-1-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-pink-bg-basic-level-2-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-pink-bg-basic-level-3-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-pink-bg-basic-transparent-semi-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-pink-bg-basic-transparent-full-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-pink-on-bg-basic-emphasis-100-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-pink-on-bg-basic-emphasis-90-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-pink-on-bg-basic-emphasis-80-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-pink-on-bg-basic-emphasis-70-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-pink-on-bg-basic-emphasis-60-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-pink-on-bg-basic-emphasis-50-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-pink-bg-inverted-contrast-max-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-pink-bg-inverted-contrast-high-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-pink-bg-inverted-contrast-low-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-pink-on-bg-inverted-pressed: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-pink-origin-pressed: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-pink-on-origin-pressed: "Change the foreground color of the current element. Only used with origin as background color.";
+
+	/* VIOLET */
+	--db-violet-bg-basic-level-1-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-violet-bg-basic-level-2-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-violet-bg-basic-level-3-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-violet-bg-basic-transparent-semi-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-violet-bg-basic-transparent-full-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-violet-on-bg-basic-emphasis-100-default: "Change the foreground color with another emphasis of the current element.";
+	--db-violet-on-bg-basic-emphasis-90-default: "Change the foreground color with another emphasis of the current element.";
+	--db-violet-on-bg-basic-emphasis-80-default: "Change the foreground color with another emphasis of the current element.";
+	--db-violet-on-bg-basic-emphasis-70-default: "Change the foreground color with another emphasis of the current element.";
+	--db-violet-on-bg-basic-emphasis-60-default: "Change the foreground color with another emphasis of the current element.";
+	--db-violet-on-bg-basic-emphasis-50-default: "Change the foreground color with another emphasis of the current element.";
+	--db-violet-bg-inverted-contrast-max-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-violet-bg-inverted-contrast-high-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-violet-bg-inverted-contrast-low-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-violet-on-bg-inverted-default: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-violet-origin-default: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-violet-on-origin-default: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-violet-bg-basic-level-1-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-violet-bg-basic-level-2-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-violet-bg-basic-level-3-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-violet-bg-basic-transparent-semi-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-violet-bg-basic-transparent-full-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-violet-on-bg-basic-emphasis-100-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-violet-on-bg-basic-emphasis-90-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-violet-on-bg-basic-emphasis-80-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-violet-on-bg-basic-emphasis-70-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-violet-on-bg-basic-emphasis-60-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-violet-on-bg-basic-emphasis-50-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-violet-bg-inverted-contrast-max-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-violet-bg-inverted-contrast-high-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-violet-bg-inverted-contrast-low-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-violet-on-bg-inverted-hovered: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-violet-origin-hovered: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-violet-on-origin-hovered: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-violet-bg-basic-level-1-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-violet-bg-basic-level-2-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-violet-bg-basic-level-3-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-violet-bg-basic-transparent-semi-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-violet-bg-basic-transparent-full-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-violet-on-bg-basic-emphasis-100-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-violet-on-bg-basic-emphasis-90-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-violet-on-bg-basic-emphasis-80-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-violet-on-bg-basic-emphasis-70-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-violet-on-bg-basic-emphasis-60-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-violet-on-bg-basic-emphasis-50-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-violet-bg-inverted-contrast-max-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-violet-bg-inverted-contrast-high-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-violet-bg-inverted-contrast-low-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-violet-on-bg-inverted-pressed: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-violet-origin-pressed: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-violet-on-origin-pressed: "Change the foreground color of the current element. Only used with origin as background color.";
+
+	/* BLUE */
+	--db-blue-bg-basic-level-1-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-blue-bg-basic-level-2-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-blue-bg-basic-level-3-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-blue-bg-basic-transparent-semi-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-blue-bg-basic-transparent-full-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-blue-on-bg-basic-emphasis-100-default: "Change the foreground color with another emphasis of the current element.";
+	--db-blue-on-bg-basic-emphasis-90-default: "Change the foreground color with another emphasis of the current element.";
+	--db-blue-on-bg-basic-emphasis-80-default: "Change the foreground color with another emphasis of the current element.";
+	--db-blue-on-bg-basic-emphasis-70-default: "Change the foreground color with another emphasis of the current element.";
+	--db-blue-on-bg-basic-emphasis-60-default: "Change the foreground color with another emphasis of the current element.";
+	--db-blue-on-bg-basic-emphasis-50-default: "Change the foreground color with another emphasis of the current element.";
+	--db-blue-bg-inverted-contrast-max-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-blue-bg-inverted-contrast-high-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-blue-bg-inverted-contrast-low-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-blue-on-bg-inverted-default: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-blue-origin-default: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-blue-on-origin-default: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-blue-bg-basic-level-1-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-blue-bg-basic-level-2-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-blue-bg-basic-level-3-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-blue-bg-basic-transparent-semi-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-blue-bg-basic-transparent-full-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-blue-on-bg-basic-emphasis-100-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-blue-on-bg-basic-emphasis-90-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-blue-on-bg-basic-emphasis-80-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-blue-on-bg-basic-emphasis-70-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-blue-on-bg-basic-emphasis-60-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-blue-on-bg-basic-emphasis-50-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-blue-bg-inverted-contrast-max-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-blue-bg-inverted-contrast-high-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-blue-bg-inverted-contrast-low-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-blue-on-bg-inverted-hovered: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-blue-origin-hovered: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-blue-on-origin-hovered: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-blue-bg-basic-level-1-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-blue-bg-basic-level-2-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-blue-bg-basic-level-3-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-blue-bg-basic-transparent-semi-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-blue-bg-basic-transparent-full-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-blue-on-bg-basic-emphasis-100-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-blue-on-bg-basic-emphasis-90-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-blue-on-bg-basic-emphasis-80-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-blue-on-bg-basic-emphasis-70-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-blue-on-bg-basic-emphasis-60-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-blue-on-bg-basic-emphasis-50-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-blue-bg-inverted-contrast-max-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-blue-bg-inverted-contrast-high-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-blue-bg-inverted-contrast-low-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-blue-on-bg-inverted-pressed: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-blue-origin-pressed: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-blue-on-origin-pressed: "Change the foreground color of the current element. Only used with origin as background color.";
+
+	/* CYAN */
+	--db-cyan-bg-basic-level-1-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-cyan-bg-basic-level-2-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-cyan-bg-basic-level-3-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-cyan-bg-basic-transparent-semi-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-cyan-bg-basic-transparent-full-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-cyan-on-bg-basic-emphasis-100-default: "Change the foreground color with another emphasis of the current element.";
+	--db-cyan-on-bg-basic-emphasis-90-default: "Change the foreground color with another emphasis of the current element.";
+	--db-cyan-on-bg-basic-emphasis-80-default: "Change the foreground color with another emphasis of the current element.";
+	--db-cyan-on-bg-basic-emphasis-70-default: "Change the foreground color with another emphasis of the current element.";
+	--db-cyan-on-bg-basic-emphasis-60-default: "Change the foreground color with another emphasis of the current element.";
+	--db-cyan-on-bg-basic-emphasis-50-default: "Change the foreground color with another emphasis of the current element.";
+	--db-cyan-bg-inverted-contrast-max-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-cyan-bg-inverted-contrast-high-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-cyan-bg-inverted-contrast-low-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-cyan-on-bg-inverted-default: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-cyan-origin-default: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-cyan-on-origin-default: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-cyan-bg-basic-level-1-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-cyan-bg-basic-level-2-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-cyan-bg-basic-level-3-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-cyan-bg-basic-transparent-semi-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-cyan-bg-basic-transparent-full-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-cyan-on-bg-basic-emphasis-100-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-cyan-on-bg-basic-emphasis-90-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-cyan-on-bg-basic-emphasis-80-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-cyan-on-bg-basic-emphasis-70-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-cyan-on-bg-basic-emphasis-60-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-cyan-on-bg-basic-emphasis-50-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-cyan-bg-inverted-contrast-max-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-cyan-bg-inverted-contrast-high-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-cyan-bg-inverted-contrast-low-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-cyan-on-bg-inverted-hovered: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-cyan-origin-hovered: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-cyan-on-origin-hovered: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-cyan-bg-basic-level-1-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-cyan-bg-basic-level-2-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-cyan-bg-basic-level-3-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-cyan-bg-basic-transparent-semi-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-cyan-bg-basic-transparent-full-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-cyan-on-bg-basic-emphasis-100-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-cyan-on-bg-basic-emphasis-90-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-cyan-on-bg-basic-emphasis-80-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-cyan-on-bg-basic-emphasis-70-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-cyan-on-bg-basic-emphasis-60-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-cyan-on-bg-basic-emphasis-50-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-cyan-bg-inverted-contrast-max-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-cyan-bg-inverted-contrast-high-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-cyan-bg-inverted-contrast-low-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-cyan-on-bg-inverted-pressed: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-cyan-origin-pressed: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-cyan-on-origin-pressed: "Change the foreground color of the current element. Only used with origin as background color.";
+
+	/* TURQUOISE */
+	--db-turquoise-bg-basic-level-1-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-turquoise-bg-basic-level-2-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-turquoise-bg-basic-level-3-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-turquoise-bg-basic-transparent-semi-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-turquoise-bg-basic-transparent-full-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-turquoise-on-bg-basic-emphasis-100-default: "Change the foreground color with another emphasis of the current element.";
+	--db-turquoise-on-bg-basic-emphasis-90-default: "Change the foreground color with another emphasis of the current element.";
+	--db-turquoise-on-bg-basic-emphasis-80-default: "Change the foreground color with another emphasis of the current element.";
+	--db-turquoise-on-bg-basic-emphasis-70-default: "Change the foreground color with another emphasis of the current element.";
+	--db-turquoise-on-bg-basic-emphasis-60-default: "Change the foreground color with another emphasis of the current element.";
+	--db-turquoise-on-bg-basic-emphasis-50-default: "Change the foreground color with another emphasis of the current element.";
+	--db-turquoise-bg-inverted-contrast-max-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-turquoise-bg-inverted-contrast-high-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-turquoise-bg-inverted-contrast-low-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-turquoise-on-bg-inverted-default: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-turquoise-origin-default: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-turquoise-on-origin-default: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-turquoise-bg-basic-level-1-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-turquoise-bg-basic-level-2-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-turquoise-bg-basic-level-3-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-turquoise-bg-basic-transparent-semi-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-turquoise-bg-basic-transparent-full-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-turquoise-on-bg-basic-emphasis-100-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-turquoise-on-bg-basic-emphasis-90-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-turquoise-on-bg-basic-emphasis-80-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-turquoise-on-bg-basic-emphasis-70-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-turquoise-on-bg-basic-emphasis-60-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-turquoise-on-bg-basic-emphasis-50-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-turquoise-bg-inverted-contrast-max-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-turquoise-bg-inverted-contrast-high-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-turquoise-bg-inverted-contrast-low-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-turquoise-on-bg-inverted-hovered: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-turquoise-origin-hovered: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-turquoise-on-origin-hovered: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-turquoise-bg-basic-level-1-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-turquoise-bg-basic-level-2-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-turquoise-bg-basic-level-3-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-turquoise-bg-basic-transparent-semi-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-turquoise-bg-basic-transparent-full-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-turquoise-on-bg-basic-emphasis-100-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-turquoise-on-bg-basic-emphasis-90-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-turquoise-on-bg-basic-emphasis-80-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-turquoise-on-bg-basic-emphasis-70-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-turquoise-on-bg-basic-emphasis-60-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-turquoise-on-bg-basic-emphasis-50-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-turquoise-bg-inverted-contrast-max-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-turquoise-bg-inverted-contrast-high-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-turquoise-bg-inverted-contrast-low-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-turquoise-on-bg-inverted-pressed: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-turquoise-origin-pressed: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-turquoise-on-origin-pressed: "Change the foreground color of the current element. Only used with origin as background color.";
+
+	/* GREEN */
+	--db-green-bg-basic-level-1-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-green-bg-basic-level-2-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-green-bg-basic-level-3-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-green-bg-basic-transparent-semi-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-green-bg-basic-transparent-full-default: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-green-on-bg-basic-emphasis-100-default: "Change the foreground color with another emphasis of the current element.";
+	--db-green-on-bg-basic-emphasis-90-default: "Change the foreground color with another emphasis of the current element.";
+	--db-green-on-bg-basic-emphasis-80-default: "Change the foreground color with another emphasis of the current element.";
+	--db-green-on-bg-basic-emphasis-70-default: "Change the foreground color with another emphasis of the current element.";
+	--db-green-on-bg-basic-emphasis-60-default: "Change the foreground color with another emphasis of the current element.";
+	--db-green-on-bg-basic-emphasis-50-default: "Change the foreground color with another emphasis of the current element.";
+	--db-green-bg-inverted-contrast-max-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-green-bg-inverted-contrast-high-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-green-bg-inverted-contrast-low-default: "Change the background color of the current element. Should be used on single components only.";
+	--db-green-on-bg-inverted-default: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-green-origin-default: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-green-on-origin-default: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-green-bg-basic-level-1-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-green-bg-basic-level-2-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-green-bg-basic-level-3-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-green-bg-basic-transparent-semi-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-green-bg-basic-transparent-full-hovered: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-green-on-bg-basic-emphasis-100-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-green-on-bg-basic-emphasis-90-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-green-on-bg-basic-emphasis-80-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-green-on-bg-basic-emphasis-70-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-green-on-bg-basic-emphasis-60-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-green-on-bg-basic-emphasis-50-hovered: "Change the foreground color with another emphasis of the current element.";
+	--db-green-bg-inverted-contrast-max-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-green-bg-inverted-contrast-high-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-green-bg-inverted-contrast-low-hovered: "Change the background color of the current element. Should be used on single components only.";
+	--db-green-on-bg-inverted-hovered: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-green-origin-hovered: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-green-on-origin-hovered: "Change the foreground color of the current element. Only used with origin as background color.";
+	--db-green-bg-basic-level-1-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-green-bg-basic-level-2-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-green-bg-basic-level-3-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-green-bg-basic-transparent-semi-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-green-bg-basic-transparent-full-pressed: "Change the background color level of the current element. Can be used on containers and components.";
+	--db-green-on-bg-basic-emphasis-100-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-green-on-bg-basic-emphasis-90-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-green-on-bg-basic-emphasis-80-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-green-on-bg-basic-emphasis-70-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-green-on-bg-basic-emphasis-60-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-green-on-bg-basic-emphasis-50-pressed: "Change the foreground color with another emphasis of the current element.";
+	--db-green-bg-inverted-contrast-max-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-green-bg-inverted-contrast-high-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-green-bg-inverted-contrast-low-pressed: "Change the background color of the current element. Should be used on single components only.";
+	--db-green-on-bg-inverted-pressed: "Change the foreground color of the current element. Only used with inverted background colors.";
+	--db-green-origin-pressed: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";
+	--db-green-on-origin-pressed: "Change the foreground color of the current element. Only used with origin as background color.";
+}
+
+.db-density-expressive {
+	/* Use this to change the density of the element. */
+}
+
+.db-density-regular {
+	/* Use this to change the density of the element. */
+}
+
+.db-density-functional {
+	/* Use this to change the density of the element. */
+}
+
+.db-focus-default {
+	/* Use this to set default focus outline. */
+}
+
+.db-divider-top-before {
+	/* Use this to add a divider as :before or :after element. */
+}
+
+.db-divider-bottom-before {
+	/* Use this to add a divider as :before or :after element. */
+}
+
+.db-divider-left-before {
+	/* Use this to add a divider as :before or :after element. */
+}
+
+.db-divider-right-before {
+	/* Use this to add a divider as :before or :after element. */
+}
+
+.db-divider-top-after {
+	/* Use this to add a divider as :before or :after element. */
+}
+
+.db-divider-bottom-after {
+	/* Use this to add a divider as :before or :after element. */
+}
+
+.db-divider-left-after {
+	/* Use this to add a divider as :before or :after element. */
+}
+
+.db-divider-right-after {
+	/* Use this to add a divider as :before or :after element. */
+}
+
+.db-bg-color-basic-level-1 {
+	/* Change the background color level of the current element. */
+}
+
+.db-bg-color-basic-level-2 {
+	/* Change the background color level of the current element. */
+}
+
+.db-bg-color-basic-level-3 {
+	/* Change the background color level of the current element. */
+}
+
+.db-bg-color-basic-transparent-semi {
+	/* Change the background color level of the current element. */
+}
+
+.db-bg-color-basic-transparent-full {
+	/* Change the background color level of the current element. */
+}
+
+.db-on-bg-color-basic-emphasis-100 {
+	/* Change the foreground color with another emphasis of the current element. */
+}
+
+.db-on-bg-color-basic-emphasis-90 {
+	/* Change the foreground color with another emphasis of the current element. */
+}
+
+.db-on-bg-color-basic-emphasis-80 {
+	/* Change the foreground color with another emphasis of the current element. */
+}
+
+.db-on-bg-color-basic-emphasis-70 {
+	/* Change the foreground color with another emphasis of the current element. */
+}
+
+.db-on-bg-color-basic-emphasis-60 {
+	/* Change the foreground color with another emphasis of the current element. */
+}
+
+.db-on-bg-color-basic-emphasis-50 {
+	/* Change the foreground color with another emphasis of the current element. */
+}
+
+.db-color-neutral {
+	/* These classes define the monochromatic adaptive color scheme for a container. Texts, icons and backgrounds in it than automatically adapt to the color set. */
+}
+
+.db-color-brand {
+	/* These classes define the monochromatic adaptive color scheme for a container. Texts, icons and backgrounds in it than automatically adapt to the color set. */
+}
+
+.db-color-informational {
+	/* These classes define the monochromatic adaptive color scheme for a container. Texts, icons and backgrounds in it than automatically adapt to the color set. */
+}
+
+.db-color-warning {
+	/* These classes define the monochromatic adaptive color scheme for a container. Texts, icons and backgrounds in it than automatically adapt to the color set. */
+}
+
+.db-color-successful {
+	/* These classes define the monochromatic adaptive color scheme for a container. Texts, icons and backgrounds in it than automatically adapt to the color set. */
+}
+
+.db-color-critical {
+	/* These classes define the monochromatic adaptive color scheme for a container. Texts, icons and backgrounds in it than automatically adapt to the color set. */
+}
+
+.db-color-yellow {
+	/* These classes define the monochromatic adaptive color scheme for a container. Texts, icons and backgrounds in it than automatically adapt to the color set. */
+}
+
+.db-color-orange {
+	/* These classes define the monochromatic adaptive color scheme for a container. Texts, icons and backgrounds in it than automatically adapt to the color set. */
+}
+
+.db-color-red {
+	/* These classes define the monochromatic adaptive color scheme for a container. Texts, icons and backgrounds in it than automatically adapt to the color set. */
+}
+
+.db-color-pink {
+	/* These classes define the monochromatic adaptive color scheme for a container. Texts, icons and backgrounds in it than automatically adapt to the color set. */
+}
+
+.db-color-violet {
+	/* These classes define the monochromatic adaptive color scheme for a container. Texts, icons and backgrounds in it than automatically adapt to the color set. */
+}
+
+.db-color-blue {
+	/* These classes define the monochromatic adaptive color scheme for a container. Texts, icons and backgrounds in it than automatically adapt to the color set. */
+}
+
+.db-color-cyan {
+	/* These classes define the monochromatic adaptive color scheme for a container. Texts, icons and backgrounds in it than automatically adapt to the color set. */
+}
+
+.db-color-turquoise {
+	/* These classes define the monochromatic adaptive color scheme for a container. Texts, icons and backgrounds in it than automatically adapt to the color set. */
+}
+
+.db-color-green {
+	/* These classes define the monochromatic adaptive color scheme for a container. Texts, icons and backgrounds in it than automatically adapt to the color set. */
+}