Bear Blog active nav link

These styles make Finley Baker's aria current plugin feel like a natural part of your blog, styling the active nav link so sighted visitors can see it too.¹

The script itself sets aria-current="page" on the nav link that matches the page you're currently on, mainly an accessibility improvement so screen readers can announce which page is active.

Preview

How to use

Add the plugin script to your footer (Dashboard → Settings → Header and footer directives), then add the styles below to your theme. No markup changes needed, it works with Bear's default nav structure.

Styles

nav a[aria-current="page"] {
  color: var(--text-color);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

Want more? Check out the full Bear Blog library.