sephora.com/Snapshot/Export/Tailwind Config

Tailwind Config

Tailwind CSS theme.extend · 71 tokens

Preview

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

module.exports = {
  "theme": {
    "extend": {
      "colors": {
        "black": "#000000",
        "white": "#ffffff",
        "lightred": "#FCECEC",
        "red": "#cf112c",
        "darkred": "#7F141A",
        "brightred": "#e2030f",
        "green": "#008048",
        "yellow": "#ffc003",
        "blue": "#136BEA",
        "lightblue": "#e5f2fd",
        "gray": "#666666",
        "darkgray": "#3F3F3F",
        "inputgray": "#888888",
        "babypink": "#f4b6c7",
        "paleturquoise": "#b2fce4",
        "goldenyellow": "#f8d15d",
        "venmoblue": "#008cff",
        "venmolightblue": "#299EFF",
        "debugblue": "#06E3FF",
        "pazeblue": "#0F42F8",
        "orange": "#FFB761",
        "darken1": "rgba(0, 0, 0, 0.0625)",
        "darken2": "rgba(0, 0, 0, 0.125)"
      },
      "spacing": {
        "1px": "1px",
        "2px": "2px",
        "4px": "4px",
        "6px": "6px",
        "8px": "8px",
        "12px": "12px",
        "16px": "16px",
        "24px": "24px",
…