@nex-ui/react
Version:
🎉 A beautiful, modern, and reliable React component library.
147 lines (143 loc) • 4.04 kB
JavaScript
;
var system = require('@nex-ui/system');
// NextUI
const blue = {
50: 'oklch(95% 0.02 252.59)',
100: 'oklch(91% 0.04 251.57)',
200: 'oklch(86% 0.09 251.98)',
300: 'oklch(75% 0.13 253.3)',
400: 'oklch(68% 0.21 256.76)',
500: 'oklch(60.5% 0.23 257.95)',
600: 'oklch(55% 0.2 257.73)',
700: 'oklch(40% 0.14 257.21)',
800: 'oklch(32% 0.11 255.6)',
900: 'oklch(22% 0.08 251.78)'
};
// Tailwind
const cyan = {
50: 'oklch(98.4% 0.019 200.873)',
100: 'oklch(92.6% 0.045 203.388)',
200: 'oklch(86.7% 0.08 205.041)',
300: 'oklch(80.5% 0.127 207.078)',
400: 'oklch(75.9% 0.154 211.53)',
500: 'oklch(70.5% 0.143 215.221)',
600: 'oklch(65.9% 0.126 221.723)',
700: 'oklch(50% 0.134 242.749)',
800: 'oklch(40% 0.09 224.283)',
900: 'oklch(33% 0.07 227.392)'
};
// NextUI
const purple = {
50: 'oklch(97% 0.02 308.31)',
100: 'oklch(91% 0.05 307.94)',
200: 'oklch(87% 0.1 307.12)',
300: 'oklch(73% 0.15 305.96)',
400: 'oklch(67% 0.19 304.04)',
500: 'oklch(60% 0.23 300.51)',
600: 'oklch(52% 0.2 300.82)',
700: 'oklch(45% 0.15 301.28)',
800: 'oklch(29% 0.11 302.07)',
900: 'oklch(20% 0.06 303.76)'
};
// NextUI
const pink = {
50: 'oklch(96% 0.03 335.48)',
100: 'oklch(90% 0.05 336.28)',
200: 'oklch(86% 0.1 337.19)',
300: 'oklch(80% 0.16 338.44)',
400: 'oklch(73% 0.21 339.77)',
500: 'oklch(68% 0.25 341.36)',
600: 'oklch(60% 0.21 341.23)',
700: 'oklch(45% 0.16 341.09)',
800: 'oklch(34% 0.12 340.74)',
900: 'oklch(24% 0.07 340.08)'
};
// Tailwind
const gray = {
// 50: 'oklch(96.5% 0.002 247.839)',
// 100: 'oklch(92.7% 0.003 264.542)',
// 200: 'oklch(85.8% 0.006 264.531)',
// 300: 'oklch(80.2% 0.01 258.338)',
// 400: 'oklch(74.7% 0.022 261.325)',
// 500: 'oklch(67.1% 0.027 264.364)',
// 600: 'oklch(46.6% 0.03 256.802)',
// 700: 'oklch(43.3% 0.034 259.733)',
// 800: 'oklch(29.8% 0.033 256.848)',
// 900: 'oklch(21% 0.031 264.665)',
50: 'oklch(97% 0 0)',
100: 'oklch(92% 0 0)',
200: 'oklch(89% 0 0)',
300: 'oklch(82% 0 0)',
400: 'oklch(73% 0 0)',
500: 'oklch(66% 0 0)',
600: 'oklch(56% 0 0)',
700: 'oklch(42% 0 0)',
800: 'oklch(26% 0 0)',
900: 'oklch(22% 0 0)'
};
// NextUI
const red = {
50: 'oklch(95.5% 0.03 354.56)',
100: 'oklch(90% 0.05 356.28)',
200: 'oklch(85% 0.11 357.74)',
300: 'oklch(78% 0.17 0.43)',
400: 'oklch(71% 0.22 4.64)',
500: 'oklch(63% 0.24 11.33)',
600: 'oklch(56.2% 0.2 10.67)',
700: 'oklch(43% 0.16 9.91)',
800: 'oklch(32% 0.11 8.83)',
900: 'oklch(21% 0.07 5.57)'
};
// Tailwind
const orange = {
50: 'oklch(98% 0.025 73.684)',
100: 'oklch(95.4% 0.058 75.164)',
200: 'oklch(90.1% 0.076 70.697)',
300: 'oklch(83.7% 0.128 66.29)',
400: 'oklch(78% 0.183 55.934)',
500: 'oklch(70.5% 0.213 47.604)',
600: 'oklch(64.6% 0.222 41.116)',
700: 'oklch(55.3% 0.195 38.402)',
800: 'oklch(38.2% 0.09 37.304)',
900: 'oklch(31.8% 0.083 38.172)'
};
// NextUI
const yellow = {
50: 'oklch(99% 0.03 102.11)',
100: 'oklch(95% 0.04 79.97)',
200: 'oklch(91% 0.08 79.59)',
300: 'oklch(86% 0.11 78.32)',
400: 'oklch(82% 0.14 76.33)',
500: 'oklch(78% 0.18 75.32)',
600: 'oklch(74% 0.16 75.63)',
700: 'oklch(63% 0.11 73.11)',
800: 'oklch(45% 0.08 74.2)',
900: 'oklch(35% 0.05 76.31)'
};
// NextUI
const green = {
50: 'oklch(98% 0.03 161.68)',
100: 'oklch(96% 0.08 160.33)',
200: 'oklch(92% 0.09 159.13)',
300: 'oklch(87% 0.13 156.78)',
400: 'oklch(84% 0.16 154.23)',
500: 'oklch(80% 0.21 150.81)',
600: 'oklch(75% 0.19 151.04)',
700: 'oklch(52% 0.153 151.35)',
800: 'oklch(38% 0.09 152.28)',
900: 'oklch(32% 0.06 154.13)'
};
const colors = system.defineTokens.colors({
white: 'oklch(1 0 0)',
black: 'oklch(0 0 0)',
blue,
gray,
pink,
purple,
cyan,
yellow,
orange,
red,
green
});
exports.colors = colors;