@nexusui/theme/colors.d.ts

This is a simple MUI theme drop in for your React application, which aims to be the source of truth for the NexusUI Design system.

// Generated palettes created using this tool: http://mcg.mbitson.com/
// Primary
var darkBlue = {
    50: '#C6E8EF',
    100: '#9DD7E4',
    200: '#4AB5CE',
    300: '#0097BA',
    400: '#0086A8',
    500: '#007496',
    600: '#006284',
    700: '#005072',
    800: '#003C5C',
    900: '#002846',
};
// Secondary / Success
var green = {
    50: '#E2F2CE',
    100: '#CEE9AC',
    200: '#B9E189',
    300: '#A5D867',
    400: '#90CA59',
    500: '#7BBB4B',
    600: '#65AD3D',
    700: '#509E2F',
    800: '#348718',
    900: '#186F00',
};
// Info
var blue = {
    50: '#E1F7FF',
    100: '#B5EAFD',
    200: '#84DEFA',
    300: '#53D0F5',
    400: '#2EC6F0',
    500: '#1DBCEA',
    600: '#14ACD5',
    700: '#0097BA',
    800: '#0084A1',
    900: '#00698A',
};
// Warning
var orange = {
    50: '#FDF2E0',
    100: '#FADFB2',
    200: '#F7CA7F',
    300: '#F4B54D',
    400: '#F2A527',
    500: '#F19602',
    600: '#ED8A00',
    700: '#E77B00',
    800: '#E16C00',
    900: '#D85300',
};
// Error
var red = {
    50: '#FFEBEE',
    100: '#FFCDD2',
    200: '#EF9A9A',
    300: '#E57373',
    400: '#EF5350',
    500: '#F44336',
    600: '#E53935',
    700: '#D32F2F',
    800: '#C62828',
    900: '#B71C1C',
};
var white = {
    50: '#ffffff',
    100: '#ffffff',
    200: '#ffffff',
    300: '#ffffff',
    400: '#ffffff',
    500: '#ffffff',
    600: '#ffffff',
    700: '#ffffff',
    800: '#ffffff',
    900: '#ffffff',
};
var grey = {
    50: '#F3F3F3',
    100: '#E6E6E6',
    200: '#DCDDDD',
    300: '#D1D3D4',
    400: '#949494',
    500: '#747577',
    600: '#545559',
    700: '#333436',
    800: '#121212',
    900: '#000000',
};
var black = {
    50: '#e3e3e3',
    100: '#b8b8b8',
    200: '#898989',
    300: '#595959',
    400: '#363636',
    500: '#121212',
    600: '#101010',
    700: '#0d0d0d',
    800: '#0a0a0a',
    900: '#050505',
};
var highlight = {
    mint: '#009F62',
    turquoise: '#48DBCF',
    bluejay: '#547CDE',
    cerulean: '#58A8E8',
    radiantYellow: '#FC9F19',
    sunshine: '#F7C50C',
    blueberry: '#A144EA',
    candy: '#F569E2',
};
var index = {
    darkBlue: darkBlue,
    green: green,
    blue: blue,
    orange: orange,
    red: red,
    white: white,
    grey: grey,
    black: black,
    highlight: highlight,
};

export { black, blue, darkBlue, index as default, green, grey, highlight, orange, red, white };