@nex-ui/react
Version:
🎉 A beautiful, modern, and reliable React component library.
243 lines (239 loc) • 6.4 kB
JavaScript
'use strict';
var system = require('@nex-ui/system');
const colors = system.defineSemanticTokens.colors({
blue: {
primary: {
_DEFAULT: '{colors.blue.500}',
_dark: '{colors.blue.600}'
},
secondary: {
_DEFAULT: '{colors.blue.400}',
_dark: '{colors.blue.500}'
},
subtle: {
_DEFAULT: '{colors.blue.50}',
_dark: '{colors.blue.900}'
},
muted: {
_DEFAULT: '{colors.blue.100}',
_dark: '{colors.blue.800}'
},
highlight: {
_DEFAULT: '{colors.blue.300}',
_dark: '{colors.blue.600}'
},
contrastText: {
_DEFAULT: '{colors.white}',
_dark: '{colors.white}'
}
},
gray: {
primary: {
_DEFAULT: '{colors.gray.500}',
_dark: '{colors.gray.600}'
},
secondary: {
_DEFAULT: '{colors.gray.400}',
_dark: '{colors.gray.500}'
},
subtle: {
_DEFAULT: '{colors.gray.50}',
_dark: '{colors.gray.900}'
},
muted: {
_DEFAULT: '{colors.gray.100}',
_dark: '{colors.gray.800}'
},
highlight: {
_DEFAULT: '{colors.gray.300}',
_dark: '{colors.gray.600}'
},
contrastText: {
_DEFAULT: '{colors.white}',
_dark: '{colors.white}'
}
},
red: {
primary: {
_DEFAULT: '{colors.red.500}',
_dark: '{colors.red.600}'
},
secondary: {
_DEFAULT: '{colors.red.400}',
_dark: '{colors.red.500}'
},
subtle: {
_DEFAULT: '{colors.red.50}',
_dark: '{colors.red.900}'
},
muted: {
_DEFAULT: '{colors.red.100}',
_dark: '{colors.red.800}'
},
highlight: {
_DEFAULT: '{colors.red.300}',
_dark: '{colors.red.600}'
},
contrastText: {
_DEFAULT: '{colors.white}',
_dark: '{colors.white}'
}
},
orange: {
primary: {
_DEFAULT: '{colors.orange.500}',
_dark: '{colors.orange.600}'
},
secondary: {
_DEFAULT: '{colors.orange.400}',
_dark: '{colors.orange.500}'
},
subtle: {
_DEFAULT: '{colors.orange.50}',
_dark: '{colors.orange.900}'
},
muted: {
_DEFAULT: '{colors.orange.100}',
_dark: '{colors.orange.800}'
},
highlight: {
_DEFAULT: '{colors.orange.300}',
_dark: '{colors.orange.600}'
},
contrastText: {
_DEFAULT: '{colors.black}',
_dark: '{colors.black}'
}
},
yellow: {
primary: {
_DEFAULT: '{colors.yellow.500}',
_dark: '{colors.yellow.600}'
},
secondary: {
_DEFAULT: '{colors.yellow.400}',
_dark: '{colors.yellow.500}'
},
subtle: {
_DEFAULT: '{colors.yellow.50}',
_dark: '{colors.yellow.900}'
},
muted: {
_DEFAULT: '{colors.yellow.100}',
_dark: '{colors.yellow.800}'
},
highlight: {
_DEFAULT: '{colors.yellow.300}',
_dark: '{colors.yellow.600}'
},
contrastText: {
_DEFAULT: '{colors.black}',
_dark: '{colors.black}'
}
},
green: {
primary: {
_DEFAULT: '{colors.green.500}',
_dark: '{colors.green.600}'
},
secondary: {
_DEFAULT: '{colors.green.400}',
_dark: '{colors.green.500}'
},
subtle: {
_DEFAULT: '{colors.green.50}',
_dark: '{colors.green.900}'
},
muted: {
_DEFAULT: '{colors.green.100}',
_dark: '{colors.green.800}'
},
highlight: {
_DEFAULT: '{colors.green.300}',
_dark: '{colors.green.600}'
},
contrastText: {
_DEFAULT: '{colors.black}',
_dark: '{colors.black}'
}
},
cyan: {
primary: {
_DEFAULT: '{colors.cyan.500}',
_dark: '{colors.cyan.600}'
},
secondary: {
_DEFAULT: '{colors.cyan.400}',
_dark: '{colors.cyan.500}'
},
subtle: {
_DEFAULT: '{colors.cyan.50}',
_dark: '{colors.cyan.900}'
},
muted: {
_DEFAULT: '{colors.cyan.100}',
_dark: '{colors.cyan.800}'
},
highlight: {
_DEFAULT: '{colors.cyan.300}',
_dark: '{colors.cyan.600}'
},
contrastText: {
_DEFAULT: '{colors.white}',
_dark: '{colors.white}'
}
},
purple: {
primary: {
_DEFAULT: '{colors.purple.500}',
_dark: '{colors.purple.600}'
},
secondary: {
_DEFAULT: '{colors.purple.400}',
_dark: '{colors.purple.500}'
},
subtle: {
_DEFAULT: '{colors.purple.50}',
_dark: '{colors.purple.900}'
},
muted: {
_DEFAULT: '{colors.purple.100}',
_dark: '{colors.purple.800}'
},
highlight: {
_DEFAULT: '{colors.purple.300}',
_dark: '{colors.purple.600}'
},
contrastText: {
_DEFAULT: '{colors.white}',
_dark: '{colors.white}'
}
},
pink: {
primary: {
_DEFAULT: '{colors.pink.500}',
_dark: '{colors.pink.600}'
},
secondary: {
_DEFAULT: '{colors.pink.400}',
_dark: '{colors.pink.500}'
},
subtle: {
_DEFAULT: '{colors.pink.50}',
_dark: '{colors.pink.900}'
},
muted: {
_DEFAULT: '{colors.pink.100}',
_dark: '{colors.pink.800}'
},
highlight: {
_DEFAULT: '{colors.pink.300}',
_dark: '{colors.pink.600}'
},
contrastText: {
_DEFAULT: '{colors.white}',
_dark: '{colors.white}'
}
}
});
exports.colors = colors;