Documentation will be updated after Scripts Organizer version 3 is released.

Get Oxygen Global colors as CSS Variables

If you want to write external CSS the easiest way to sync the global colors between the oxygen and an external CSS is through the variables.

You will need to get all variables into the header under the root. The output should look like this:

<style type='text/css'> :root { --blue: #2245f8; --yellow: #ffeb57; --black: #1d1d1b; --white: #ffffff; --grey: #89a0b5; --light-grey: #e4e6e8; --ultra-light-grey: #f8f9fb; --new-feature: #64fcc2; } </style>
Code language: HTML, XML (xml)

This content is visible only for owners of

Scripts Organizer.

Please login to see the content.

Marko Krstić

Owner of dPlugins. Started with design in 1999. Currently, besides dPlugins, he is an Art director at Scandic Hotels, delivering design for the Web and the App for 270 Scandinavian hotels.