{
  "$schema": "https://schemas.wp.org/wp/6.7/theme.json",
  "version": 3,
  "title": "Dark Mode",
  "settings": {
    "color": {
      "palette": [
        {
          "slug": "base",
          "color": "#0f172a",
          "name": "Base"
        },
        {
          "slug": "contrast",
          "color": "#f8fafc",
          "name": "Contrast"
        },
        {
          "slug": "primary",
          "color": "#3b82f6",
          "name": "Primary"
        },
        {
          "slug": "secondary",
          "color": "#94a3b8",
          "name": "Secondary"
        },
        {
          "slug": "accent",
          "color": "#10b981",
          "name": "Accent"
        },
        {
          "slug": "accent-2",
          "color": "#fbbf24",
          "name": "Accent 2"
        },
        {
          "slug": "accent-3",
          "color": "#f59e0b",
          "name": "Accent 3"
        },
        {
          "slug": "accent-4",
          "color": "#8b5cf6",
          "name": "Accent 4"
        },
        {
          "slug": "accent-5",
          "color": "#1e293b",
          "name": "Accent 5"
        },
        {
          "slug": "accent-6",
          "color": "color-mix(in srgb, #f8fafc 15%, transparent)",
          "name": "Accent 6"
        }
      ],
      "gradients": [
        {
          "slug": "primary-to-accent",
          "gradient": "linear-gradient(135deg, #3b82f6 0%, #10b981 100%)",
          "name": "Blue to Green"
        },
        {
          "slug": "success-gradient",
          "gradient": "linear-gradient(135deg, #10b981 0%, #fbbf24 100%)",
          "name": "Success Gradient"
        }
      ]
    }
  },
  "styles": {
    "color": {
      "background": "#0f172a",
      "text": "#f8fafc"
    },
    "elements": {
      "link": {
        "color": {
          "text": "#3b82f6"
        },
        ":hover": {
          "color": {
            "text": "#60a5fa"
          }
        }
      },
      "button": {
        "color": {
          "background": "#3b82f6",
          "text": "#ffffff"
        },
        ":hover": {
          "color": {
            "background": "#2563eb"
          }
        }
      },
      "heading": {
        "color": {
          "text": "#f8fafc"
        }
      }
    },
    "blocks": {
      "core/site-title": {
        "color": {
          "text": "#3b82f6"
        }
      },
      "core/navigation": {
        "elements": {
          "link": {
            "color": {
              "text": "#f8fafc"
            }
          }
        }
      }
    }
  }
}