DarkPixlz의 모던 테마

[darkpixlz (Pyx)]

이것은 오래된 테마입니다!

이 테마를 사용 중이거나 관심이 있다면 Pyx's Modern Theme 대신 사용하세요. 이 테마에는 더 이상 업데이트가 되지 않습니다.

---

darkpixlz의 모던 테마

이 테마는 둥근 모서리, 풍부한 블러 효과, 일관된 디자인을 갖추고 있으며 포럼에 맞게 매우 세밀하게 커스터마이즈할 수 있습니다.

!!경고: 일부 스크린샷은 최신 상태가 아닐 수 있습니다. 만약 그렇다면 이 게시물은 위키이므로 자유롭게 편집해 주세요!

이 테마는 다크 스킴을 위해 제작되었습니다. 라이트 스킴도 지원하지만 일부 기능이 깨질 수 있습니다.
스크린샷:

타일 버전도 있지만, 이 게시물에 좋은 용도를 찾지 못했습니다.

이 주제를 편집 중이지만 답변을 해야 하고 Discourse가 초안 저장을 허용하지 않아서 - 곧 더 많은 스크린샷과 함께 편집될 것입니다.

이 테마는 대부분의 주요 플러그인을 지원합니다.

또한 당분간 별도의 색상 팔레트는 제공되지 않을 예정이며, 향후 업데이트를 기대해 주세요.

아이디어가 있으신가요? 여기에 알려주세요!

설정

커서 활성화 여부: 커서의 상태를 변경할 수 있습니다.
예시:
비활성화(기본값):

활성화:

배경 이미지: 배경 이미지를 변경합니다.

예시

배경 블러 여부: 배경 블러를 활성화합니다.

예시

활성화:

비활성화:

배경 유형: 타일 배경과 스케일 배경을 전환합니다.

예시

크롭:

타일:

타일 크기: 타일 배경에 적용되는 타일 크기를 변경합니다.
스태프 태그: 관리자 및 모더레이터 이름 옆에 “STAFF” 태그를 활성화합니다. 기본적으로 활성화되어 있습니다.

문제를 일으키는 것으로 알려진 플러그인 + 컴포넌트

• Full Width Component
• (가능성 있음) 모든 광고 플러그인

기타 공지

• 설정이 아닌 것(태그 등)에 사용자 지정 배경을 추가하는 것은 호환성 문제나 버그를 일으킬 수 있으므로 권장하지 않습니다.
• Chrome과 iOS에서는 일부 영역에서 배경 블러에 문제가 있는 것으로 알려져 있습니다.
• “최신” 및 “상위” 페이지는 모바일에서 알려진 문제가 있습니다
• 색상 문제로 인해 테마 생성기 미리보기가 올바르게 작동하지 않습니다
• 라이트 스킴은 가능하지만, 일부 기능이 깨지거나 가독성이 떨어질 수 있습니다.

	미리보기	Theme Creator
	리포지토리	GitHub - pyxfluff/darkpixlz-Modern-Theme · GitHub
	설치 가이드	테마 또는 테마 컴포넌트 설치 방법
	Discourse 테마를 처음 사용하시나요?	Discourse 테마 사용 입문가이드

이 테마 설치

릴리스 노트
DarkPixlz's Modern Theme - #65 by darkpixlz

[Alexander (Alexander Barrios)]

Fluent(Windows 10)을 많이 떠올리게 해서 너무 좋습니다

[darkpixlz (Pyx)]

안녕하세요, 여러분!

약속했던 누락된 코너들이 몇 개 있었는데, 방금 커밋했습니다
즐겁게 사용하세요!

[darkpixlz (Pyx)]

여러분 안녕하세요!

오늘 또 업데이트가 있습니다. 블러 효과가 적용되는 방식을 변경했고, Discourse Chat에 대한 지원도 추가했습니다.
즐겨보세요

깃발 관련 디자인은 확신이 서지 않네요 - 피드백 환영합니다!

[Shira_Richter]

안녕하세요
여기 처음 온 건데, 이 테마를 제 디스커스에 사용해도 될까요?

[JammyDodger]

여기 Customization > Theme 에 있는 모든 테마는 누구나 사용할 수 있습니다(또한 Customization > Theme component 의 컴포넌트도 마찬가지입니다). 이 특정 테마는 @darkpixlz 님의 커뮤니티 기여물이지만, official 테마도 몇 가지 있습니다. 모두 오픈소스이며 자유롭게 사용할 수 있습니다.

[darkpixlz (Pyx)]

