어두운 헤더 배경과 밝은 사이트 배경을 가진 색상 스킴을 실험 중입니다.
이 색상 스킴을 어떻게 표시해야 하든 다크 모드 로고를 사용할 수 있을까요? (로고에 밝은 텍스트가 있기 때문에)
어두운 헤더 배경과 밝은 사이트 배경을 가진 색상 스킴을 실험 중입니다.
이 색상 스킴을 어떻게 표시해야 하든 다크 모드 로고를 사용할 수 있을까요? (로고에 밝은 텍스트가 있기 때문에)
안녕하세요 @FroggyC ![]()
아래 링크들이 도움이 될 수 있습니다:
음, 쉽게는 어렵습니다. 어두운 모드 로고를 계산하는 방식은 전체 색상 스킴이 어두운 것으로 간주되는지에 기반하며, 이를 위해 주 색상과 보조 색상의 밝기를 비교합니다. 해당 계산은 코드에서 여기에서 수행됩니다.
다만, 사용자의 사용 사례는 그 시나리오와 완전히 일치하지는 않습니다. 로고를 기본적으로 어두운 버전으로 설정하는 테마 오버라이드를 작성할 수는 있지만, 그렇게 하면 사용자가 테마와 색상 스킴을 모두 변경해야 하므로 다소 까다로울 수 있습니다. 사용자가 여러 색상 스킴을 선택할 수 있도록 하려는 것이죠, 맞나요?
네, 저는 단일 테마 인스턴스를 실행 중이며, 앞으로도 그렇게 유지하고 싶습니다. 사용자 입장에서는 훨씬 더 단순하기 때문입니다.
색상에 따라 사용자 정의 CSS/JS를 주입할 수 있는 것처럼, 좀 더 즉흥적인(hacky) 해결책도 괜찮습니다.
하지만 이상적으로는 각 색상 스킴이 다크 로고나 라이트 로고를 사용할지 결정할 수 있는 옵션이 있어야 한다고 생각합니다. 기본 배경색을 기준으로 자동으로 결정하는 방식은 헤더 배경색이 완전히 다를 수 있기 때문에 효과가 없습니다.
그것이 바람직할 수는 있지만, 저는 확신하지 못합니다. 설령 바람직하다 하더라도, 색상 테마가 이를 제어하는 것은 까다로운 문제입니다. 일종의 의미에서, 색상 테마가 로고를 선택하게 한다는 것은 색상 테마가 자신의 범위 밖으로 너무 깊이 개입하게 된다는 뜻입니다.
이것은 가능한 모든 해킹(hacks)도 복잡하게 만듭니다. 현재 우리는 색상 테마의 이름이나 ID에 기반하여 CSS나 JS를 추가할 수 있는 방법이 없습니다.
음
테마 팔레트의 특정 색상을 기준으로 하는 건 어떨까요? 예를 들어 헤더 색상 기반으로 로고에 조건부 CSS를 적용하는 방식 같은 거요?
저도 정말 동의합니다.
저희 포럼에는 분홍색 색상 스킴이 있습니다. 분홍색 제목 바와 밝은 보조색을 사용합니다.
라이트 색상 스킴에서는 제목 바가 다음과 같이 보입니다:
분홍색 색상 스킴에서는 로고가 다크 모드 로고처럼 다음과 같이 보기를 기대합니다:
하지만 실제로는 Discourse가 이를 단순히 라이트 모드 로고에 대한 적응으로 취급하기 때문에 다음과 같은 결과가 나옵니다:
결국 우리는 로고가 헤더 색상의 영향을 받도록 하기 위해 덜 우아한 테마 컴포넌트를 사용해야 했습니다. 다크와 라이트 색상 모드가 로고에 영향을 미치는 방식을 자동으로 결정하는 방식 때문에 다소 불편함을 느끼고 있습니다.
솔직히 내 생각에는 그게 색상 스킴의 범위를 벗어난 것이라고 느껴지진 않아요.
색상 스킴별로 커스텀 로고를 말하는 게 아니라, 자동으로 결정되는 대신 색상 스킴이 라이트 모드 로고인지 다크 모드 로고를 불러오는지 결정할 수 있는 설정을 요청하는 거예요. 자동 감지가 기본 동작으로 남아 있어도 괜찮아요.
로고 감지라는 이름의 드롭다운 메뉴에 자동, 라이트, 다크 옵션이 있는 걸 상상하고 있어요. 그러면 로고를 결정하는 코드가 그 체크박스를 보고, 자동인 경우 배경색을 확인하거나, 지정된 로고를 그냥 선택하면 되겠죠.
나한테는 그게 색상 스킴과 의미론적으로 관련이 있는 정보처럼 보이고, 아주 큰 기능이라고 전혀 느껴지지 않아요.
@Lhc_fl 님, 해결 방법을 공유해 주시면 좋겠습니다. 저에게는 적어도 임시 해결책이 될 테니까요.
릴리, 그게 어떻게 작동하는 건지 더 자세히 설명해 줄 수 있으면, 기꺼이 듣고 싶어요.
각 색상 스킴을 개별 테마로 만들었습니다…
아, 안타깝네요. 감사합니다.
네, @Lhc_fl 님이 내 포럼에서 했던 것과 비슷한 방식으로 설정했습니다. 다만, 어두운 테마와 밝은 테마 두 가지에서 카테고리별로 헤더 색상과 로고를 변경했습니다. 내 사용자들은 기술에 익숙하지 않아 테마 안의 ‘밝음/어두움’ 옵션이 혼란스럽다고 느꼈기 때문에, 대신 밝은 테마와 어두운 테마를 따로 사용했습니다. 실제 테마를 하나만 다루고 계시기 때문에 제 생각엔 이것이 좋은 제안일 것 같습니다. 사이드바 테마 전환 기능(TC)을 사용하면 사용자가 쉽게 테마를 전환할 수 있습니다.
기능 요청을 하려면 Contribute > Feature 스레드에 게시하는 것이 가능한가요?
네, 맞습니다
또는 이 주제를 #contribute:feature로 옮길 수도 있습니다.
가능하다면, Support 토픽을 넘겨 쓰는 것보다 새로운 Contribute > Feature 또는 Contribute > UX 요청이 더 선호됩니다. 이렇게 하면 OP(원문)에서 원하는 내용을 적절히 정의하고, 강력한 사용 사례를 구체화하며, Support 토픽에서 아이디어를 탐색하면서 배운 내용을 요약하거나 통합할 수 있습니다.
결국, 주장이 강할수록 개발 시간을 할당받을 가능성이 높아집니다. ![]()
새로운 주제를 만들고 내용을 다시 구성하겠습니다.