V2: Theming of choices popup does not work correctly

[Akkora]

Are you requesting a feature, reporting a bug or ask a question?

bug

What is the current behavior?

When theming the creator, the colors are not applied to the choices popup. It seems that there the variables aren't used. In the screenshot you can see, that the cancel and apply buttons don't have the lightgreen color, but stay in their default color.

What is the expected behavior?

Custom colors are applied to the cancel and apply buttons aswell

How would you reproduce the current behavior (if this is a bug)?

1. Go to the test page url
2. Add question with choice (radio group, checkbox, etc)
3. Open the choices bulk edit modal with this button
   

Provide the test code and the tested page URL (if applicable)

Tested page URL: https://www.surveyjs.io/Examples/Creator?id=editor-custom-theme-css-vars&platform=KnockoutjsV2&theme=modern#content-result

Specify your

• browser: Chrome 98
• editor version: 1.9.10-beta.1

[tsv2013]

It looks like this rule .sv-popup__button.sv-popup__button--apply has hardcoded colors. @dk981234 could you take a look?

[Akkora]

Seems to be still broken in 1.9.14.
I tried in ReactjsV2 and KnockoutjsV2: https://www.surveyjs.io/Examples/Creator?id=editor-custom-theme-css-vars&platform=KnockoutjsV2&theme=modern

[Akkora]

Additional styling of popup is missing. Since we added the variable additional to the .sv-popup the theming is applied to the border and canceln button. Just the background of the apply button is still in the wrong color.

[tsv2013]

CSS variables should be declared on the body level. Here is the plunker example - https://plnkr.co/edit/CHu15l7ZkBAYtyGt
We'll update the example on our site.