liturgia-colors/src/tailwind/_roseus-theme.css

A css theme inspired by liturgical colors in the Roman Church.

@theme static {
  /** TODO : replace roseus colors and grays
    /** Override grayscale **/
  --color-roseus-gray-50: oklch(98.5% 0 0);
  --color-roseus-gray-100: oklch(96.7% 0.001 286.375);
  --color-roseus-gray-200: oklch(92% 0.004 286.32);
  --color-roseus-gray-300: oklch(87.1% 0.006 286.286);
  --color-roseus-gray-400: oklch(70.5% 0.015 286.067);
  --color-roseus-gray-500: oklch(55.2% 0.016 285.938);
  --color-roseus-gray-600: oklch(44.2% 0.017 285.786);
  --color-roseus-gray-700: oklch(37% 0.013 285.805);
  --color-roseus-gray-800: oklch(27.4% 0.006 286.033);
  --color-roseus-gray-900: oklch(21% 0.006 285.885);
  --color-roseus-gray-950: oklch(14.1% 0.005 285.823);

  /** Custom **/
  --color-roseus-dark: #0c110a;
  --color-roseus-gray: oklch(55.2% 0.016 285.938);
  --color-roseus-light: #f9fdf6;

  --color-roseus-50: oklch(97.1% 0.014 343.198);
  --color-roseus-100: oklch(94.8% 0.028 342.258);
  --color-roseus-200: oklch(89.9% 0.061 343.231);
  --color-roseus-300: oklch(82.3% 0.12 346.018);
  --color-roseus-400: oklch(71.8% 0.202 349.761);
  --color-roseus-500: oklch(65.6% 0.241 354.308);
  --color-roseus-600: oklch(59.2% 0.249 0.584);
  --color-roseus-700: oklch(52.5% 0.223 3.958);
  --color-roseus-800: oklch(45.9% 0.187 3.815);
  --color-roseus-900: oklch(40.8% 0.153 2.432);
  --color-roseus-950: oklch(28.4% 0.109 3.907);
}