아프리카 채팅창 디자인 변경 크롬 익스텐션

런칭주소: https://chromewebstore.google.com/detail/%EC%95%84%ED%94%84%EB%A6%AC%EC%B9%B4-%EC%B1%84%ED%8C%85%EC%B0%BD-%EB%94%94%EC%9E%90%EC%9D%B8-%EB%B3%80%EA%B2%BD/aalgknbacadffkhbincnbcmcjdbgbdlb?hl=ko

이 크롬 익스텐션은 아프리카TV 채팅창의 디자인을 변경하는 기능을 제공합니다.

기능

1. 채팅창 레이아웃 변경 -> 기존의 닉네임과 채팅창으로 두줄로 출력 되던걸 1줄 출력 으로 전환 -> 공지는 기존의 디자인을 유지 하도록 함. ->

2. 채팅창 내의 이모티콘(매니자,열혈팬,퀵뷰이용자 등) 표기 X

3. 채팅창 닉네임 에 색상 랜덤 변경

4. 테마 색상에 따른 글자색 명도 변경

5. 글자색 온오프 기능으로 변경

⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️

설치 방법

1. github 에서 zip 파일로 다운로드.
2. Google Chrome 웹 브라우저를 엽니다.
3. 확장 프로그램 관리로 이동.
4. 개발자 모드 ON.
5. 압축해제된 확장 프로그램 로드합니다 클릭.
6. 자동 적용

사용 방법

1. 아프리카TV 웹사이트를 방문합니다.
2. 원하는 방에 들어갑니다.
3. 그후에는 자동적용됩니다.
4. 
5. 채팅창 닉네임 색상 적용 on/off 기능

종료를 원할시에는

1. 확장 프로그램 관리
2. 
3. 토글 버튼을 눌러서 직접 끈 뒤에 새로 고침 진행

기여 방법

1. 이 프로젝트의 GitHub 레포지토리를 포크합니다.
2. 개선하거나 추가하고 싶은 기능에 대한 브랜치를 생성합니다.
3. 변경 사항을 커밋하고 브랜치를 GitHub에 푸시합니다.
4. 풀 리퀘스트를 생성합니다.

버그 리포트

1. 채팅창 에 이모티콘 이 제대로 출력 되지 않음
2. 다크 모드에 따른 글자 색상 변경 이 제대로 이루어지지 않음.
3. 공지 의 출력이 제대로 이루어지지 않아서 가독성을 해침
4. 다크 모드에 서 닉네임의 색상이 조절을 하지 않아 가독성이 떨어짐 ex) 다크 모드 일때 어두운 색상이 면 제대로 보이지 않음

추가할 기능 예정

1. 토글 버튼을 눌러서 각 원하는 테마를 저장
2. 각 기능 별로 버튼을 만들어 유저가 원하는 대로 디자인을 변경
3. 리액트 OR 뷰 로 화면 재구성 계획
4. 글자색 오프 했을때 기존에 변경되어있던 색상 원상 복구

작성자 정보

• 이름: [이성석]
• 이메일: [togussla@naver.com]
• GitHub: [https://github.com/seong-94]