wp-bootstrap/styles/07-amethyst.json

{
    "$schema": "https://schemas.wp.org/wp/6.7/theme.json",
    "version": 3,
    "title": "Amethyst",
    "settings": {
        "color": {
            "palette": [
                {
                    "color": "#1a1028",
                    "name": "Base",
                    "slug": "base"
                },
                {
                    "color": "#e8e0f0",
                    "name": "Contrast",
                    "slug": "contrast"
                },
                {
                    "color": "#a78bfa",
                    "name": "Primary",
                    "slug": "primary"
                },
                {
                    "color": "#9ca3af",
                    "name": "Secondary",
                    "slug": "secondary"
                },
                {
                    "color": "#6ee7b7",
                    "name": "Success",
                    "slug": "success"
                },
                {
                    "color": "#fca5a5",
                    "name": "Danger",
                    "slug": "danger"
                },
                {
                    "color": "#fde68a",
                    "name": "Warning",
                    "slug": "warning"
                },
                {
                    "color": "#c084fc",
                    "name": "Info",
                    "slug": "info"
                },
                {
                    "color": "#221538",
                    "name": "Light",
                    "slug": "light"
                },
                {
                    "color": "#3b1f6e",
                    "name": "Dark",
                    "slug": "dark"
                }
            ]
        }
    },
    "styles": {
        "elements": {
            "button": {
                "color": {
                    "background": "var:preset|color|primary",
                    "text": "var:preset|color|base"
                },
                ":hover": {
                    "color": {
                        "background": "#8b5cf6"
                    }
                }
            },
            "link": {
                "color": {
                    "text": "var:preset|color|primary"
                },
                ":hover": {
                    "color": {
                        "text": "#8b5cf6"
                    }
                }
            }
        }
    }
}