tailwind.config.js

/* eslint-env node */
/* eslint @typescript-eslint/no-var-requires: "off" */

const { createGlobPatternsForDependencies } = require('@nx/angular/tailwind');
const { join } = require('path');

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    join(__dirname, 'src/**/!(*.stories|*.spec).{ts,html}'),
    ...createGlobPatternsForDependencies(__dirname),
  ],
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        ozgblue: {
          50: 'hsl(200, 100%, 96%)',
          100: 'hsl(200, 100%, 92%)',
          200: 'hsl(199, 100%, 85%)',
          300: 'hsl(197, 100%, 76%)',
          400: 'hsl(199, 100%, 64%)',
          500: 'hsl(204, 100%, 56%)',
          600: 'hsl(209, 100%, 51%)',
          700: 'hsl(213, 100%, 48%)',
          800: 'hsl(215, 92%, 40%)',
          900: 'hsl(213, 85%, 33%)',
          DEFAULT: 'hsl(215, 75%, 22%)',
        },
        background: {
          50: 'hsl(var(--color-background-50) / <alpha-value>)',
          100: 'hsl(var(--color-background-100) / <alpha-value>)',
          200: 'hsl(var(--color-background-200) / <alpha-value>)',
          DEFAULT: 'hsl(var(--color-background-100) / <alpha-value>)',
        },
        bewilligt: {
          100: 'hsl(var(--color-bewilligt-100) / <alpha-value>)',
          700: 'hsl(var(--color-bewilligt-700) / <alpha-value>)',
          DEFAULT: 'hsl(var(--color-bewilligt-700) / <alpha-value>)',
        },
        abgelehnt: {
          100: 'hsl(var(--color-abgelehnt-100) / <alpha-value>)',
          700: 'hsl(var(--color-abgelehnt-500) / <alpha-value>)',
          DEFAULT: 'hsl(var(--color-abgelehnt-500) / <alpha-value>)',
        },
        mainbg: 'hsl(var(--color-mainbg) / <alpha-value>)',
        primary: {
          600: 'hsl(var(--color-primary-600) / <alpha-value>)',
          DEFAULT: 'hsl(var(--color-primary-600) / <alpha-value>)',
        },
        text: 'hsl(var(--text) / <alpha-value>)',
        warning: 'hsl(var(--warning))',
      },
    },
  },
  plugins: [],
};