Freecodecamp: 夜间模式下的社区下拉样式

嗯，我们尝试相反的做法吗？ 保持深灰色，使用浅色文本本身？
如果有人准备提交PR，我将帮助@systimotic QA；）

同意贾斯汀，具体颜色代码可从此处获取
https://www.freecodecamp.com/design-style-guide/

@systimotic @raisedadead @hallaathrad
嗨，大家呢？

打算为此开一个单独的问题，但这似乎是一个明智的选择...

我不能说是否有人说过要解决这个问题-如果不能，我同意我们两个都应该解决！

是的。我同意都应该固定。 但是请记住，此模式已不能用于分期。

@ no-stack-dub-sack您可以修复下拉菜单👍
最好离开模态，因为无论如何它都会被删除。

just我刚刚检查了一下，并且可以在分期使用模态。 我想这已还原。 我不确定它的状态是暂时还是永久性的。
它已在https://github.com/freeCodeCamp/freeCodeCamp/pull/11253中恢复

@systimotic @raisedadead好，所以我可以继续修复这两个问题-如果最终被删除了-没什么大不了的！

还注意到，如果在下拉菜单中单击社区按钮，然后将鼠标从下拉菜单中移出，它将保持白色，而不是恢复为绿色：

假设这是无意的，那么也将尝试一下。

@raisedadead @systimotic

同意贾斯汀，具体颜色代码可从此处获取
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待合并。 参考freeCodeCamp / design-style-guide＃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的评论看起来要好一些，我使用了@link-hover-color var，即@brand-primary变暗了15％，所以它仍然保持淡淡的品牌绿色，但对比明显更好。 这是在下拉菜单中，并且对于导航链接来说，悬停是活动的焦点。

我想我将就模态问题另辟issue径，并解释其中的困难之处。

这对我来说看起来不错。

太棒了!!! 让我们已经有一个请求请求！ 😉

在上面！