[디스코드-애드온] Better Discord 스킨 적용 법 및 개인 스킨 공유

이 글은 스킨 적용 법에 대해서만 설명하고 있습니다.
설치법은 해당 글을 확인해주시길 바랍니다.

디스코드를 꾸밀 수 있는 Better Discord 입니다.

디스코드 스킨, 디스코드 테마를 바꿀 수 있습니다.

 

본문 글은 디스코드를 설치하였다는 가정 하에 내용을 진행합니다.

이 글에서는 디스코드를 설치하는 것을 다루지 않기 때문에,

디스코드를 설치를 원하시면 디스코드 사이트를 방문 해 설치를 진행하시길 바랍니다.

 

디스코드 하단에 있는 사용자 설정⚙️을 눌러 스크롤을 내린 뒤 BANDAGED BD탭을 확인합니다.

거기서 Themes를 선택합니다. 이후 Open Theme Folder를 눌러 윈도우 탐색기 창을 엽니다.

 

열린 윈도우 탐색기 창에서 테마를 넣어야 합니다. 하지만 Better Discord를 깐다고 기본 테마를 제공하진 않습니다.

이후부터는 사용자가 알아서 테마를 설치하여야 합니다. 이에 대해서 제가 만든 테마를 제공하려고 합니다.

 

다음 링크에서 둘 중 하나의 파일(링크)을 다른 이름 저장해주세요.

SF WallPaper Theme Skin

 

SEA-NETWORK Theme Skin

+)   제가 제작한 테마는 puckzxz가 제작한 NotAnotherAnimeTheme의 스킨을 토대로 제작한 테마입니다.

       애니 스타일을 좋아하시다면 이쪽 걸 받아서 바로 쓰셔도 되지만, 제 거에서 배경 이미지만 바꾸셔도 충분합니다.

 

다음과 같이 다른 이름으로 저장 합니다.

그래야 css 파일로 저장됩니다 그냥 클릭하시면 파일 내용만 나옵니다.

css 파일을 성공적으로 저장하셨다면 아까 열은 윈도우 탐색기 창에다가 넣어주세요.

 

파일을 넣으면 바로 디스코드에서 새로 고침 되어 보입니다.

이제 해당 버튼을 눌러서 테마를 켜봅시다.

 

테마를 켜면 성공적으로 적용된 것을 확인할 수 있습니다.

 

마지막으로 제 테마에서도 1~4 서버 아이콘 탭 줄 표시를 지원하도록 설정하였습니다.

따라서 방금 테마 폴더에 넣었던 css 파일을 텍스트 편집기로 열어줍시다. 개인적으로 텍스트 편집기는

윈도우에서 제공하는 Notepad보다는 Notepad++를 추천합니다. 범용성도 좋고 프리웨어입니다.

 

이후부터는 스킨 커스터마이징 하는 방법에 대해 설명하겠습니다.

우선 서버 아이콘 탭 줄 표시입니다.

 

SetThemeSC.css: 1줄

SetThemeDC.css: 2줄

SetThemeTC.css: 3줄

SetThemeQC.css: 4줄

 

현재 기본은 DC로 되어있습니다. DC는 다음과 같이 2줄로 표시됩니다.

DC로 적용한 디스코드 테마 SF Wallpaper

예를 들어 1줄로 변경하고 싶으면 다음과 같이 SC로 변경하고

저장하면 1줄로 디스코드에 바로 적용됩니다.

 

그다음은 배경 이미지에 대한 설명입니다. 뒤에 표시되는 배경 이미지가 있죠? 그것을 변경하는 부분입니다.

위의 이미지 내용을 제가 가려놓긴 했지만 위의 설명에서는 imgur로 업로드하는 것을 권장하고 있습니다.

 

저는 디스코드 채팅에 임시로 이미지를 올려 둬서 그 링크를 사용하는데요.

다음과 같이 원하는 이미지를 업로드하고 링크 복사하기를 눌러 이미지 주소를 따오면 됩니다.

 

+) 제가 제작한 이미지는 다른 버전이 존재합니다. 만약에 쓰시게 된다면 직접 보시고 적용해보세요

Pgr, Pgr2, SEA, SEA2(현재 스킨 버전)

 

그다음은 디스코드 좌측 상단 글자 아래 표시되는 아이콘입니다.

기본적으로는 제 스킨에서는 디스코드 이미지 경로를 넣어놨습니다. 여러분이 원한다면 변경하실 수 있습니다.

 

표시한 부분의 기존 이미지 주소를 수정하면 이런 식으로 원하는 이미지로 변경됩니다.

 

추가로 배경 이미지나 해당 아이콘 모두 움짤(gif)을 지원합니다.

저는 아이콘을 제 프사를 사용해서 쓰는데요. 움짤이므로 움짤로 잘 나왔습니다.

 

이미지 말고도 아래에 옵션 값들 있으니 주석을 읽어보고 나만의 디스코드 스킨을 만들어 보시길 바랍니다.

프로필 배경색부터 카테고리 색상 등 아래 rgba(r, g, b, a) 부분만 고치시면 본인의 원하는 색상을 바꿀 수 있습니다.

 

마지막으로 다른 디스코드 테마는 스킨 사이트에서 살펴보시고 적용해보시면 됩니다.

 

나머지 설정 같은 경우는 여러분이 주석을 읽고 수정하시면 됩니다. 잘 모르시는 부분이 있다면

댓글 남겨주시고 디스코드를 사용하시는 데 도움이 되었으면 합니다.