Skip to content

Make main skip link and nav links visible in dark mode.#519

Merged
brian-montgomery merged 4 commits into
mainfrom
alexis/nav-links-on-focus
Apr 6, 2026
Merged

Make main skip link and nav links visible in dark mode.#519
brian-montgomery merged 4 commits into
mainfrom
alexis/nav-links-on-focus

Conversation

@alexisreytech

@alexisreytech alexisreytech commented Mar 24, 2026

Copy link
Copy Markdown
Contributor

Fixes #520

@netlify

netlify Bot commented Mar 24, 2026

Copy link
Copy Markdown

Deploy Preview for accessiblecommunity ready!

Name Link
🔨 Latest commit b7f1f84
🔍 Latest deploy log https://app.netlify.com/projects/accessiblecommunity/deploys/69c5940850b9710008c906e4
😎 Deploy Preview https://deploy-preview-519--accessiblecommunity.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@alexisreytech alexisreytech self-assigned this Mar 26, 2026

@brian-montgomery brian-montgomery left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It looks good, Alexis. Thank you for the check.

One thing, can you move the one bit of code over as noted below?


.skip-link {
color: var(--bs-primary);
background-color: white;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We already have a .skip-link specific section for dark mode here. Can you add the skip-link specific focus-visible and :not(:hover) stuff here instead ?

Comment thread astro/src/styles/link-focus-hover.scss Outdated
}
}
@include color-mode(dark) {
#main-skip-link:focus-visible {

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can you move this 5 lines into the .skip-link dark mode section in Header.astro ?

@brian-montgomery brian-montgomery left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks, Alexis!

@brian-montgomery
brian-montgomery merged commit 9e0c6c9 into main Apr 6, 2026
9 checks passed
@brian-montgomery
brian-montgomery deleted the alexis/nav-links-on-focus branch April 6, 2026 19:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Skip Link and Nav links not properly showing in dark mode

2 participants