To do App 만들기1

ThemeProvider 

• styled-components에서 import 해서 사용한다.

import { ThemeProvider } from "styled-components";

• ThemeProvider 컴포넌트를 가장 상위 컴포넌트로 사용한다.
• const theme = {}  라는 비어있는 객체를 만들어서, ThemeProvider의 props로 넣어준다.
• 위와 같이 해주면 styled-components가 모든 컴포넌트에 이 theme 변수를 inject 해준다. 

[theme.js]

export const theme = {
  background: "#111111", //배경색
  itemBackground: "#333333", //할일목록의 배경색
  main: "#778bdd", //메인색
  text: "#eeeeee", //텍스트색
  done: "#666666", //완료항목 텍스트
};

[App.js]