cygma/themes

A little less noise.

Make room
for focus.

Considered colour for the places you think.
Three flavours. One familiar feeling.

Find your flavour Download the collection
For your editor, terminal & desktop
TS theme.ts
// Cygma semantic colour tokens.
import collection from './themes.json';
 
const flavour = 'ember';
const theme = collection.themes[flavour];
const tokens = theme.tokens;
 
const colours = {
canvas: tokens['surface.canvas'],
text: tokens['text.primary'],
accent: tokens['action.primary']
};
export default colours;
main 0 errors   0 warningsEmber
YOUR NEXT FAVOURITE WORKSPACEIllustrative preview

A different light. The same language.

01 / THE FLAVOURS
02 / COLOUR WITH INTENT

Every colour
has a purpose.

Surfaces that sit back. Syntax that speaks clearly.
One shared set of roles, wherever you work.

Explore Ember. Select a swatch to copy its hex value.

Essential palette

Download tokens

Loading the colour palette…

Designed with contrast in mind.

Text and interface colour pairs are checked against WCAG contrast thresholds. Read the measured ratios and the scope of these checks.

Contrast data
03 / MAKE YOURSELF AT HOME

Your tools.
A familiar feeling.

Bring Ember to the places you spend your day.

1

Download the collection Extract the ZIP, then open a terminal in the extracted folder.

ZIP / ALL FLAVOURS
2

The commands install theme files from the extracted collection. Select your Cygma flavour in your app afterwards. Python 3.10+ is required; Windows commands use the included PowerShell wrapper. Read the installation guide.

A small change.
A space that feels yours.

Make it your own