netlify.com/Snapshot/Export/Tailwind Config

Tailwind Config

Tailwind CSS theme.extend · 130 tokens

Preview

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

module.exports = {
  "theme": {
    "extend": {
      "colors": {
        "ntl-active-switcher-tab-bg-color": "#0c2a2a",
        "ntl-badge-bg-color": "#1e242c",
        "ntl-badge-text-color": "#e6ecf2",
        "ntl-blockquote-accent-color": "#32e6e2",
        "ntl-blue-100": "#cde2ff",
        "ntl-blue-200": "#b5d2fb",
        "ntl-blue-300": "#9cbef6",
        "ntl-blue-400": "#80abfa",
        "ntl-blue-500": "#5d8df5",
        "ntl-blue-600": "#316bf4",
        "ntl-blue-700": "#2e51ed",
        "ntl-blue-800": "#2036a1",
        "ntl-blue-900": "#1b205b",
        "ntl-button-outline-bg-color-hover": "#3b434c",
        "ntl-button-primary-bg-color-hover": "#8efbf7",
        "ntl-card-border-color-hover": "#014847",
        "ntl-color-brand-primary": "#14d8d4",
        "ntl-color-disabled-border": "#4d565f",
        "ntl-color-highlight-bg": "#d8c7ff",
        "srgb-0-870588": "color(srgb 0.870588 1 0.996078 / 0.2)",
        "srgb-0-207843": "color(srgb 0.207843 0.227451 0.243137 / 0.12)"
      },
      "fontFamily": {
        "youtube-noto": [
          "YouTube Noto",
          "Roboto",
          "Arial",
          "Helvetica",
          "sans-serif"
        ],
        "instrument-sans": [
          "Instrument Sans",
          "system-ui",
…