Formatting GlobalContextsProvider in theme popup

Plasmic Studio Questions
1

What would be the correct format for this code in theme popup?
I have a GlobalContextsProvider:

return (
    <ChakraProvider
      {...chakraProviderProps}
      theme={
        chakraProviderProps && "theme" in chakraProviderProps
          ? chakraProviderProps.theme!
          : undefined
      }
    >
      {children}
    </ChakraProvider>
  );

Any help appreciate.

image.png
image.png1950×1192 240 KB

2

Actually, I added this with no error message:

{
  "colors": {
    "primary": {
      "default": "#ff00ff"
    }
  }
}

But it has no effect because some previous code I placed here seemed to strip all or most styles and I can’t seem to get the styles back:
Here is the before and current screens:

image.png
image.png1534×1100 182 KB

image.png
image.png716×1294 39.6 KB

3

We fixed the no theme issue by unset.