---
title: CheckoutBrandingButtonColorRolesInput - GraphQL Admin
description: The input fields to set colors for buttons.
api_version: 2026-10
source_url:
  html: >-
    https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutBrandingButtonColorRolesInput
  md: >-
    https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutBrandingButtonColorRolesInput.md
api_name: admin
api_type: graphql
type: input-object
---

# Checkout​Branding​Button​Color​Roles​Input

input\_object

The input fields to set colors for buttons.

## Fields

* accent

  [String](https://shopify.dev/docs/api/admin-graphql/latest/scalars/String)

  The color of accented objects (links and focused state).

* background

  [String](https://shopify.dev/docs/api/admin-graphql/latest/scalars/String)

  The color of the background.

* border

  [String](https://shopify.dev/docs/api/admin-graphql/latest/scalars/String)

  The color of borders.

* decorative

  [String](https://shopify.dev/docs/api/admin-graphql/latest/scalars/String)

  The decorative color for highlighting specific parts of the user interface.

* hover

  [Checkout​Branding​Color​Roles​Input](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutBrandingColorRolesInput)

  The colors of the button on hover.

* icon

  [String](https://shopify.dev/docs/api/admin-graphql/latest/scalars/String)

  The color of icons.

* text

  [String](https://shopify.dev/docs/api/admin-graphql/latest/scalars/String)

  The color of text.

***

## Input objects using this input

* [Checkout​Branding​Color​Scheme​Input.primaryButton](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutBrandingColorSchemeInput#fields-primaryButton)

  INPUT OBJECT

  The input fields for a base set of color customizations that's applied to an area of Checkout, from which every component pulls its colors.

* [Checkout​Branding​Color​Scheme​Input.secondaryButton](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutBrandingColorSchemeInput#fields-secondaryButton)

  INPUT OBJECT

  The input fields for a base set of color customizations that's applied to an area of Checkout, from which every component pulls its colors.

***

## Map

### Input objects using this input

* [Checkout​Branding​Color​Scheme​Input.primaryButton](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutBrandingColorSchemeInput#fields-primaryButton)
* [Checkout​Branding​Color​Scheme​Input.secondaryButton](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutBrandingColorSchemeInput#fields-secondaryButton)