Tailwind Config

Tailwind CSS theme.extend · 97 tokens

Preview

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

module.exports = {
  "theme": {
    "extend": {
      "colors": {
        "magenta-500": "#f91880",
        "brand": "#00ba7c",
        "x-black": "#000000",
        "x-white": "#ffffff",
        "x-neutral-300": "#b2b2b2",
        "x-neutral-600": "#666666",
        "x-neutral-800": "#333333",
        "x-blue-000": "#02113d",
        "x-blue-100": "#003886",
        "x-blue-200": "#005ac2",
        "x-blue-300": "#006fd6",
        "x-blue-400": "#0083eb",
        "x-blue-500": "#1d9bf0",
        "x-blue-600": "#43b3f6",
        "x-blue-700": "#6bc9fb",
        "x-blue-800": "#97e3ff",
        "x-blue-900": "#bff2ff"
      },
      "fontFamily": {
        "twitterchirp": [
          "TwitterChirp",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Helvetica",
          "Arial",
          "Apple Color Emoji",
          "Segoe UI Emoji",
          "Noto Color Emoji",
          "Twemoji Mozilla",
          "sans-serif"
        ],
…