자주 손 댈만한 속성에는 CSS 변수를 정의해서 유지보수/수정하기 쉽게 작성했다.
기존 채팅창에 디자인을 추가한 형태의 CSS
수정한 채팅창 CSS
기존 스타일을 초기화 하는 코드를 추가하고 스타일을 수정했다.
텍스트 외곽선을 위한 text-shadow옵션을 수정하기 쉽게 변수로 작성했다.
CSS 변수로 정의한 텍스트 컬러가 !important 적용이 되지 않아 치지직 채팅창의 인라인 스타일이 먼저 적용되는 오류가 있어 변수로 정의하지 않으니 수정됐다.
치지직스튜디오-방송관리-알림의 채팅창 주소를복사한 뒤
obs-소스목록-브라우저 사용자 지정CSS에 해당 CSS코드를 붙여넣으면 적용된다.
UX/UI