OxyMade Colors Editor

Modify OxyMade colors from our powerful colors editor in our plugin.

Every design kit, even those from Oxygen default kits, core or our own kits, create its own global color set and a few colors for that kit to function properly.

As a result, the global color system usually becomes too crowded and turns the design system hard to maintain properly.

And we use colors in our classes such as color-primary, bg, bg-primary, and when we don’t have a particular color in the global color system, it turns everything bad and awkward.

To resolve this issue and also prepare the path for bright future plans, we have created OxyMade color system.

Now, no matter what designs/design sets you use with our kits, our blocks will have no issues with colors. Additionally, we created a simple color palette generator to create different color palettes easily. The color palette generator will be improved over the next few weeks.

These are based on css variables, so these colors wont be available in your default Oxygen global colors, our css classes use our colors, so again, there will be no conflict with Oxygen’s global colors.

You can find our colors at: Your website → OxyMade plugin → Manage colors box.

In the colors page, you will see a few important areas:

1. Color skins

Color skins
Color skins

Get started with the beautiful color palettes ready to use.

Read more about it here: Using color skins →


2. Import / export colors

Import / export colors
Import / export colors

Migrate colors between sites or import colors generated using our color palette generator.

Read more about it here: Import / export colors →


3. Oxygen native colors editor

Oxygen native colors editor
Oxygen native colors editor

Sometimes, we may need to edit the default Oxygen native global colors, and here you can use this tool to modify them easily.

Read more about it here: Oxygen native colors editor →


4. OxyMade Global Colors Editor

Using color picker to modify OxyMade global colors
Using color picker to modify OxyMade global colors

Modify OxyMade global colors to work with our framework and the design sets.

Read more about it here: Modifying OxyMade Global Colors →