Skip to content

adding new background color utilities and a light text utility - #2580

Merged
aileenjeffries merged 3 commits into
mainfrom
utilities/bg-colors
Oct 20, 2026
Merged

aileenjeffries merged 3 commits into
mainfrom
utilities/bg-colors

Conversation

@aileenjeffries

Copy link
Copy Markdown
Member

Overview

I'm working on modifying our article card pattern to work well without a cover image. Adding these utilities will support that effort.

Screenshots

Screenshot 2026-10-19 at 12 51 34 PM

@netlify

netlify Bot commented Oct 19, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for cloudfour-patterns ready!

Name Link
🔨 Latest commit 320053f
🔍 Latest deploy log https://app.netlify.com/projects/cloudfour-patterns/deploys/6ad79b5942576dc25eba05a0
😎 Deploy Preview https://deploy-preview-2580--cloudfour-patterns.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.

@changeset-bot

changeset-bot Bot commented Oct 19, 2026 •

Copy link
Copy Markdown

⚠️ No Changeset found

Latest commit: 320053f

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

spaceninja
spaceninja previously approved these changes Oct 19, 2026

@spaceninja spaceninja left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

The existing code works, so I'm approving it, but I've left some questions that I'd love to see addressed. Holler at me if you need a followup review! 😁


.u-bg-none {
background: transparent !important;
color: inherit !important;

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

I'm surprised to see a background color utility set the text color. Can you help me understand why we need this? Does it interact well with u-text-light? Would it be better served as a separate u-text-inherit utility?

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

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

I removed the color declaration here and figured out how to add additional u-text-light and u-text-dark classes to the examples.

Comment thread src/utilities/text/text.scss Outdated
Comment on lines +21 to +23
.u-text-light {
color: color.$base-white !important;
}

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Should we add u-text-dark at the same time? Should it use the existing $text-light Sass variable?

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

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

Makes sense, I added a u-text-dark as well!

@aileenjeffries

Copy link
Copy Markdown
Member Author

@spaceninja Since you approved this, I'm going to merge it in, but just wanted to note that I have addressed the feedback you provided!

@aileenjeffries

Copy link
Copy Markdown
Member Author

Oh wait, I think you actually do need to re-approve @spaceninja probably because I made changes?

@spaceninja spaceninja left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Thanks, looks great!

@aileenjeffries
aileenjeffries merged commit 2b44c64 into main Oct 20, 2026
8 checks passed
@aileenjeffries
aileenjeffries deleted the utilities/bg-colors branch October 20, 2026 17:08
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.

2 participants