@nex-ui/react
Version:
🎉 A beautiful, modern, and reliable React component library.
128 lines (124 loc) • 2.22 kB
JavaScript
;
var system = require('@nex-ui/system');
const blue = {
50: '#e6f1fe',
100: '#cce3fd',
200: '#99c7fb',
300: '#66aaf9',
400: '#3492ff',
500: '#006FEE',
600: '#005bc4',
700: '#004493',
800: '#022c5d',
900: '#011a37'
};
const cyan = {
50: '#ecfeff',
100: '#cffafe',
200: '#a5f3fc',
300: '#53eafd',
400: '#00d3f3',
500: '#00b8db',
600: '#00a2c8',
700: '#0c5c72',
800: '#134152',
900: '#072a38'
};
const purple = {
50: '#f2eafa',
100: '#e4d4f4',
200: '#c9a9e9',
300: '#ae7ede',
400: '#9a57dd',
500: '#7828c8',
600: '#6020a0',
700: '#481878',
800: '#301050',
900: '#240c43'
};
const pink = {
50: '#fdf2f8',
100: '#fce7f3',
200: '#fccee8',
300: '#fda5d6',
400: '#fb64b6',
500: '#f6339a',
600: '#e60076',
700: '#bb0053',
800: '#76002b',
900: '#340519'
};
const gray = {
50: '#f6f6f6',
100: '#f2f2f2',
200: '#e1e1e1',
300: '#d5d5d5',
400: '#888888',
500: '#737373',
600: '#585858',
700: '#404040',
800: '#262626',
900: '#1f1d1d'
};
const red = {
50: '#fee7ef',
100: '#fdd0df',
200: '#faa0bf',
300: '#f871a0',
400: '#f35089',
500: '#f31260',
600: '#c20e4d',
700: '#920b3a',
800: '#610726',
900: '#310413'
};
const orange = {
50: '#fff7ed',
100: '#ffedd4',
200: '#ffd7a8',
300: '#ffb86a',
400: '#ff8904',
500: '#ff6900',
600: '#f54a00',
700: '#ca3500',
800: '#7b2707',
900: '#441306'
};
const yellow = {
50: '#fefce8',
100: '#fdedd3',
200: '#fbdba7',
300: '#f9c97c',
400: '#ffc35f',
500: '#f9ae34',
600: '#e99d23',
700: '#936316',
800: '#62420e',
900: '#312107'
};
const green = {
50: '#e8faf0',
100: '#d1f4e0',
200: '#a2e9c1',
300: '#74dfa2',
400: '#45d483',
500: '#17c964',
600: '#14b058',
700: '#0e793c',
800: '#095028',
900: '#052814'
};
const colors = system.defineTokens.colors({
white: '#ffffff',
black: '#000000',
blue,
gray,
pink,
purple,
cyan,
yellow,
orange,
red,
green
});
exports.colors = colors;