개발새발자

  • 홈
  • 태그
  • 방명록

CSS 1

TailwindCss: 재사용하는 색깔들 config 파일에 저장하기 (사용자 정의 색상)

테일윈드css는 이런식으로 color palette를 제공해준다. 하지만 내가 따로 지정한 색상을 쓰고 싶다면, tailwind를 설치하면서 생성되는 tailwind.config.js 파일에 색상들을 적어주면 된다. theme: { extend: { colors: { // 배경색깔 'z-primary': '#AA8AD4', 'z-secondary': '#6750A4', } }, }, variants: { extend: {}, }, plugins: [], }; 이런식으로 colors: {} 안에 적어주면 이거는 우리 프라이머리색깔임 이렇게 background에 적용되어 나타나는 것을 확인할 수 있다. 매번 색상코드 입력하지 말고 이렇게 나만의 키워드로 저장해서 사용해보자

CSS 2023.01.23
이전
1
다음
더보기
프로필사진

통계학도 -> 개발자

  • 분류 전체보기 (86)
    • 파이썬 알고리즘 (60)
    • R, Rstudio (3)
    • JavaScript (7)
    • Git (2)
    • Vue (4)
    • CSS (1)
    • 프로젝트 (5)
    • 영어 (1)
    • SQLD (2)

Tag

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바