Add Material Colors: Neutral, Stone, Red, Orange
parent
6e896d44fc
commit
a3367a630f
|
@ -11,8 +11,8 @@ export default {
|
|||
emerald: { 50: '#ecfdf5', 100: '#d1fae5', 200: '#a7f3d0', 300: '#6ee7b7', 400: '#34d399', 500: '#10b981', 600: '#059669', 700: '#047857', 800: '#065f46', 900: '#064e3b', 950: '#022c22' },
|
||||
green: { 50: '#f0fdf4', 100: '#dcfce7', 200: '#bbf7d0', 300: '#86efac', 400: '#4ade80', 500: '#22c55e', 600: '#16a34a', 700: '#15803d', 800: '#166534', 900: '#14532d', 950: '#052e16' },
|
||||
lime: { 50: '#f7fee7', 100: '#ecfccb', 200: '#d9f99d', 300: '#bef264', 400: '#a3e635', 500: '#84cc16', 600: '#65a30d', 700: '#4d7c0f', 800: '#3f6212', 900: '#365314', 950: '#1a2e05' },
|
||||
red: { 50: '#fef2f2', 100: '#fee2e2', 200: '#fecaca', 300: '#fca5a5', 400: '#f87171', 500: '#ef4444', 600: '#dc2626', 700: '#b91c1c', 800: '#991b1b', 900: '#7f1d1d', 950: '#450a0a' },
|
||||
orange: { 50: '#fff7ed', 100: '#ffedd5', 200: '#fed7aa', 300: '#fdba74', 400: '#fb923c', 500: '#f97316', 600: '#ea580c', 700: '#c2410c', 800: '#9a3412', 900: '#7c2d12', 950: '#431407' },
|
||||
red: { 50: '#FFF8F7', 100: '#FFEDEB', 200: '#FFDAD7', 300: '#FFB3AD', 400: '#FF8982', 500: '#FF5451', 600: '#DD3739', 700: '#B91A24', 800: '#930013', 900: '#68000A', 950: '#410004' },
|
||||
orange: { 50: '#FFF8F6', 100: '#FFEDE6', 200: '#FFDBCA', 300: '#FFB690', 400: '#FF8D4B', 500: '#EC6A06', 600: '#C45600', 700: '#9D4300', 800: '#783200', 900: '#552100', 950: '#341100' },
|
||||
amber: { 50: '#fffbeb', 100: '#fef3c7', 200: '#fde68a', 300: '#fcd34d', 400: '#fbbf24', 500: '#f59e0b', 600: '#d97706', 700: '#b45309', 800: '#92400e', 900: '#78350f', 950: '#451a03' },
|
||||
yellow: { 50: '#fefce8', 100: '#fef9c3', 200: '#fef08a', 300: '#fde047', 400: '#facc15', 500: '#eab308', 600: '#ca8a04', 700: '#a16207', 800: '#854d0e', 900: '#713f12', 950: '#422006' },
|
||||
teal: { 50: '#f0fdfa', 100: '#ccfbf1', 200: '#99f6e4', 300: '#5eead4', 400: '#2dd4bf', 500: '#14b8a6', 600: '#0d9488', 700: '#0f766e', 800: '#115e59', 900: '#134e4a', 950: '#042f2e' },
|
||||
|
@ -28,8 +28,8 @@ export default {
|
|||
slate: { 50: '#F8F9FF', 100: '#EAF1FF', 200: '#D3E4FE', 300: '#B7C8E1', 400: '#9CACC5', 500: '#8292AA', 600: '#68788F', 700: '#505F76', 800: '#38485D', 900: '#213145', 950: '#0B1C30' },
|
||||
gray: { 50: '#F9F9FF', 100: '#EBF1FF', 200: '#DCE2F3', 300: '#C0C7D6', 400: '#A4ABBB', 500: '#8A91A0', 600: '#707785', 700: '#585F6C', 800: '#404754', 900: '#2A313D', 950: '#151C27' },
|
||||
zinc: { 50: '#FBF8FF', 100: '#F1EFFA', 200: '#E3E1EC', 300: '#C6C5CF', 400: '#ABAAB4', 500: '#909099', 600: '#76767F', 700: '#5D5E66', 800: '#46464E', 900: '#2F3038', 950: '#1A1B22' },
|
||||
neutral: { 50: '#fafafa', 100: '#f5f5f5', 200: '#e5e5e5', 300: '#d4d4d4', 400: '#a3a3a3', 500: '#737373', 600: '#525252', 700: '#404040', 800: '#262626', 900: '#171717', 950: '#0a0a0a' },
|
||||
stone: { 50: '#fafaf9', 100: '#f5f5f4', 200: '#e7e5e4', 300: '#d6d3d1', 400: '#a8a29e', 500: '#78716c', 600: '#57534e', 700: '#44403c', 800: '#292524', 900: '#1c1917', 950: '#0c0a09' }
|
||||
neutral: { 50: '#FBF9F9', 100: '#F2F0F0', 200: '#E3E2E2', 300: '#C7C6C6', 400: '#ACABAB', 500: '#919090', 600: '#777777', 700: '#5E5E5E', 800: '#464747', 900: '#303031', 950: '#1B1C1C' },
|
||||
stone: { 50: '#FFF8F5', 100: '#F9EFE8', 200: '#EAE1DA', 300: '#CEC5BF', 400: '#B2AAA4', 500: '#978F8A', 600: '#7D7671', 700: '#645D58', 800: '#4B4641', 900: '#342F2B', 950: '#1F1B17' }
|
||||
},
|
||||
semantic: {
|
||||
transitionDuration: '0.2s',
|
||||
|
|
Loading…
Reference in New Issue