Skip to content

Conversation

@QuintonJason
Copy link
Contributor

@QuintonJason QuintonJason commented Jan 5, 2026

Description

  • in dark mode links on items with a colored background are hard to read

Fixes #(issue)

Before After
alertLinkHoverBefore alertLinkHoverAfter

Type of change

  • Bug fix (non-breaking change which fixes an issue)

How Has This Been Tested?

Click the dark mode toggle -> Visit the alert page -> Small with actions -> hover link

  • tested manually

Test Configuration:

  • Pine versions:
  • OS:
  • Browsers:
  • Screen readers:
  • Misc:

Checklist:

If not applicable, leave options unchecked.

  • My code follows the style guidelines of this project
  • I have performed a self-review of my code
  • I have commented my code, particularly in hard-to-understand areas
  • I have made corresponding changes to the documentation
  • My changes generate no new warnings
  • I have added tests that prove my fix is effective or that my feature works
  • New and existing tests pass locally with my changes
  • Design has QA'ed and approved this PR

@netlify
Copy link

netlify bot commented Jan 5, 2026

Deploy Preview for pine-design-system ready!

Name Link
🔨 Latest commit 4a29d3a
🔍 Latest deploy log https://app.netlify.com/projects/pine-design-system/deploys/6960324044dfa30008e15afe
😎 Deploy Preview https://deploy-preview-620--pine-design-system.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.

@github-actions github-actions bot added bug Something isn't working package: core Changes have been made to the Core package labels Jan 5, 2026
@QuintonJason QuintonJason self-assigned this Jan 5, 2026
@QuintonJason QuintonJason force-pushed the fix/alert-dark-mode-link-hover branch from 8eb5adc to db30680 Compare January 8, 2026 18:39
@QuintonJason QuintonJason marked this pull request as ready for review January 8, 2026 18:40
Copy link
Member

@pixelflips pixelflips left a comment

Choose a reason for hiding this comment

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

One small comment on toast, otherwise LGTM! 👍🏼

Comment on lines 12 to 13
--pds-context-link-color: var(--pine-color-text-inverse);
--pds-context-link-color-hover: var(--pine-color-text-inverse-emphasis);
Copy link
Member

Choose a reason for hiding this comment

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

Do these actually get used? They dont seem to be used within the stylesheet. I am not sure they are needed here since the alert links already use --pine-color-text-primary.

<DocCanvas
mdxSource={{
react: `<pdsAlert heading="Alert heading text" variant="default">
react: `<PdsAlert heading="Alert heading text" variant="default">
Copy link
Member

Choose a reason for hiding this comment

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

Good catch!

@QuintonJason QuintonJason merged commit ed4a457 into main Jan 8, 2026
15 checks passed
@QuintonJason QuintonJason deleted the fix/alert-dark-mode-link-hover branch January 8, 2026 22:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug Something isn't working package: core Changes have been made to the Core package

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants