---
title: "Customize Your Components"
slug: "customize-your-components"
updated: 2026-10-20T19:30:46Z
published: 2026-10-20T19:30:46Z
canonical: "docs.blackthorn.io/customize-your-components"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.blackthorn.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Customize Your Components

Every component you add automatically inherits the active theme: colors, typography, button styles, borders, and spacing tokens all apply without any manual configuration. Your page looks on-brand from the moment a component lands on the canvas.

But every component also has its own settings panel with **granular overrides** for when you need a specific element to stand out or behave differently. Click any component to access:

Content tab
Edit the component's data or copy: for event-data components (Speakers, Schedule, Pricing) this controls which Salesforce fields are shown and what labels to use. For custom components (Hero, Title, Button) this is where you write the content directly.

Style tab
Override the theme defaults for this specific component: background color, text color, border, corner radius, shadow, glass effect, gradient. Changes here apply only to this instance and do not affect other components or global theme tokens.

Spacing tab
Set padding on each side of the component independently. Use the linked-toggle to apply the same value to all sides at once, or unlock it to fine-tune each side.

⚠️
Component-level style overrides take precedence over the theme. If you change your org theme later, components with manual overrides will **not** automatically update. You'll need to clear or re-apply those overrides manually. Use component-level styles sparingly and prefer theme tokens when possible.

💡
To reset a component back to pure theme defaults, remove any style overrides you've set in the Style tab. The component will immediately reflect whatever the active theme defines for that token.