cjaewon · March 28, 2021 02:09 · Mar 28, 2021
diff --git a/media.ts b/media.ts
@@ -0,0 +1,15 @@
+const mediaQuery = (maxWidth: number) => `
+  @media (max-width: ${maxWidth}px)
+`;
+
+const media = {
+  xxlarge: mediaQuery(1920),
+  xlarge: mediaQuery(1440),
+  large: mediaQuery(1200),
+  medium: mediaQuery(1024),
+  small: mediaQuery(768),
+  xsmall: mediaQuery(375),
+  custom: mediaQuery,
+};
+
+export default media;
diff --git a/palette.ts b/palette.ts
@@ -0,0 +1,82 @@
+export default {
+  GRAY_50: '#F9FAFB',
+  GRAY_100: '#F3F4F6',
+  GRAY_200: '#E5E7EB',
+  GRAY_300: '#D1D5DB',
+  GRAY_400: '#9CA3AF',
+  GRAY_500: '#6B7280',
+  GRAY_600: '#4B5563',
+  GRAY_700: '#374151',
+  GRAY_800: '#1F2937',
+  GRAY_900: '#111827',
+  RED_50: '#FEF2F2',
+  RED_100: '#FEE2E2',
+  RED_200: '#FECACA',
+  RED_300: '#FCA5A5',
+  RED_400: '#F87171',
+  RED_500: '#EF4444',
+  RED_600: '#DC2626',
+  RED_700: '#B91C1C',
+  RED_800: '#991B1B',
+  RED_900: '#7F1D1D',
+  YELLOW_50: '#FFFBEB',
+  YELLOW_100: '#FEF3C7',
+  YELLOW_200: '#FDE68A',
+  YELLOW_300: '#FCD34D',
+  YELLOW_400: '#FBBF24',
+  YELLOW_500: '#F59E0B',
+  YELLOW_600: '#D97706',
+  YELLOW_700: '#B45309',
+  YELLOW_800: '#92400E',
+  YELLOW_900: '#78350F',
+  GREEN_50: '#ECFDF5',
+  GREEN_100: '#D1FAE5',
+  GREEN_200: '#A7F3D0',
+  GREEN_300: '#6EE7B7',
+  GREEN_400: '#34D399',
+  GREEN_500: '#10B981',
+  GREEN_600: '#059669',
+  GREEN_700: '#047857',
+  GREEN_800: '#065F46',
+  GREEN_900: '#064E3B',
+  BLUE_50: '#EFF6FF',
+  BLUE_100: '#DBEAFE',
+  BLUE_200: '#BFDBFE',
+  BLUE_300: '#93C5FD',
+  BLUE_400: '#60A5FA',
+  BLUE_500: '#3B82F6',
+  BLUE_600: '#2563EB',
+  BLUE_700: '#1D4ED8',
+  BLUE_800: '#1E40AF',
+  BLUE_900: '#1E3A8A',
+  INDIGO_50: '#EEF2FF',
+  INDIGO_100: '#E0E7FF',
+  INDIGO_200: '#C7D2FE',
+  INDIGO_300: '#A5B4FC',
+  INDIGO_400: '#818CF8',
+  INDIGO_500: '#6366F1',
+  INDIGO_600: '#4F46E5',
+  INDIGO_700: '#4338CA',
+  INDIGO_800: '#3730A3',
+  INDIGO_900: '#312E81',
+  PURPLE_50: '#F5F3FF',
+  PURPLE_100: '#EDE9FE',
+  PURPLE_200: '#DDD6FE',
+  PURPLE_300: '#C4B5FD',
+  PURPLE_400: '#A78BFA',
+  PURPLE_500: '#8B5CF6',
+  PURPLE_600: '#7C3AED',
+  PURPLE_700: '#6D28D9',
+  PURPLE_800: '#5B21B6',
+  PURPLE_900: '#4C1D95',
+  PINK_50: '#FDF2F8',
+  PINE_100: 'FCE7F3',
+  PINE_200: 'FBCFE8',
+  PINE_300: 'F9A8D4',
+  PINE_400: 'F472B6',
+  PINE_500: 'EC4899',
+  PINE_600: 'DB2777',
+  PINE_700: 'BE185D',
+  PINE_800: '9D174D',
+  PINE_900: '831843',
+};