Following the quarto online docs to make a dark version of Cosmo, I'm getting a super faded navbar foreground color for the active links (screenshot below). Poking around at the HTML, it looks like the boostrap dark theme is using the navbar-light foreground color for the dark-theme navbar, even with navbar type set as dark in the YAML.

Using:
```yaml
theme:
  light: cosmo
  dark: [cosmo, theme-dark.scss]
```

with `theme-dark.scss`

```scss
/*-- scss:defaults --*/
// Base document colors
$body-bg: #181818;
$body-color: white;
$link-color: #75AADB;

// Code blocks
$code-block-bg-alpha: -.8;
```

![image](https://user-images.githubusercontent.com/831732/147875748-a693f0ea-fac3-43e7-9c89-e3f953156dd2.png)

I run into a similar issue when applying other Bootswatch themes (the insufficient contrast between the navbar foreground and background)

Here's an example using sandstone with no dark theme set:
![image](https://user-images.githubusercontent.com/831732/147875837-67fad84c-f737-4db6-b987-090dc27ae3e8.png)

I've tried adding and removing yaml parameters for the navbar, e.g.
```yaml
  navbar:
    type: dark
    background: dark
```

I've also tried adding in the theme and bootstrap defaults for the navbar links in a custom.scss on top of the theme, but I still get the same result.

Let me know if you need more info—it might just be a documentation thing where I'm not understanding the layering of the files. But I've spent quite a bit of time playing around with theming at this point (decided to do a bit of a [crash course](https://dataand.me/notes/2021-12-26-down-the-front-end-rabbit-hole/) over the holiday), so I'd be happy to help write something up so other folks don't stumble into the same error.
2022-01-02T12:38:31Z
batpigandme
closed
Insufficient contrast with navbar-color (or navbar-fg) when using themes
https://github.com/quarto-dev/quarto-cli/issues/238