@coveord/plasma-mantine
Version:
A Plasma flavoured Mantine theme
52 lines (51 loc) • 1.47 kB
JavaScript
import { color } from '@coveord/plasma-tokens';
const toMantineColor = (plasmaColor)=>Object.values(plasmaColor);
const navy = toMantineColor(color.primary.navy);
const red = toMantineColor(color.accent.red);
const yellow = toMantineColor(color.accent.yellow);
const teal = toMantineColor(color.accent.teal);
const lime = [
color.secondary.lime[0],
color.secondary.lime[0],
color.secondary.lime[0],
color.secondary.lime[0],
color.secondary.lime[6],
color.secondary.lime[6],
color.secondary.lime[6],
color.secondary.lime[9],
color.secondary.lime[9],
color.secondary.lime[9]
];
export const PlasmaColors = {
// Primary
gray: toMantineColor(color.primary.gray),
action: [
color.primary.action[1],
color.primary.action[1],
color.primary.action[2],
color.primary.action[3],
color.primary.action[4],
color.primary.action[6],
color.primary.action[6],
color.primary.action[8],
color.primary.action[8],
color.primary.action[9]
],
navy,
info: navy,
// Accent
blue: toMantineColor(color.accent.blue),
red,
critical: red,
teal,
new: teal,
yellow,
warning: yellow,
// Secondary
green: toMantineColor(color.secondary.green),
indigo: toMantineColor(color.secondary.indigo),
lime,
success: lime,
purple: toMantineColor(color.secondary.purple)
};
//# sourceMappingURL=PlasmaColors.js.map