다크 모드 구현하기! with styled-components
우선 평소에하듯 theme을 만듭니다. 여기서 light 모드에 사용할 색과 dark 모드에 사용할 색을 구별하여 적어줍시다. 이 부분은 실제로 스타일링해가면서 색을 미묘하게 맞춰야하기 때문에 일단은 lightColor의 색을 그대로 사용하도록하겠습니다. // px to rem const calcRem = (px: number): string => `${px / 16}rem`; const lightColor = { red: "#dc3545", orange: "#fd7e14", yellow: "#ffc107", green: "#28a745", teal: "#20c997", blue: "#007bff", indigo: "#6610f2", purple: "#6f42c1", pink: "#e83e8c", cya..