This page documents all WordPress options and settings used by BreakMade.
WordPress Options
BreakMade stores settings in the WordPress options table (wp_options).
Color Palette Options
| Option Name | Type | Description |
|---|
breakmade_color_palette | JSON | Full structured palette data |
breakmade_color_palette_flat | JSON | Flattened palette for quick access |
Typography Options
| Option Name | Type | Description |
|---|
breakmade_typography_presets | JSON | Installed typography presets |
Integration Options
| Option Name | Type | Description |
|---|
breakmade_headspin_mode | boolean | HeadSpinUI integration enabled |
breakmade_headspin_integrated | timestamp | When integration was last run |
breakmade_headspin_needs_css_regen | boolean | CSS regeneration pending |
Feature Toggles
| Option Name | Type | Default | Description |
|---|
breakmade_css_enabled | boolean | true | Output CSS on frontend |
breakmade_colors_enabled | boolean | true | Enable color system |
breakmade_presets_enabled | boolean | true | Enable typography presets |
breakmade_button_enabled | boolean | true | Enable button element |
breakmade_sync_css_to_breakdance | boolean | false | Store CSS in Breakdance |
Selector Options
| Option Name | Type | Description |
|---|
breakmade_selectors_registered | boolean | Whether selectors are registered |
breakmade_selectors_mode | string | Registration mode (add_new/update/replace) |
breakmade_overwrite_selectors | boolean | Overwrite existing selectors on registration |
Design Set Options
| Option Name | Type | Description |
|---|
breakmade_default_designset_template | string | Currently installed design set (e.g., ’layers') |
Sync Options
| Option Name | Type | Default | Description |
|---|
breakmade_do_not_sync_colors | boolean | false | Prevent color sync to Breakdance |
License Options
| Option Name | Type | Description |
|---|
breakmade_license_level | string | Cached license level (Free/Pro) |
Admin Settings Location
Access BreakMade settings at:
- Menu: WordPress Admin → BreakMade
- URL:
/wp-admin/admin.php?page=breakmade
Settings Sections
Design Set Section
- Set Default Design Set: Opens modal to select design set
- Current Set: Shows currently installed set name
Color Palette Section
- Install Default Palette: Installs standard color palette
- Color Picker: Interactive color customization
- Save Palette: Saves current colors
- Do Not Sync Colors: Toggle for sync behavior
Typography Section
- Install Typography Presets: Installs typography settings
- Typography Only: Toggle to install only typography
Selectors Section
- Add/Update Selectors: Registers CSS selectors
- Overwrite Selectors: Toggle for registration mode
HeadSpinUI Section
- HeadSpin Mode: Toggle integration
- Status: Shows HeadSpinUI detection status
- Merge Data: Syncs data with HeadSpinUI
- Check Unconverted Variables: Scans for old variables
AJAX Endpoints
BreakMade uses these AJAX actions:
Palette Actions
| Action | Purpose |
|---|
breakmade_save_palette | Save color palette |
breakmade_get_palette | Retrieve palette data |
breakmade_install_palette | Install default palette |
Typography Actions
| Action | Purpose |
|---|
breakmade_install_typography_presets | Install full presets |
breakmade_install_typography_only | Install typography only |
Design Set Actions
| Action | Purpose |
|---|
breakmade_install_design_set | Install selected design set |
Selector Actions
| Action | Purpose |
|---|
breakmade_register_selectors | Register CSS selectors |
breakmade_save_overwrite_selectors | Update overwrite preference |
HeadSpin Actions
| Action | Purpose |
|---|
breakmade_save_headspin_mode | Toggle HeadSpin mode |
breakmade_headspin_toggle | Handle toggle interactions |
breakmade_headspin_data | Get BreakMade data for HeadSpin |
breakmade_check_headspinui_status | Check HeadSpinUI status |
breakmade_merge_headspin_data | Merge data with HeadSpinUI |
breakmade_trigger_headspin_css_regen | Trigger CSS regeneration |
breakmade_check_unconverted_vars | Check for unconverted variables |
Utility Actions
| Action | Purpose |
|---|
breakmade_save_do_not_sync | Toggle color sync |
breakmade_dismiss_notice | Dismiss admin notices |
File Locations
Generated Files
| File | Location |
|---|
| CSS Variables | /wp-content/uploads/breakmade/breakmade-variables.css |
Plugin Files
| File | Purpose |
|---|
plugin.php | Main plugin file |
includes/admin-settings.php | Admin interface |
includes/color-palette.php | Color system |
includes/typography-presets.php | Typography system |
includes/selectors.php | Selector management |
includes/headspin-integration.php | HeadSpinUI integration |
includes/license.php | License handling |
Default Values
Color Palette Default
The default palette includes:
- Primary: Indigo (#6366f1)
- Secondary: Emerald (#10b981)
- Tertiary: Amber (#f59e0b)
- Accent: Purple (#8b5cf6)
- Neutral: Slate (#64748b)
Typography Defaults
- H1: 3rem, weight 800, line-height 110%
- H2: 2.25rem, weight 700, line-height 120%
- H3: 1.875rem, weight 700, line-height 125%
- H4: 1.5rem, weight 600, line-height 130%
- H5: 1.25rem, weight 600, line-height 140%
- H6: 1rem, weight 600, line-height 150%
- Body: 1rem, weight 400, line-height 160%
Resetting Options
Reset Individual Options
Use WP-CLI:
wp option delete breakmade_color_palette
wp option delete breakmade_typography_presets
Reset All Options
wp option delete --regex='breakmade_.*'
Via Database
Query wp_options table for rows where option_name LIKE 'breakmade_%'.
Debugging
View Current Options
// In your theme or plugin
$palette = get_option('breakmade_color_palette');
print_r($palette);
Check Option Existence
if (get_option('breakmade_headspin_mode')) {
// HeadSpin mode is enabled
}