What are theme directives?
Unlike dark mode, theme directives would use palette main hue color like brand-9, purple-9 as background, and respecting on on-brand and on-purple colors.

These colors are automatically checked against each other within Headspin to pass contrast required criteria.

How to use theme directives?
Like dark mode, with data-hsx="{{palette_name}}" which would hold needed code for styles.