freepik.com/Snapshot/Export/Tailwind Config

Tailwind Config

Tailwind CSS theme.extend · 125 tokens

Preview

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

module.exports = {
  "theme": {
    "extend": {
      "colors": {
        "surface-0": "#ffffff",
        "surface-accent-0": "#4f69f2",
        "surface-border-solid-10": "#1a1a1a",
        "surface-foreground-2": "#424242",
        "surface-foreground-4": "#737373",
        "deprecated-primary-1": "#344ce7",
        "deprecated-primary-2": "#2236d2",
        "premium-0": "#feb602",
        "premium-1": "#f4980a",
        "premium-2": "#ea7e11"
      },
      "fontFamily": {
        "geist": [
          "geist",
          "geist Fallback",
          "Helvetica Neue",
          "Helvetica",
          "Arial",
          "sans-serif"
        ],
        "klarheit": [
          "klarheit",
          "klarheit Fallback",
          "Helvetica Neue",
          "Helvetica",
          "Arial",
          "sans-serif",
          "geist",
          "geist Fallback",
          "Helvetica Neue",
          "Helvetica",
          "Arial",
          "sans-serif",
…