태그
#css
글 4편 · 최신순
-
디자인 시스템 세우기 5 — color-scheme을 바꿔도 배경이 그대로였다
테마 선택을 바꿔도 스크롤바만 반응했습니다. 빌드된 CSS에서 light-dark()가 변수로 변환된 것을 확인하고 테마 변경을 data-theme 속성으로 통일했습니다.
-
디자인 시스템 세우기 6 — 제목의 자리는 있는데 글자가 없었다
일본어 제목이 빈칸으로 보였지만 DOM과 레이아웃은 정상이었습니다. 사용한 폰트에 폭만 있고 획이 없는 글자가 있어, 적용 문자 범위를 제한했습니다.
-
디자인 시스템 세우기 4 — light-dark(8%, 12%)로는 배경색을 만들 수 없었다
Emoticon Studio 목업에서 옅은 배경이 보이지 않았습니다. color-mix()의 혼합 비율에 넣은 light-dark(8%, 12%)가 원인이었고, 색상 두 개를 만든 뒤 선택하도록 고쳤습니다.
-
디자인 시스템 세우기 1 — 테마를 바꾸면 되살아나는 옛 브랜드색
목업의 여러 테마 블록에 색을 따로 적어 두자 옛 브랜드색이 남았습니다. light-dark()로 두 테마의 색을 한곳에 모으고, 테마 선택은 color-scheme으로 분리했습니다.