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": "rgb(0, 0, 0)",
        "sk-body-link-color": "rgb(0, 102, 204)",
        "sk-glyph-gray-alpha": "rgba(0, 0, 0, 0.88)",
        "sk-glyph-gray-secondary": "rgb(110, 110, 115)",
        "sk-glyph-gray-secondary-alpha": "rgba(0, 0, 0, 0.56)",
        "sk-glyph-gray-secondary-alt": "rgb(66, 66, 69)",
        "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": "rgb(182, 68, 0)",
        "sk-glyph-green": "rgb(0, 128, 9)",
        "sk-glyph-red": "rgb(227, 0, 0)",
        "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": "rgb(245, 99, 0)",
        "sk-fill-green": "rgb(3, 161, 14)",
        "sk-fill-green-secondary": "rgb(245, 255, 246)",
        "sk-fill-yellow": "rgb(255, 224, 69)"
      },
      "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