Clarity: nav box-shadow should be black in dark theme

[elesueur]

Select one ... (check one with "x")

[ ] bug
[ ] feature request
[x] enhancement

Expected behavior

When the dark theme is applied, the horizontal nav tabs should have a black border along the bottom:

Actual behavior

box-shadow with #ccc gives a border color that looks white:

Reproduction of behavior

use the nav tabs component

Environment details

• Angular version: 4.3.x

• Clarity version: 0.10.16

• OS and version:

• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

[lil-kim]

Hi Scott,
Please hold off on this change until I do a design review. I want to make sure whatever color is chosen works across all screens.

[lil-kim]

@mathisscott
Design review completed and approved. For the not-active tab, please change the bottom 1 px color to: #485764

It should look like this:

[github-actions[bot]]

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.