stripe.com/Snapshot/Export/Tailwind Config

Tailwind Config

Tailwind CSS theme.extend · 147 tokens

Preview

// Generated by UI Archive — ui-archive.com
// Paste into your tailwind.config.js

module.exports = {
  "theme": {
    "extend": {
      "colors": {
        "hds-color-core-brand-25": "#f5f5ff",
        "hds-color-core-brand-50": "#e8e9ff",
        "hds-color-core-brand-100": "#d6d9fc",
        "hds-color-core-brand-200": "#b9b9f9",
        "hds-color-core-brand-300": "#9a9afe",
        "hds-color-core-brand-400": "#7f7dfc",
        "hds-color-core-brand-500": "#665efd",
        "hds-color-core-brand-600": "#533afd",
        "hds-color-core-brand-700": "#4032c8",
        "hds-color-core-brand-800": "#2e2b8c",
        "hds-color-core-brand-900": "#1c1e54",
        "hds-color-core-brand-950": "#161741",
        "hds-color-core-branddark-75": "#ccdaff",
        "hds-color-core-branddark-200": "#a8bfff",
        "hds-color-core-branddark-300": "#92adff",
        "hds-color-core-branddark-400": "#7389ff",
        "hds-color-core-branddark-700": "#362baa",
        "srgb-0-898039": "color(srgb 0.898039 0.929412 0.960784 / 0.5)"
      },
      "fontFamily": {
        "sohne-var": [
          "sohne-var",
          "SF Pro Display",
          "sans-serif"
        ]
      },
      "spacing": {
        "2px": "2px",
        "3px": "3px",
        "4px": "4px",
        "5px": "5px",
        "6px": "6px",
        "7px": "7px",
…