네, @JammyDodger 님이 말씀하신 대로 Customization > Theme 채널에서 어떤 테마든 사용할 수 있습니다. 'Customize’를 클릭한 뒤 ‘Add theme’, 그리고 'From a git repository’를 선택하고 저장소 링크를 입력하면 추가됩니다. 감사합니다

[Shira_Richter]

멋지네요! 잘 작동합니다
한 가지만 도와줄 수 있을까요?
헤더를 어떻게 변경하나요? 그라디언트 색상을 제 색상으로 바꾸고 싶은데… 어디서 찾아야 할지 모르겠어요

사진 첨부합니다:

[darkpixlz (Pyx)]

완전히 이해가 안 됩니다.

완전히 동일한 테마이지만 그라데이션만 빠진 커스텀 테마를 작성해 드릴게요. 10분만 기다려 주시고, 기존 테마는 사이트에서 삭제해 주세요.

[darkpixlz (Pyx)]

안녕하세요! 지연된 점 죄송합니다. 저장소 링크는 다음과 같습니다:

GitHub - pyxfluff/DarkPixlz-s-theme-with-no-gradient

[Shira_Richter]

아, 정말 감사합니다. 제 질문이 명확하지 않아서 죄송합니다.
색상을 변경하는 방법을 묻고 싶었습니다. 예를 들어, 초록색 대신 연한 파란색으로, 또는 분홍색 대신 짙은 파란색으로 바꾸는 방법이요.

[darkpixlz (Pyx)]

아, 이제 알겠네.

그래, 네가 원하는 대로 바꿔줄게. 이미지긴 하니까 ㅋㅋ 진짜 그라데이션으로 만드는 게 나을 것 같아.

[Shira_Richter]

와, 놀랍네요… 코드 안에 있거나 하는 줄 알았거든요. 이미지라면 어디에 있는지 알려주세요. 제 버전에서 교체할 수 있도록요?

[Shira_Richter]

그리고, 정말 친절하시네요!!!
여기처럼 배경에 이미지를 추가하는 법이 궁금합니다. 아이콘 말이에요.

[darkpixlz (Pyx)]

좋아요, SO

해당 테마를 삭제한 뒤 기본 저장소를 다시 가져오세요.
업데이트하세요

새로운 컴포넌트를 만들고 CSS를 이렇게 설정하세요:

.d-header {
  background-image: url("https://cdn.discordapp.com/attachments/597146309908103178/1001925437632565308/Untitled2.jpg?size=4096") !important;
  background-repeat: no-repeat;
  border-radius: 0px 0px 8px 8px;
}

그 후 저장하고 제 테마에 적용하세요. 작동할 겁니다.
아이콘은 최신 업데이트에서 수정되었으니, "최신 버전으로 업데이트"를 클릭하면 됩니다.
최신 버전:

[Shira_Richter]

정말 감사합니다!
이렇게 많이 도와주셔서 정말 감사해요!!!

모든 걸 이해할 수 있을 거라고 생각합니다

[darkpixlz (Pyx)]

여러분 안녕하세요!

전에 언급을 깜빡했는데, @Don 덕분에 이제 테마가 Firefox와 모바일 브라우저를 완전히 지원합니다!

앞으로의 미래를 위해 꽤 흥미로운 계획과 변경 사항도 준비되어 있으니, 나중에 큰 커밋을 기대해 주세요!

그리고 이런 카드 스타일을 원하시나요?

저는 이런 스타일이 좋긴 한데, SCSS를 직접 다뤄야 하는 건 싫습니다.

사실, 절반 정도는 성공적으로 구현해 냈습니다!

다시 한번 말씀드리자면, 이걸 유지할 가치가 있는지 알려주세요.

[ANormalUser (LOL)]

사진에 나 있어요!

[albert_vu (Albert Vũ)]

윈도우 11과 macOS의 믹스업에 여기에 저기에 마티리얼 디자인이 살짝 가미된 느낌이에요. 완전 좋아요

[Kuro22]

토픽 목록 항목을 이런 카드로 변환하려는 건가요? 정말 아름답네요, 둥근 모서리가 마음에 듭니다 . 그리고 태그 아래 여백은 토픽 미리보기(요약)를 위한 공간으로 남겨둔 거죠? 흥미로운 아이디어라고 생각해요. 계속 진행하셔도 좋겠습니다.

다만, 숫자(120, 83, 16 등)가 무엇을 의미하는지는 조금 불분명해요. 적어도 저에게는 그렇습니다. 이 부분을 조금 더 개선해 주시면 좋겠습니다.