Page Style Inheritance

An example style is provided with the plugin, but it is meant to be filtered with styles applicable to the theme.

add_filter( 'psi_styles', 'my_psi_styles_filter' );
/**
 * Filter Page Style Inheritance styles.
 *
 * @return array A custom list of style options.
 */
function my_psi_styles_filter() {
    return [
        ''        => [
            'name' => __( 'Inherit parent style', 'my-plugin' ),
        ],
        'my-style-one' => [
            'name'      => __( 'My Style One', 'my-plugin' ),
            'variables' => [
                '--page-style-color' => '#132324',
            ],
            'selectors' => [
                '.example-selector' => [
                    'color'            => 'var(--wp--preset--color--primary)',
                    'background-color' => 'var(--wp--preset--color--secondary)',
                ],
            ],
        ],
        'my-style-two' => [
            'name'      => __( 'My Style Two', 'my-plugin' ),
            'variables' => [
                '--page-style-color' => '#432123',
            ],
            'selectors' => [
                '.example-selector' => [
                    'color'            => 'var(--wp--preset--color--secondary)',
                    'background-color' => 'var(--wp--preset--color--primary)',
                ],
            ],
        ],
    ];
}