change page background color

[kumarajay0412]

Suppose I have a page, I can edit its title. Is there any way I can edit and assign any custom colour to the background currently, it is white only ?

it would be great if we can add prop for page background color below title

[chrisvxd]

Hey @kumarajay0412! You can add a new field to the root by adding a field to the root and use the render to render it.

If you're looking to add it the the body, you'll probably need to inject some styles or do some other Next.js magic.

const config = {
  root: {
    fields: {
      title: {
        type: "text",
      },
      background: {
        type: "text",
      },
    },
    render: ({ children, title, background }) => {
      return <div style={{ background }}>{children}</div>;
    },
  },
};

Moving this to discussions