@tpzdsp/eslint-config-dsp
Version:
re-usable config for ESLint, Prettier and semantic-release
141 lines (127 loc) • 6.24 kB
CSS
/*
Colour entries below reference same-named CSS variables defined in
colors/base.css (raw palette) and colors/defra.css (semantic tokens).
Tailwind's @theme block outputs to @layer theme; the :root declarations
in those files are unlayered and take precedence in the cascade, supplying
the actual values. These declarations exist solely so Tailwind generates
utility classes for each colour name.
*/
@theme {
--color-*: initial;
--color-black: var(--color-black);
--color-black-tint-25: var(--color-black-tint-25);
--color-black-tint-50: var(--color-black-tint-50);
--color-black-tint-80: var(--color-black-tint-80);
--color-black-tint-95: var(--color-black-tint-95);
--color-white: var(--color-white);
--color-blue: var(--color-blue);
--color-blue-tint-25: var(--color-blue-tint-25);
--color-blue-tint-50: var(--color-blue-tint-50);
--color-blue-tint-80: var(--color-blue-tint-80);
--color-blue-tint-95: var(--color-blue-tint-95);
--color-blue-shade-10: var(--color-blue-shade-10);
--color-blue-shade-25: var(--color-blue-shade-25);
--color-blue-shade-50: var(--color-blue-shade-50);
--color-green: var(--color-green);
--color-green-tint-25: var(--color-green-tint-25);
--color-green-tint-50: var(--color-green-tint-50);
--color-green-tint-80: var(--color-green-tint-80);
--color-green-tint-95: var(--color-green-tint-95);
--color-green-shade-25: var(--color-green-shade-25);
--color-green-shade-50: var(--color-green-shade-50);
--color-red: var(--color-red);
--color-red-tint-25: var(--color-red-tint-25);
--color-red-tint-50: var(--color-red-tint-50);
--color-red-tint-80: var(--color-red-tint-80);
--color-red-tint-95: var(--color-red-tint-95);
--color-red-shade-25: var(--color-red-shade-25);
--color-red-shade-50: var(--color-red-shade-50);
--color-yellow: var(--color-yellow);
--color-yellow-tint-25: var(--color-yellow-tint-25);
--color-yellow-tint-50: var(--color-yellow-tint-50);
--color-yellow-tint-80: var(--color-yellow-tint-80);
--color-yellow-tint-95: var(--color-yellow-tint-95);
--color-yellow-shade-25: var(--color-yellow-shade-25);
--color-yellow-shade-50: var(--color-yellow-shade-50);
--color-orange: var(--color-orange);
--color-orange-tint-25: var(--color-orange-tint-25);
--color-orange-tint-50: var(--color-orange-tint-50);
--color-orange-tint-80: var(--color-orange-tint-80);
--color-orange-tint-95: var(--color-orange-tint-95);
--color-orange-shade-25: var(--color-orange-shade-25);
--color-orange-shade-50: var(--color-orange-shade-50);
--color-purple: var(--color-purple);
--color-purple-tint-25: var(--color-purple-tint-25);
--color-purple-tint-50: var(--color-purple-tint-50);
--color-purple-tint-80: var(--color-purple-tint-80);
--color-purple-tint-95: var(--color-purple-tint-95);
--color-purple-shade-25: var(--color-purple-shade-25);
--color-purple-shade-50: var(--color-purple-shade-50);
--color-magenta: var(--color-magenta);
--color-magenta-tint-25: var(--color-magenta-tint-25);
--color-magenta-tint-50: var(--color-magenta-tint-50);
--color-magenta-tint-80: var(--color-magenta-tint-80);
--color-magenta-tint-95: var(--color-magenta-tint-95);
--color-magenta-shade-25: var(--color-magenta-shade-25);
--color-magenta-shade-50: var(--color-magenta-shade-50);
--color-teal: var(--color-teal);
--color-teal-tint-25: var(--color-teal-tint-25);
--color-teal-tint-50: var(--color-teal-tint-50);
--color-teal-tint-80: var(--color-teal-tint-80);
--color-teal-tint-95: var(--color-teal-tint-95);
--color-teal-shade-25: var(--color-teal-shade-25);
--color-teal-shade-50: var(--color-teal-shade-50);
--color-teal-accent: var(--color-teal-accent);
--color-brown: var(--color-brown);
--color-brown-tint-25: var(--color-brown-tint-25);
--color-brown-tint-50: var(--color-brown-tint-50);
--color-brown-tint-95: var(--color-brown-tint-95);
--color-gray: var(--color-black-tint-80);
--color-gray-dark: var(--color-black-tint-25);
--color-gray-light: var(--color-black-tint-95);
--color-panel: var(--color-panel);
--color-panel-border: var(--color-panel-border);
--color-body: var(--color-body);
--color-body-secondary: var(--color-body-secondary);
--color-accent: var(--color-accent);
--color-accent-safe: var(--color-accent-safe);
--color-accent-hover: var(--color-accent-hover);
--color-accent-shadow: var(--color-accent-shadow);
--color-on-accent: var(--color-on-accent);
--color-link: var(--color-link);
--color-link-hover: var(--color-link-hover);
--color-link-visited: var(--color-link-visited);
--color-link-active: var(--color-link-active);
--color-divider: var(--color-divider);
--color-divider-input: var(--color-divider-input);
--color-focus: var(--color-focus);
--color-on-focus: var(--color-on-focus);
--color-error: var(--color-error);
--color-error-hover: var(--color-error-hover);
--color-error-shadow: var(--color-error-shadow);
--color-on-error: var(--color-on-error);
--color-success: var(--color-success);
--color-wash: var(--color-wash);
--color-neutral-mid: var(--color-neutral-mid);
--color-muted: var(--color-muted);
--color-surface: var(--color-surface);
--color-surface-hover: var(--color-surface-hover);
--color-on-surface: var(--color-on-surface);
--color-surface-divider: var(--color-surface-divider);
--color-warning: var(--color-warning);
--color-on-warning: var(--color-on-warning);
--color-disabled: var(--color-disabled);
--color-on-disabled: var(--color-on-disabled);
--color-neutral-subtle: var(--color-neutral-subtle);
--color-success-subtle: var(--color-success-subtle);
--color-warning-subtle: var(--color-warning-subtle);
--color-error-subtle: var(--color-error-subtle);
--color-info-subtle: var(--color-info-subtle);
--color-accent-subtle: var(--color-accent-subtle);
--color-on-neutral-subtle: var(--color-on-neutral-subtle);
--color-on-success-subtle: var(--color-on-success-subtle);
--color-on-warning-subtle: var(--color-on-warning-subtle);
--color-on-error-subtle: var(--color-on-error-subtle);
--color-on-info-subtle: var(--color-on-info-subtle);
--color-on-accent-subtle: var(--color-on-accent-subtle);
}