Brite: 无法阅读的导航链接文本,且具有 prefers-color-scheme: dark 属性

作者: Floppy创建于 2025年11月6日更新于 2025年11月7日

nav-link 文本（侧边菜单）在 Brite 主题的黑色模式下无法阅读：

侧边栏包含以下代码：

xml

<ul class="nav flex-column">
  <li class="nav-item">
    <a class="nav-link" href="/settings">组织</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="/settings/libraries">库</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="/settings/downloads">下载</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="/settings/appearance">外观</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="/settings/analysis">网格分析</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="/settings/multiuser">多用户</a>
  </li>
</ul>

顶部导航链接也是 nav-links，但由于我将 bg-primary 添加到导航栏中，因此不太明显。此外，它也是一个 navbar-nav，这确实使链接变成浅色。我怀疑这是我自己应该处理的问题，因为背景类。如果我删除背景，在默认的 navbar-nav 中，链接确实是可读的。不确定这有帮助与否…

内容来源: thomaspark/bootswatch

查看 GitHub 原文在 GitHub 查看讨论