Tailwind Config

Tailwind CSS theme.extend · 116 tokens

Preview

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

module.exports = {
  "theme": {
    "extend": {
      "colors": {
        "base": "#090909",
        "base-80": "#3d3d3d",
        "base-60": "#717171",
        "base-40": "#a3a3a3",
        "base-20": "#d6d6d7",
        "button-outlined-bg-hover": "rgba(0, 0, 0, 0.035)",
        "button-ghost-inverted-bg-hover": "rgba(255, 255, 255, 0.15)",
        "syntax-declaration-color": "#f39c12",
        "syntax-literal-color": "#dda0dd",
        "syntax-error-color": "#f9690e",
        "syntax-name-color": "#7ed07e"
      },
      "fontFamily": {
        "helveticaneue-condensedbold": [
          "HelveticaNeue-CondensedBold",
          "HelveticaNeueBoldCondensed",
          "HelveticaNeue-Bold-Condensed",
          "Helvetica Neue Bold Condensed",
          "HelveticaNeueBold",
          "HelveticaNeue-Bold",
          "Helvetica Neue Bold",
          "HelveticaNeue",
          "Helvetica Neue",
          "TeXGyreHerosCnBold",
          "Helvetica",
          "Tahoma",
          "Geneva",
          "Arial Narrow",
          "Arial",
          "sans-serif"
        ],
        "sfmono-regular": [
          "SFMono-Regular",
…