How to add CSS variables to .editor-styles-wrapper using javascript?

[haikbvn]

Hello,

How to add CSS variables to .editor-styles-wrapper using registerPlugin() api javascript?

e.g:

.editor-styles-wrapper {
    --color--primary: #1c6c30;
    --color--secondary: #839681;
}

Thanks!

[achchu93]

@haikbvn registerPlugin api is to add custom options to edit page sidebar. You can add variables while you register the custom editor-styles. For an example using below code,

add_editor_style ('your-custom-stylesheet.css')

within that css file you can add you variables like below,

.editor-styles-wrapper { --white-color: #fff; }

[haikbvn]

Thanks @achchu93

Is there a way to do that through JavaScript?