Question 1

How do I use CSS variables in Breakdance and Oxygen Builder?

Accepted Answer

BreakColorUI generates production-ready CSS custom properties that you can paste directly into Breakdance Global Styles or Oxygen Builder Stylesheets. Use our Chrome Extension to sync color systems instantly to both Breakdance and Oxygen Builder interfaces.

Question 2

What is the best color system for Breakdance and Oxygen Builder?

Accepted Answer

BreakColorUI creates accessible 12-step color palettes based on Radix Colors methodology, optimized for Breakdance and Oxygen Builder workflows. Each palette includes automatic WCAG contrast ratios and works seamlessly with both Breakdance global styles and Oxygen Builder stylesheets.

Question 3

Can I export design tokens to Breakdance and Oxygen Builder?

Accepted Answer

Yes. BreakColorUI exports complete design systems as CSS custom properties including colors, typography, spacing, and theme variables. Use the Chrome Extension for instant sync or copy CSS variables directly into Breakdance Global Styles or Oxygen Builder Stylesheets.

Question 4

Does BreakColorUI work with Breakdance and Oxygen Builder?

Accepted Answer

Yes. BreakColorUI is specifically designed for both Breakdance and Oxygen Builder workflows. It generates CSS custom properties compatible with both platforms and includes a Chrome Extension that integrates directly into Breakdance and Oxygen Builder interfaces.

Question 5

How do I create a fluid typography system for Breakdance and Oxygen Builder?

Accepted Answer

BreakColorUI includes a fluid typography generator that creates CSS clamp() based font scales. Configure viewport ranges and step sizes, then export as CSS variables ready for Breakdance global styles or Oxygen Builder stylesheets. Perfect for responsive WordPress sites built with either platform.

Question 6

How do I add CSS variables to Oxygen Builder?

Accepted Answer

BreakColorUI generates CSS custom properties that you can paste directly into Oxygen Builder's Manage > Stylesheets > Universal CSS section. Alternatively, use our Chrome Extension to sync color systems instantly while working in the Oxygen Builder editor.

Question 7

Does BreakColorUI support Oxygen Builder color presets?

Accepted Answer

Yes. BreakColorUI creates CSS variables that integrate seamlessly with Oxygen Builder's color management system. Our color palettes work perfectly with Oxygen's global colors feature and can be referenced throughout your Oxygen Builder projects.

Question 8

Can I use BreakColorUI with Oxygen Builder and Breakdance together?

Accepted Answer

Absolutely. BreakColorUI generates universal CSS custom properties that work across both platforms. You can maintain a consistent design system across multiple WordPress sites, whether they use Breakdance, Oxygen Builder, or both.

Question 9

Do I need a WordPress plugin for BreakColorUI?

Accepted Answer

No. BreakColorUI works entirely with CSS custom properties. Simply paste the generated CSS into Breakdance Global Styles or Oxygen Builder Stylesheets. No WordPress plugin required—just pure CSS variables that work natively with both platforms.

Design System forBreakdance & Oxygen 6

HeadSpin UI

Breakdance

Oxygen 6

Color Palette Generator for Breakdance & Oxygen

Manage Your Design System

Chrome Extension for Breakdance & Oxygen 6

BreakColorUI Connector

Instant Sync

Auto-Detect

Flexible Format

Quick Access Inside Breakdance & Oxygen Editor

COLOR PALETTE

BRAND

NEUTRAL

GLOBAL COLORS

COLOR PALETTE

BRAND

NEUTRAL

GLOBAL COLORS

COLOR PALETTE

BRAND

NEUTRAL

GLOBAL COLORS

What our users say