다크/라이트 모드 전환

같은 문제에 부딪혔습니다. 빠른 수정을 기대합니다. 내장 기기 설정으로 다크/라이트 모드를 전환하면 정상적으로 작동하며 올바른 라이트 로고가 표시됩니다.

수정: 이 버그는 실제 기기 설정이 다크로 되어 있을 때만 발생하는 것을 확인했습니다. 현재 기기 설정이 라이트로 되어 있으면 모든 것이 예상대로 정상 작동합니다. 도움이 되길 바랍니다.

1개의 좋아요

이 문제를 살펴본 분이 계신가요? 저도 시도해 봤는데, 지금은 좀 너무 복잡해서 감을 잡기 어렵네요.. :stuck_out_tongue:

1개의 좋아요

코어에서 다크 모드와 라이트 모드가 작동하는 방식을 리팩토링하고 구현하는 과정에서 이 문제가 발생했습니다. 정상적으로 작동하려면 코드를 제대로 리팩토링해야 합니다.

불편을 드려 죄송합니다!

2개의 좋아요

@jordan-vidrine - 업데이트 소식 있나요?
어떤 이유인지 모르겠지만, 제 토글이 아예 작동하지 않고 있어요. 업데이트 때문인지, 제가 뭔가 잘못한 건지 잘 모르겠네요.
그래도 계속 문제 해결해 볼게요!

해결했어요!
다크 모드 id를 잘못 설정해서 테마의 기본값과 일치하도록 사용자 설정을 다시 지정해야 했어요.
그렇게 하니 모든 것이 정상적으로 작동하기 시작했어요.
훌륭한 토글 기능을 만들어 주셔서 감사합니다! :purple_heart:

제가 이해한 대로, 이 컴포넌트는 테마 자체를 선택할 수 있게 하는 것이 아니라, 하나의 테마 내에서 두 가지 색상 스킴을 전환하도록 설계된 것이 맞습니까?

1개의 좋아요

정확히 그겁니다.

테마는 하나, 색상 변형은 두 가지입니다.

업데이트:

불행히도, Discourse Core의 예정된 변경 사항으로 인해 이 컴포넌트는 더 이상 지원되지 않습니다. 새로운 Discourse Core 사용자 메뉴에서 사용할 수 있도록 컴포넌트를 리팩토링하는 작업을 진행할 예정이지만, 현재는 다크 → 라이트 컬러 스킴 전환 시 발생하는 문제들로 인해 이 컴포넌트를 broken으로 표시하겠습니다.

8개의 좋아요

안녕하세요
정말 훌륭한 컴포넌트네요. 그런데 작은 문제가 생겨서 해결 방법을 몰라요.

브라우저에 밝은 색 테마가 적용되어 있을 때 이 토글 도구는 정말 잘 작동해요.

forum002

하지만 브라우저에 어두운 테마가 적용되면,

보시는 것처럼 로고가 자동으로 어두운 색과 밝은 색 사이를 전환하지 않아요.

forum001

안녕하세요, @ansen_an님! 반갑습니다 :slightly_smiling_face:

아쉽게도 현재 이 테마 컴포넌트에 문제가 있어서 broken 태그가 붙어 있는 상태입니다.

4개의 좋아요

안녕하세요, @JammyDodger
답장 주셔서 감사합니다. 수정되길 기대하겠습니다 :grin:

3개의 좋아요

이 문제에 대한 우회 방법을 찾으셨나요? 저희는 아직 라이브 환경에서 이 기능을 사용 중인데, 단순히 외관상의 문제이기 때문입니다. 이렇게 간단한 다크 테마 전환 기능이 결점보다 훨씬 가치가 있지만, 그래도 수정되면 좋겠네요 :slight_smile:

리팩토링을 위한 PR이 진행 중입니다.

@pmusaraj 님께 이 컴포넌트에 대한 놀라운 업데이트와 리팩토링을 해주셔서 감사합니다. 그의 리팩토링은 시스템이 다크 모드로 설정되어 있고 사용자가 포럼 UI를 라이트 모드로 전환하려는 경우 발생하는 모든 문제를 해결했습니다.

기본값은 헤더 메뉴에 토글을 표시하지 않는 것입니다. 대신 Discourse의 새 사이드바 하단에 표시됩니다.

헤더에 표시하려면 테마 설정을 통해 헤더 메뉴에 표시하도록 선택할 수 있습니다.

6개의 좋아요

업데이트 후 ‘구버전’ 메뉴의 토글이 완전히 사라졌습니다. 아직 새 사이드바를 사용하지 않고 있으며, 헤더 바에는 이미 여러 아이콘이 있어 여기에 추가하고 싶지 않습니다.

구버전 메뉴 하단에 다시 추가할 수 있는 방법이 있을까요?

죄송합니다. 현재 새 사용자 메뉴 및 사이드바에 집중하고 있으며, 이전 햄버거 메뉴는 결국 비활성화될 예정이므로 해당 기능이 제공되지 않습니다.

다만, 이 기능을 사용하려면 도킹된 사이드바를 활성화할 필요는 없지만, 아래처럼 실험적 햄버거 메뉴를 활성화해야 합니다.

admin/site_settings/category/all_results?filter=sidebar

2개의 좋아요

이 테마 컴포넌트는 on stable에서 깨집니다. 이를 방지하기 위해 해당 컴포넌트에 .discourse-compatibility 정보를 추가할 수 있을까요?

한 번 더 확인하고 싶은데, 해당 컴포넌트를 최신 PR로 업데이트했나요?

네, 했습니다. 안정판(stable)에서 깨끗한 상태의 포럼에 해당 컴포넌트를 설치하면 오류가 발생합니다.

2개의 좋아요

이 컴포넌트는 tests-passed 브랜치와만 호환됩니다.