railway.app/Snapshot/Export/Tailwind Config

Tailwind Config

Tailwind CSS theme.extend · 128 tokens

Preview

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

module.exports = {
  "theme": {
    "extend": {
      "colors": {
        "foreground": "hsl(0, 0%, 100%)",
        "background": "hsl(250, 24%, 9%)",
        "secondarybg": "hsl(250, 21%, 11%)",
        "agents-sheet": "#000000",
        "agents-scrim": "rgb(13 12 20 / 0.7)",
        "agents-band": "#1C1A29",
        "agents-raised": "#252134",
        "agents-edge": "#312C45",
        "agents-ink": "#B3B3E6",
        "agents-dim": "#5E5C86",
        "agents-accent": "#A78BFE",
        "agents-link": "#B9A3D8",
        "agents-good": "#22C55E",
        "agents-shade": "rgb(0 0 0 / 0.5)",
        "blue-50": "hsl(220, 55%, 10%)",
        "blue-100": "hsl(220, 55%, 13%)",
        "blue-200": "hsl(220, 62%, 25%)",
        "blue-300": "hsl(220, 68%, 35%)",
        "blue-400": "hsl(220, 72%, 45%)",
        "blue-500": "hsl(220, 80%, 55%)",
        "blue-600": "hsl(220, 80%, 65%)",
        "blue-700": "hsl(220, 80%, 75%)",
        "blue-800": "hsl(220, 80%, 85%)",
        "blue-900": "hsl(220, 80%, 95%)"
      },
      "fontFamily": {
        "inter": [
          "Inter",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "sans-serif",
          "-apple-system",
…