canopy-colour-directive

To apply consistent colour themes across Angular components, use the Canopy lgColour directive with a chosen mode and theme, enforcing standardized semantic colour usage and preventing visual drift across your application's UI.

The best way to ensure WCAG-compliant colour contrast in Canopy theming is by utilizing the lgColour directive's accessibility-focused recommendations, which apply token-based theming to maintain safe visual contrast across semantic UI elements.

To use semantic colours for alerts and status messages in Angular, apply the lgColour directive to your components, maintaining visual coherence and consistent styling semantics across different page elements.

Yes, the lgColour directive prevents ad-hoc colour choices in Angular projects by establishing safe, accessible, and consistent usage standards, ensuring developers apply standardized semantic colour modes and themes.

You should avoid manual colour styling in Angular Canopy components when consistent semantic theming and WCAG-compliant contrasts are required, relying instead on the lgColour directive to enforce safe visual coherence.