UNPKG

@nex-ui/react

Version:

🎉 A beautiful, modern, and reliable React component library.

128 lines (124 loc) • 2.22 kB
'use strict'; 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;