Django Admin Custom 3(간단한 Custom 연습)

:root {
  --primary: #79aec8;
  --secondary: #417690;
  --accent: #f5dd5d;
  --primary-fg: #fff;

  --body-fg: #333;
  --body-bg: #fff;
  --body-quiet-color: #666;
  --body-loud-color: #000;

  --header-color: #ffc;
  --header-branding-color: var(--accent);
  --header-bg: var(--secondary); -> head 배경 색
  --header-link-color: var(--primary-fg);

  --breadcrumbs-fg: #c4dce8;
  --breadcrumbs-link-fg: var(--body-bg);
  --breadcrumbs-bg: var(--primary);

간단하게 

--header-bg: var(--secondary); 이 부분만 수정해서 수정에 필요한 setting이 잘 적용되어 있나 확인해보자. 

root 바로 밑에보면 기본으로 변수로 저장되어 있는 색깔들을 볼 수 있다. 

--header-bg: var(--accent); 로 바꿔보면 색깔이 바뀌는 것을 확인할 수 있다. 

 

바꾸고 싶은 색깔이나 css가 있다면 f12 개발자 모드를 통해 관련 css의 아이디나 클래스를 찾아서 수정하면 될 것이다.