Tailwind Config

Preview

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

module.exports = {
  "theme": {
    "extend": {
      "colors": {
        "r-globalnav-background-opened": "#fafafc",
        "sk-focus-color": "#0071e3",
        "sk-focus-color-alt": "#000000",
        "sk-body-link-color": "#0066cc",
        "sk-glyph-gray-alpha": "rgba(0, 0, 0, 0.88)",
        "sk-glyph-gray-secondary": "#6e6e73",
        "sk-glyph-gray-secondary-alpha": "rgba(0, 0, 0, 0.56)",
        "sk-glyph-gray-secondary-alt": "#424245",
        "sk-glyph-gray-secondary-alt-alpha": "rgba(0, 0, 0, 0.72)",
        "sk-glyph-gray-tertiary-alpha": "rgba(0, 0, 0, 0.48)",
        "sk-glyph-orange": "#b64400",
        "sk-glyph-green": "#008009",
        "sk-glyph-red": "#e30000",
        "sk-fill-gray-tertiary-alpha": "rgba(0, 0, 0, 0.16)",
        "sk-fill-gray-quaternary-alpha": "rgba(0, 0, 0, 0.08)",
        "sk-fill-orange": "#f56300",
        "sk-fill-green": "#03a10e",
        "sk-fill-green-secondary": "#f5fff6",
        "sk-fill-yellow": "#ffe045"
      },
      "fontFamily": {
        "sf-pro-text": [
          "SF Pro Text",
          "SF Pro Icons",
          "Helvetica Neue",
          "Helvetica",
          "Arial",
          "sans-serif"
        ],
        "sf-pro-display": [
          "SF Pro Display",
          "SF Pro Icons",
          "Helvetica Neue",
…

All Tokens