유우양 0

다시보기 보다가 TransparentTwitchChatWPF 채팅 프로그램에 나눔고딕 Custom CSS 적용방법 궁금해서 테스트 해 봤습니다.

 하지만 Custom CSS 를 쓰면 테마가 전혀 적용이 안되서 기존 S0N0S 테마와 비슷하게 적용 시켜 봤는데..  필요하시면 쓰시면 될것 같습니다.

1. TransparentTwitchChatWPF 실행 (Settings → Theme → None(Custom CSS) 선택)

2. 아래 CSS 코드를 Custom CSS 란에 넣음.(주의할점은 웹폰트 변경 시 반듯이 https 로 url 이 시작되어야 함)

3. WPF 채팅프로그램은 NightDev KapChat 을 사용하므로 해당 사이트 커뮤니티에서 정보를 약간 얻을 수 있음

   https://community.nightdev.com/c/kapchat

======================================================================================

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

::-webkit-scrollbar {

    visibility: hidden;

}

#chat_box {

-webkit-mask-image: -webkit-gradient(linear, left 10%, left top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));

}

.chat_line {

font-family: "Nanum Gothic" !important;

font-size: 0.813rem;

font-weight: Bold;

line-height: 120%;

text-shadow: -1px -1px 0px #000, 1px -1px 0px #000, -1px 1px 0 #000, 1px 1px 0 #000;

}

.chat_line .nick {

}

.chat_line .message {

color: white;

}

==================================================================================

4. 아래는 다른 스트리머 채팅창 연결해서 테스트 결과 캡처 화면이므로 참조