Size Change: -1.03 MB (89%) 🏆

Total Size: 1.16 MB

_{compressed-size-action}

@kjellr Hi there! I'm actually testing this feature right now and I'm finding the linked documentation a bit hard to follow. It might be a good idea to provide a experimental-theme.json example (with defined link colors) for good measure especially since there isn't really an example in the linked documentation.

The theme should also ensure that its link styles map to the --wp--style--color--link variable in both the editor and front-end stylesheets.

A more detailed explanation here would be helpful as well since I find this confusing. Is this a step you have to do if you do not have an experimental-theme.json file?

Would this update make this clearer?

If a theme opts in, it should define default link colors in experimental-theme.json (or in its theme styles if no experimental-theme.json is present). For example:

{ 
    "global": {
        "styles": {
            "color": {
                "link": "hotpink"
            }
        }
    }
}

If the theme styles the link color in its stylesheets (editor and front-end), it should ensure it maps to the --wp--style--color--link CSS variable:

a {
    color: var(--wp--style--color--link);
}

@nosolosw That's perfect! Thank you for that!

Excellent suggestion, thanks @metalandcoffee and @nosolosw! I've added that in f988afc and will merge in as soon as the tests pass.