메타 브랜딩 리디자인: 테마 새로고침

아니요, 가능합니다. 그리고 확장 프로그램이 허용되지 않는 브라우저를 위해서는 브라우저 내부에서 변경 사항을 적용할 수 있는 외부 도구가 있습니다. 저는 브라우저가 확장 프로그램을 전혀 허용하지 않음에도 불구하고 Chrome 모바일에서 userstyles와 userscripts를 사용 중입니다.

네, 하지만 문제는 관리자가 설치해야 한다는 점이며, 이는 아마도 흔하지 않을 겁니다. 그래서 키보드 단축키 오버레이를 위한 커스텀 컴포넌트를 만들지 않고 userscript를 만든 것입니다.


오프토픽 죄송합니다.

4개의 좋아요

솔직히 말씀드리면, 모바일에서 다크 테마를 사용할 때 카테고리 설명의 대비가 부족해서 읽기 편하지 않습니다. 아직 다른 부분은 확인하지 않았지만, 테마를 바꿨을 때 이 부분이 특히 눈에 띄었습니다.

4개의 좋아요

실수로 discourse.org를 연 줄 알고 거의 페이지를 닫을 뻔했어요. 하지만 전반적으로는 나쁘지 않은 것 같아요?

@nathank 님과 같은 의견인데, 폰트가 좀 이상해 보입니다. 친근해 보이게 하려고 한 것 같은데…

2개의 좋아요

라이트 모드에서 이 디자인에 대해 어떤 생각이 드는지 확신할 수 없습니다. 보라색은 보이지 않고, 오히려 매우 연한 라벤더색에 가깝습니다.

다크 모드 버전은 꽤 좋아요!


하지만 말씀드리고 싶은 것은, discourse 로고가 다크 모드와 꽤 강하게 충돌한다는 점입니다. 특히 스플래시 스크린에서 그렇습니다:

3개의 좋아요

샘의 테마인 것 같은데, 코너 부분이 좀 이상하지만, 특히 헤더의 border-bottom이 멋있어요.

문제는 제 폰에서 발생했습니다. 즉각적인 문제에만 집중하게 되어 죄송합니다.

데스크톱에서는 메타 브랜드 테마가 정말 좋습니다(이상하게도 색상은 거기서는 문제가 없네요!). 아주 좋습니다 - 잘 만들었습니다!

3개의 좋아요

업데이트: 이제 내 색상 테마를 제대로 따르지 않는 것 같습니다. WCAG 다크 테마가 업데이트되어 더 밝아졌기 때문일까요? 테마 문제인가요, 스킴 문제인가요?

좋은 지적입니다. 예를 들어, 저는 라이트 모드로 Sam의 테마를 사용 중인데, 라이트 모드에서는 'Default Meta Branded’를 쓰고 있지만 다크 모드는 좀 이상해요. 모서리 색상이나 폰트 같은 부분 말이죠? 제게는 잘 작동하지만, 다크 모드에 적용된 색상 패턴이 더 나은 방향으로 선택될 수 있었을 거라고 이해합니다.

마누엘의 댓글에서 이 부분이 언급된 것 같네요?

2개의 좋아요

현재 선택된 색상 스킴과 무관하게 테마의 색상을 덮어쓰고 있습니다. 이는 이상적인 방식이 아니며, 일부 색상 스킴(예: WCAG)은 추가적인 선언을 도입하여 특정 요소에서 색상이 침범하는 문제를 일으킵니다. 또한 색상 작업 및 개선이 더 어려워집니다.

참고로, 이전 버전의 Meta Branded 테마는 그렇게 강하게 브랜딩되어 있지 않아 모든 색상 스킴에 맞춰 조정되었습니다:

새로운 테마는 그렇게 작동하도록 설계된 것이 아닙니다. 웹사이트에서 브랜드 스타일과 밀접하게 정렬되기를 원합니다. 다른 색상 스킴을 사용하면 그 모습이 깨집니다.

현재 Meta의 복잡성은 사용자가 선택할 수 있는 20가지의 색상 스킴이 있으며, 이를 어떤 테마와 결합하는 것을 방지할 방법이 없다는 점입니다.

테마가 적용될 수 있는 색상 스킴을 제한할 수 있는 더 유연한 솔루션을 구현할 수 있다면 좋겠습니다. 이렇게 하면 이러한 브랜딩된 경험에서 시각적 일관성을 보장할 수 있습니다.

7개의 좋아요

저도 마찬가지입니다! 이전 버전의 Meta 브랜딩은 저에게는 큰 결격 사유였어서, 몇 초 만에 기본 테마로 되돌려 놓았거든요. 이번 디자인은 당분간 제가 사용할 수 있을 것 같습니다.

9개의 좋아요

네, 저는 폰으로 테마를 사용할 때 더 가혹하게 평가했지만, 색상 오버라이딩이 적용되어도 데스크톱에서는 정말 잘 보입니다. 잘 만들었어요 :+1:

2개의 좋아요

왜 다크 팔레트에서는 파란색이 기본색으로 표시되는데, 내가 파란색을 선택했음에도 불구하고 보라색으로 보일까요?

이 테마의 색상 팔레트가 선택된 모든 색상 팔레트를 오버라이드하도록 설정되었기 때문입니다

3개의 좋아요

주제에 한 줄에 담을 수 있는 것보다 더 많은 태그를 추가하면, 태그가 다음 줄로 넘어갈 때 태그와 필드의 둥근 모서리 때문에 일부 태그가 잘려 보이는 문제가 발생합니다.

3개의 좋아요


채팅에서 이 문제를 보고 있습니다. 입력할 때 라운딩 처리 때문에 줄의 앞부분이 잘립니다.

5개의 좋아요

메타에서 이를 재현할 수 있습니다. 또한 마지막 줄이 잘립니다. 채팅이 충분히 길어 여러 줄로 넘어갈 때만 발생합니다. 저는 드로워에서 채팅을 사용합니다.

4개의 좋아요

저는 해당 내용이 보이지 않는데, 더 구체적인 맥락이 있을까요? 테마를 변경해 보시는 것도 시도해 보세요. 저는 Meta Branded와 Foundation에서 기본적으로 동일한 화면을 확인하고 있습니다:

Screenshot From 2026-03-03 18-24-06
Screenshot From 2026-03-03 18-23-13

1개의 좋아요

메타 브랜드 다크 모드를 사용 중이며, 채팅을 드로어에서 사용하고 있습니다.

다만 방금 확인해 보니, 라이트 모드와 전체 페이지 모드에서도 채팅이 동일한 동작을 하고 있습니다.

3개의 좋아요

감사합니다. 모바일에서 재현할 수 있습니다. 확인해 보겠습니다!

2개의 좋아요