Formatting GlobalContextsProvider in theme popup

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

return (
        chakraProviderProps && "theme" in chakraProviderProps
          ? chakraProviderProps.theme!
          : undefined

Any help appreciate.

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:

We fixed the no theme issue by unset.