@alore/auth-react-native-ui
Version:
React Native UI for Alore Auth
99 lines (98 loc) • 1.75 kB
text/typescript
export const Colors = {
gray: {
50: '#F9FAFB',
100: '#F3F4F6',
200: '#E5E7EB',
300: '#D1D5DB',
400: '#9CA3AF',
500: '#6B7280',
600: '#4B5563',
700: '#374151',
800: '#1F2937',
900: '#111827',
},
blue: {
50: '#EFF6FF',
100: '#DBE4FF',
200: '#BFDBFE',
300: '#93C5FD',
400: '#60A5FA',
500: '#3B82F6',
600: '#2563EB',
700: '#1D4ED8',
800: '#1E3A8A',
900: '#1E3A8A',
},
green: {
50: '#ECFDF5',
100: '#C1DAEF',
200: '#A3BFFA',
300: '#7094DB',
400: '#4299E1',
500: '#3182CE',
600: '#2B6CB0',
700: '#2C5282',
800: '#2A4365',
900: '#1A365D',
},
red: {
50: '#FEE2E2',
100: '#FECACA',
200: '#FCA5A5',
300: '#F87171',
400: '#EF4444',
500: '#DC2626',
600: '#B91C1C',
700: '#991B1B',
800: '#7F1D1D',
900: '#45101A',
},
yellow: {
50: '#FFF9DB',
100: '#FCFCD8',
200: '#FDE68A',
300: '#FCD34D',
400: '#FBBF24',
500: '#F59E0B',
600: '#D69E2E',
700: '#B45309',
800: '#92400E',
900: '#78350F',
},
indigo: {
50: '#EDF2F7',
100: '#CFD8DC',
200: '#BACDD8',
300: '#A3B3C2',
400: '#8894A7',
500: '#6574CD',
600: '#565AB3',
700: '#40407A',
800: '#312E81',
900: '#1D2671',
},
purple: {
50: '#F3E8F7',
100: '#EAD5F3',
200: '#DAAEC7',
300: '#C084C0',
400: '#A855C7',
500: '#933CAC',
600: '#7E3AAF',
700: '#632582',
800: '#4C286F',
900: '#341852',
},
pink: {
50: '#FDF2F8',
100: '#FCE4F1',
200: '#F9C9D7',
300: '#F687B3',
400: '#F33555',
500: '#ED1C6F',
600: '#C02674',
700: '#961F79',
800: '#751757',
900: '#4C1C4E',
},
};