@expo/styleguide-native
Version:
Foundational styles for Expo interfaces.
232 lines (231 loc) • 5.9 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.palette = void 0;
exports.palette = {
light: {
blue: {
'000': '#F1F8FF',
100: '#dbedff',
200: '#c8e1ff',
300: '#79b8ff',
400: '#2188ff',
500: '#0366d6',
600: '#005cc5',
700: '#044289',
800: '#032f62',
900: '#05264c',
},
gray: {
'000': '#fdfdfe',
100: '#f8f8fa',
200: '#f0f1f2',
300: '#e1e4e8',
400: '#d1d5da',
500: '#9b9fa3',
600: '#6c737c',
700: '#596068',
800: '#464d55',
900: '#30363c',
1000: '#25292e',
},
green: {
'000': '#f0fff4',
100: '#dcffe4',
200: '#bef5cb',
300: '#85e89d',
400: '#34d058',
500: '#28a745',
600: '#22863a',
700: '#176f2c',
800: '#165c26',
900: '#144620',
},
orange: {
'000': '#fff8f2',
100: '#ffebda',
200: '#ffd1ac',
300: '#ffab70',
400: '#fb8e41',
500: '#fa7c25',
600: '#de6614',
700: '#c45408',
800: '#96430b',
900: '#7a4018',
},
pink: {
'000': '#ffeef8',
100: '#fedbf0',
200: '#f9b3dd',
300: '#f692ce',
400: '#ec6cb9',
500: '#ea4aaa',
600: '#d03592',
700: '#b93a86',
800: '#99306f',
900: '#6d224f',
},
purple: {
'000': '#f5f0ff',
100: '#e6dcfd',
200: '#d1bcf9',
300: '#b392f0',
400: '#8a63d2',
500: '#6f42c1',
600: '#5a32a3',
700: '#4c2888',
800: '#3a1d6e',
900: '#29134e',
},
primary: {
'000': '#f9f7ff',
100: '#ede9ff',
200: '#d2cafd',
300: '#a193f9',
400: '#664fff',
500: '#4630eb',
600: '#3929c4',
700: '#2e2496',
800: '#261f73',
900: '#221e5c',
},
red: {
'000': '#fee',
100: '#ffdcdc',
200: '#fdaeae',
300: '#f97575',
400: '#ea4a4a',
500: '#d73a3a',
600: '#cb2424',
700: '#b31d1d',
800: '#9e1e1c',
900: '#861c18',
},
yellow: {
'000': '#fffdef',
100: '#fffbdd',
200: '#fff5b1',
300: '#ffeb87',
400: '#ffdf5d',
500: '#ffd33d',
600: '#f2c012',
700: '#cfa108',
800: '#9c7800',
900: '#735c0f',
},
white: '#fff',
black: '#1b1f23',
},
dark: {
blue: {
'000': '#122447',
100: '#173366',
200: '#1e4894',
300: '#2362c4',
400: '#2d73e0',
500: '#4794fd',
600: '#61abff',
700: '#8fcaff',
800: '#addaff',
900: '#cae8ff',
},
gray: {
'000': '#0d1117',
100: '#161b22',
200: '#21262d',
300: '#30363d',
400: '#484f58',
500: '#6e7681',
600: '#8b949e',
700: '#b1bac4',
800: '#c9d1d9',
900: '#f0f6fc',
1000: '#fdfdfe',
},
green: {
'000': '#1a2b20',
100: '#1d3b27',
200: '#255232',
300: '#256936',
400: '#2e853f',
500: '#38a04b',
600: '#4ab959',
700: '#65d372',
800: '#8ae592',
900: '#b9f0bd',
},
orange: {
'000': '#2e1e17',
100: '#472a1d',
200: '#66361f',
300: '#8f4824',
400: '#ad5a2b',
500: '#d67233',
600: '#eb853d',
700: '#f5a35b',
800: '#fcc279',
900: '#fcd49f',
},
pink: {
'000': '#3d182f',
100: '#571e40',
200: '#782a57',
300: '#9c356e',
400: '#bf4b8a',
500: '#de62a4',
600: '#f77ebd',
700: '#ff9bce',
800: '#ffbedd',
900: '#ffcfe6',
},
primary: {
'000': '#1b183d',
100: '#201d52',
200: '#2a2375',
300: '#342a9c',
400: '#4436c7',
500: '#5c49eb',
600: '#7766e8',
700: '#a498ed',
800: '#c9c2f2',
900: '#e4e0f5',
},
purple: {
'000': '#2b1d47',
100: '#3c2563',
200: '#553096',
300: '#6e40c9',
400: '#8957e5',
500: '#a371f7',
600: '#bc8cff',
700: '#d2a8ff',
800: '#e2c5ff',
900: '#e9d6ff',
},
red: {
'000': '#3d1515',
100: '#541c1f',
200: '#732225',
300: '#962926',
400: '#bd3939',
500: '#e0514a',
600: '#f76f65',
700: '#ff8d82',
800: '#ffb1a8',
900: '#ffd2cc',
},
yellow: {
'000': '#30250a',
100: '#473510',
200: '#664b14',
300: '#856018',
400: '#a3751a',
500: '#bf8a1f',
600: '#d4a035',
700: '#e8bb51',
800: '#f2d06d',
900: '#fae296',
},
white: '#fff',
black: '#0d1117',
},
};