OBJECT

Theme

Site-wide attributes used for theming, such as colours and fonts.

link GraphQL Schema definition

  • type Theme {
  • # Font family for body/paragraph text.
  • bodyFontFamily: String!
  • # Primary brand color for your site.
  • brandColor: String!
  • # Text color to use when the brand color is the background color
  • brandTextColor: String!
  • # Color used for ecommerce action buttons (e.g. add item to cart).
  • ecommerceActionColor: String!
  • # Text color used for ecommerce action buttons (e.g. add item to cart).
  • ecommerceActionTextColor: String!
  • # URL for loading the relevant fonts.
  • fontUrl: String!
  • # Background color for the main footer.
  • footerBackgroundColor: String!
  • # Color for links in the main footer.
  • footerLinkColor: String!
  • # Color for text in the main footer.
  • footerTextColor: String!
  • # Background color for the main header.
  • headerBackgroundColor: String!
  • # Border color used to separate elements within the main header.
  • headerBorderColor: String!
  • # Color for text in the main header.
  • headerTextColor: String!
  • # Font family for header/title text.
  • headingFontFamily: String!
  • # Color used for lead generation action buttons (e.g. contact seller, show
  • # address).
  • leadActionColor: String!
  • # Text color used for lead generation action buttons (e.g. contact seller, show
  • # address).
  • leadActionTextColor: String!
  • # Color used for primary action buttons (e.g. submit a form, or proceed to
  • # checkout).
  • primaryActionColor: String!
  • # Text color used for primary action buttons (e.g. submit a form, or proceed to
  • # checkout).
  • primaryActionTextColor: String!
  • # Color used for promotions and featured banners.
  • promotionBannerColor: String!
  • # Text color used for promotions and featured banners.
  • promotionBannerTextColor: String!
  • }