Files
HMDesign/scripts/theme-templates/primitives.css
T

58 lines
2.4 KiB
CSS

/* HM color palette. Primitive names describe colors, not UI roles. */
:root {
--hm-green-light-4: {{color.palette.green-light-4}};
--hm-green-light-3: {{color.palette.green-light-3}};
--hm-green-light-2: {{color.palette.green-light-2}};
--hm-green-light-1: {{color.palette.green-light-1}};
--hm-green-default: {{color.palette.green-default}};
--hm-green-dark-1: {{color.palette.green-dark-1}};
--hm-green-dark-2: {{color.palette.green-dark-2}};
--hm-brown-light-2: {{color.palette.brown-light-2}};
--hm-brown-light-1: {{color.palette.brown-light-1}};
--hm-brown-default: {{color.palette.brown-default}};
--hm-brown-dark-1: {{color.palette.brown-dark-1}};
--hm-brown-light-4: {{color.palette.brown-light-4}};
--hm-orange-light-4: {{color.palette.orange-light-4}};
--hm-orange-default: {{color.palette.orange-default}};
--hm-warm-neutral-light: {{color.palette.warm-neutral-light}};
--hm-warm-neutral-mid: {{color.palette.warm-neutral-mid}};
--hm-warm-neutral-dark: {{color.palette.warm-neutral-dark}};
--hm-beige-light: {{color.palette.beige-light}};
--hm-red-danger: {{color.palette.red-danger}};
--hm-white: {{color.palette.white}};
--hm-black: {{color.palette.black}};
--hm-neutral-gray-500: {{color.palette.neutral-gray-500}};
/* Existing preview values without an approved palette alias. */
--hm-green-tone-1: {{color.palette.green-tone-1}};
--hm-green-tone-2: {{color.palette.green-tone-2}};
--hm-green-tone-3: {{color.palette.green-tone-3}};
--hm-green-tone-4: {{color.palette.green-tone-4}};
--hm-warm-neutral-pale: {{color.palette.warm-neutral-pale}};
--hm-warm-neutral-secondary: {{color.palette.warm-neutral-secondary}};
--hm-warm-neutral-muted: {{color.palette.warm-neutral-muted}};
--hm-green-tint: {{color.palette.green-tint}};
}
/* Accent for the current parent group on the green LNB surface (ui-viz color.action.accent-on-green). */
:root {
--hm-yellow-accent: {{color.palette.yellow-accent}};
}
/* Confirmed brand palette additions (ui_viz Color 4.1). */
:root {
--hm-green-dark-3: {{color.palette.green-dark-3}};
--hm-brown-light-3: {{color.palette.brown-light-3}};
--hm-brown-dark-2: {{color.palette.brown-dark-2}};
--hm-brown-dark-3: {{color.palette.brown-dark-3}};
--hm-orange-light-3: {{color.palette.orange-light-3}};
--hm-orange-light-2: {{color.palette.orange-light-2}};
--hm-orange-light-1: {{color.palette.orange-light-1}};
--hm-orange-dark-3: {{color.palette.orange-dark-3}};
}