{
  "color": {
    "primary": {
      "content": {
        "none": {
          "$value": "{core.color.blue-48}",
          "$type": "color"
        },
        "hovered": {
          "$value": "{core.color.blue-38}",
          "$type": "color"
        },
        "pressed": {
          "$value": "{core.color.blue-28}",
          "$type": "color"
        }
      },
      "border": {
        "none": {
          "$value": "{core.color.blue-48}",
          "$type": "color"
        },
        "hovered": {
          "$value": "{core.color.blue-38}",
          "$type": "color"
        },
        "pressed": {
          "$value": "{core.color.blue-28}",
          "$type": "color"
        }
      },
      "background": {
        "none": {
          "$value": "{core.color.blue-48}",
          "$type": "color"
        },
        "hovered": {
          "$value": "{core.color.blue-38}",
          "$type": "color"
        },
        "pressed": {
          "$value": "{core.color.blue-28}",
          "$type": "color"
        }
      },
      "sub-background": {
        "none": {
          "$value": "{core.color.blue-88}",
          "$type": "color"
        },
        "hovered": {
          "$value": "{core.color.blue-86}",
          "$type": "color"
        },
        "pressed": {
          "$value": "{core.color.blue-84}",
          "$type": "color"
        }
      },
      "text-on-sub-background": {
        "none": {
          "$value": "{core.color.blue-40}",
          "$type": "color"
        },
        "hovered": {
          "$value": "{core.color.blue-30}",
          "$type": "color"
        },
        "pressed": {
          "$value": "{core.color.blue-20}",
          "$type": "color"
        }
      }
    }
  }
}