Oxygen 4 → Oxygen 6 Converter: migrate Classic Oxygen, no rebuild

Oxygen 4 → Oxygen 6 Converter

Oxygen 6 is a full rebuild with no backward compatibility. Paste your Oxygen Classic JSON, choose how to handle your classes, and get an import bundle for our free ready→made plugin — so your styling lands intact instead of as "(deleted)" classes.

Oxygen 4.9 JSON Input

No Oxygen JSON yet? In the Oxygen builder, right-click an element → Export, then paste the JSON here.

CSS classes

Your global classes stay intact and each element's own styles become a selector named after its Oxygen 4 selector. Import with the free ready→made plugin: it adds a Paste from ready→made button inside the Oxygen 6 builder that registers the classes — nothing shows up as (deleted).

Heads-up: a plain Ctrl+V paste in Oxygen 6 inserts structure and text only — Oxygen 6 renders styling exclusively from registered classes, which the plugin button takes care of.

Global colors (optional)

Oxygen 4 stores global-palette colors as color(1), color(2)… references. Oxygen 6 has no equivalent, so unresolved references are dropped (and listed in the notes). Paste your Oxygen 4 global colors below to resolve them to real colors — either the exported global-colors JSON, or a simple 1: #ff0000 list (one slot per line).

How to get them: fastest — run wp option get oxygen_vsb_global_colors --format=json on your Oxygen 4 site and paste the result here (we read the slot IDs and hex values automatically). No terminal? In the Oxygen 4 editor open Manage → Global Colors and type one slot: #hex line per colour — the slot number is the N in color(N).

Content width (optional)

Oxygen 4 full-width sections center their content inside your site's global content width (Oxygen 4 default 1120px), which isn't part of an element copy — so in Oxygen 6 content can run edge-to-edge. Enter your content width to wrap each section in a centered container that reproduces it. Leave blank to keep full-width.

Page background (optional)

A page/body background colour (common on dark themes) lives on the site body, not inside an element copy — so a dark page converts to dark text on white (unreadable). Enter it (hex or CSS colour) to wrap your sections in a matching full-width background. Leave blank for none. Tip: wp option get oxygen_vsb_options --format=json, or read body { background } in your browser's dev tools.

Your site's CSS + page HTML (optional — full-page conversions)

A full-page Oxygen 4 export references your BEM classes (.hero, .card__title…) but their style definitions live in your site stylesheet, not the page JSON — so those elements convert unstyled. Paste your stylesheet(s) here (or fetch them below) and we'll rebuild each referenced class as an Oxygen 6 selector and resolve var(--…) values. Fetching also pulls your rendered page HTML so custom SVG icon sprites can be inlined.