Freecodecamp: 야간 모드의 커뮤니티 드롭 다운 스타일

흠 우리는 그 반대를 시도하는 것은 어떻습니까? 텍스트 자체에 밝은 것을 사용하여 어두운 회색을 유지 하시겠습니까?
PR을 제출할 사람이 있으면 @systimotic QA를 도와

Justin과 동의했으며 여기에서 특정 색상 코드를 가져올 수 있습니다.
https://www.freecodecamp.com/design-style-guide/

트윗 담아 가기
안녕하세요 여러분, 이건 어떨까요?

그것에 대해 별도의 문제를 열려고했지만 여기는 감탄할 수있는 합리적인 장소 인 것 같습니다 ...

누군가가이 문제를 해결하겠다고 말했는지 알 수 없습니다. 그렇지 않은 경우 둘 다 수정해야한다는 데 동의하면 맡겠습니다!

네 .. 둘 다 고쳐야한다는 데 동의했습니다. 그러나이 모달은 더 이상 스테이징에서 사용할 수 없습니다.

@ no-stack-dub-sack 드롭 다운을 고칠 수 있습니다 👍
어쨌든 제거되는 모달을 그대로 두는 것이 가장 좋습니다.

😕 방금 확인했으며 모달을 스테이징에서 사용할 수 있습니다. 되 돌린 것 같습니다. 일시적으로 또는 영구적으로 돌아 왔는지에 대한 상태가 무엇인지 잘 모르겠습니다.
https://github.com/freeCodeCamp/freeCodeCamp/pull/11253 에서 되돌 렸습니다

@systimotic @raisedadead 좋아요, 그럼 두 가지를 모두 고칠 수 있습니다.

또한 드롭 다운이 아래에있는 동안 커뮤니티 버튼을 클릭 한 다음 드롭 다운에서 마우스를 가져 가면 다시 녹색으로 돌아 가지 않고 흰색으로 유지됩니다.

이것이 의도하지 않은 것이라고 가정하면 이것도 살펴볼 것입니다.

트윗 담아 가기

Justin과 동의했으며 여기에서 특정 색상 코드를 가져올 수 있습니다.
https://www.freecodecamp.com/design-style-guide/

이것은 실제로 두 가지 좋은 점을 제기합니다.

1. 대부분의 야간 모드 색상은이 스타일 가이드에 없습니다 .
2. 그리고이 스타일 가이드에는 "무료 코드 캠프"의 몇 가지 인스턴스가 있으며, 이는 문제 # 12472마다 변경되어야합니다.

그러나 코드베이스에서 이것을 찾을 수 없습니다. 이것이 어디에 사는지 아는 사람이 있습니까?

좋아, 그래서 내비게이션 바에서 버튼의 초점 스타일 문제 를 수정하는 것을 포함하여 멋지게 보이고 야간 모드 / 브랜드 색상을 사용하는 것을 준비했습니다.

드롭 다운은 다음과 같습니다.

하지만 예를 들어 상점에 가서지도로 돌아와서 주변을 클릭하기 시작하면 스타일이 밝은 색상으로 되돌아갑니다. 페이지가 잠시 "주간 모드"로 돌아간 다음 다시 야간 모드로 돌아 가면 드롭 다운 스타일이 되돌아갑니다. 이것이 왜 그런지에 대한 아이디어가 있습니까?

내 코드는 다음과 같습니다. main.less의 1073 행에 삽입하십시오.

.hamburger-dropdown {
    .dropdown .dropdown-menu,
    .open a {
      background-color: @gray;
      a {
        color: @night-text-color;
        &:hover {
          background-color: #666;
          color: @brand-primary;
        }
      }
    }
    a:focus,
    a:active {
      background-color: #666 !important;
      color: @brand-primary !important;
    }
  }

모달-나는 이것에 대해 약간 작업했지만, 그들은 너무 피곤해서 지금 들어가기에는 너무 많은 다른 문제가 있습니다. "버그"모달도 있기 때문에 ...

이 스타일 가이드에는 "무료 코드 캠프"의 여러 사례가 있습니다.

병합 보류중인 PR이 있습니다. 참조 https://github.com/freeCodeCamp/design-style-guide/pull/7

나는 당신이 드롭 다운으로 한 일을 좋아합니다. 텍스트는 더 많은 대비가 필요하지만 (더 희게) 멋져 보입니다!

그것은 반응 / 정적 페이지 문제처럼 들립니다. 상점 페이지가 없습니다
아직 반응하도록 변환되었으며 야간 모드에 대한 선호도는
로컬에 저장되어 있다고 생각하지 않습니다.

사이트 전체에서 유지되지 않는 야간 모드 선택은 별도의 문제이며
누군가가 그것을 올릴 수 있다면 나는 가장 의무가 될 것입니다. 나는
지금은 GitHub에 액세스 할 수 없습니다.

2017 년 1 월 16 일 월요일, mrugesh mohapatra [email protected]
썼다 :

이 스타일 가이드에는 "무료 코드 캠프"의 여러 사례가 있습니다.

병합 보류중인 PR이 있습니다. Ref freeCodeCamp / 디자인 스타일 가이드 # 7
https://github.com/freeCodeCamp/design-style-guide/pull/7

나는 당신이 드롭 다운으로 한 일을 좋아합니다.
대비 (더 하얗게), 멋지게 보입니다!

—
언급 된 팀에 속해 있기 때문에 수신 한 것입니다.
이 이메일에 직접 답장하고 GitHub에서 확인하세요.
https://github.com/freeCodeCamp/freeCodeCamp/issues/12538#issuecomment-272837258 ,
또는 스레드 음소거
https://github.com/notifications/unsubscribe-auth/ARtk5hIk55x-gDVJsymtMwSfkxmlxp8Wks5rS1TPgaJpZM4Lj7u0
.

@ no-stack-dub-sack 호버링 / 활성화 할 때 회색 위에 녹색 텍스트를 파고 있는지 확실하지 않습니다. 읽을 수있을만큼 대비가 충분하지 않은 것 같습니다. 어두운 회색 텍스트가있는 밝은 회색 배경은 어떻습니까?

@systimotic @raisedadead @hallaathrad 그래서 나는 이것이 더 많은 대비에 관한 Justin & Mrugesh의 코멘트에 따라 조금 더 좋아 보인다고 생각합니다. 저는 @brand-primary 가 15 % 어두워 진 @link-hover-color var를 사용 했으므로 여전히 유지됩니다. 브랜드 녹색의 힌트이지만 훨씬 더 나은 대비를 제공합니다. 이것은 드롭 다운 내에 있으며, 마우스 오버의 경우 탐색 링크의 포커스입니다.

그리고 저는 모달에 관한 별도의 문제를 열고 거기에있는 사람들의 어려움을 설명 할 것이라고 생각합니다.

이것은 나에게 좋아 보인다.

굉장함 !!! 이미 Pull 요청을합시다! 😉

그 위에!