Skip to content

chore: update tokens from figma - #8237

Merged
mcoker merged 2 commits into
patternfly:mainfrom
mcoker:update-tokens-3.23.26
Mar 23, 2026
Merged

chore: update tokens from figma#8237
mcoker merged 2 commits into
patternfly:mainfrom
mcoker:update-tokens-3.23.26

Conversation

@mcoker

@mcoker mcoker commented Mar 23, 2026

Copy link
Copy Markdown
Contributor

Summary by CodeRabbit

  • Chores

    • Refreshed generation timestamps across all theme token files.
    • Reduced Red Hat theme token output to only variant-specific overrides (much smaller override sets).
  • Bug Fixes

    • Adjusted dark-theme read-only control border color mapping to a darker token.
    • Tweaked high-contrast dark read-only control background to a lighter dark variant.
    • Removed one hover text-decoration offset token from the default theme.

@mcoker
mcoker requested review from lboehling and srambach March 23, 2026 14:15
@coderabbitai

coderabbitai Bot commented Mar 23, 2026

Copy link
Copy Markdown
Contributor

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Repository UI (base), Organization UI (inherited)

Review profile: CHILL

Plan: Pro

Run ID: 60947b30-f7d6-4c24-a764-7e3d94e36e68

📥 Commits

Reviewing files that changed from the base of the PR and between 69ab292 and 436f276.

📒 Files selected for processing (11)
  • src/patternfly/base/tokens/tokens-dark.scss
  • src/patternfly/base/tokens/tokens-default.scss
  • src/patternfly/base/tokens/tokens-glass-dark.scss
  • src/patternfly/base/tokens/tokens-glass.scss
  • src/patternfly/base/tokens/tokens-palette.scss
  • src/patternfly/base/tokens/tokens-redhat-dark.scss
  • src/patternfly/base/tokens/tokens-redhat-glass-dark.scss
  • src/patternfly/base/tokens/tokens-redhat-glass.scss
  • src/patternfly/base/tokens/tokens-redhat-highcontrast-dark.scss
  • src/patternfly/base/tokens/tokens-redhat-highcontrast.scss
  • src/patternfly/base/tokens/tokens-redhat.scss
✅ Files skipped from review due to trivial changes (2)
  • src/patternfly/base/tokens/tokens-palette.scss
  • src/patternfly/base/tokens/tokens-glass.scss
🚧 Files skipped from review as they are similar to previous changes (9)
  • src/patternfly/base/tokens/tokens-glass-dark.scss
  • src/patternfly/base/tokens/tokens-dark.scss
  • src/patternfly/base/tokens/tokens-default.scss
  • src/patternfly/base/tokens/tokens-redhat-glass.scss
  • src/patternfly/base/tokens/tokens-redhat-dark.scss
  • src/patternfly/base/tokens/tokens-redhat-highcontrast-dark.scss
  • src/patternfly/base/tokens/tokens-redhat-highcontrast.scss
  • src/patternfly/base/tokens/tokens-redhat.scss
  • src/patternfly/base/tokens/tokens-redhat-glass-dark.scss

Walkthrough

Updated generated timestamps and reduced many theme mixins to only declare tokens that differ from the base theme; several read-only border/background token mappings were adjusted and one default token removed.

Changes

Cohort / File(s) Summary
Timestamp-only updates
src/patternfly/base/tokens/tokens-glass.scss, src/patternfly/base/tokens/tokens-palette.scss
Updated generated-on timestamp comments; no functional token changes.
Dark / Glass minor edits
src/patternfly/base/tokens/tokens-dark.scss, src/patternfly/base/tokens/tokens-glass-dark.scss
Adjusted --pf-t--global--border--color--control--read-only mappings (dark/glass variants) and refreshed timestamps.
Default tokens
src/patternfly/base/tokens/tokens-default.scss
Removed --pf-t--global--text-decoration--offset--hover from @mixin pf-v6-tokens and updated timestamp.
Red Hat theme reductions
src/patternfly/base/tokens/tokens-redhat.scss, src/patternfly/base/tokens/tokens-redhat-dark.scss, src/patternfly/base/tokens/tokens-redhat-glass.scss, src/patternfly/base/tokens/tokens-redhat-glass-dark.scss, src/patternfly/base/tokens/tokens-redhat-highcontrast.scss, src/patternfly/base/tokens/tokens-redhat-highcontrast-dark.scss
Major reduction: each @mixin pf-v6-tokens now emits only the subset of CSS custom properties that differ from the base theme (many previous in-mixin declarations removed), timestamps updated; a few remaining overrides had value references adjusted (notably some control/background read-only mappings).

Estimated code review effort

🎯 4 (Complex) | ⏱️ ~45 minutes

Possibly related PRs

Suggested labels

Needs design review

Suggested reviewers

  • srambach
  • lboehling
  • andrew-ronaldson
🚥 Pre-merge checks | ✅ 2
✅ Passed checks (2 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title 'chore: update tokens from figma' follows conventional commit guidelines with appropriate prefix and describes the main change (updating design tokens).

✏️ Tip: You can configure your own custom pre-merge checks in the settings.


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@patternfly-build

patternfly-build commented Mar 23, 2026

Copy link
Copy Markdown
Collaborator

@coderabbitai coderabbitai Bot 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.

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)
src/patternfly/base/tokens/tokens-default.scss (1)

598-601: ⚠️ Potential issue | 🟠 Major

Keep --pf-t--global--text-decoration--offset--hover available.

src/patternfly/components/Button/button.scss still consumes this token at Lines 37-40, 144-147, and 289-296, and src/patternfly/base/patternfly-variables.scss includes default.pf-v6-tokens for every theme at Lines 17-68. Dropping it here leaves those hover/clicked underline offsets unresolved across all themes.

💡 Minimal compatibility fix
   --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--300);
   --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
+  --pf-t--global--text-decoration--offset--hover: var(--pf-t--global--text-decoration--offset--default);
   --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
   --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@src/patternfly/base/tokens/tokens-default.scss` around lines 598 - 601,
Restore the CSS token --pf-t--global--text-decoration--offset--hover in the
tokens-default.scss token set (the value can mirror the default, e.g.,
var(--pf-t--global--spacer--xs)) so the Button component’s hover/click underline
offset resolution works; update the tokens list to include
--pf-t--global--text-decoration--offset--hover alongside
--pf-t--global--text-decoration--offset--default to ensure consumers (Button)
and the patternfly variables import continue to find the hover token.
🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Outside diff comments:
In `@src/patternfly/base/tokens/tokens-default.scss`:
- Around line 598-601: Restore the CSS token
--pf-t--global--text-decoration--offset--hover in the tokens-default.scss token
set (the value can mirror the default, e.g., var(--pf-t--global--spacer--xs)) so
the Button component’s hover/click underline offset resolution works; update the
tokens list to include --pf-t--global--text-decoration--offset--hover alongside
--pf-t--global--text-decoration--offset--default to ensure consumers (Button)
and the patternfly variables import continue to find the hover token.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Repository UI (base), Organization UI (inherited)

Review profile: CHILL

Plan: Pro

Run ID: ce073f95-4dd1-4a28-945a-a6274af048a6

📥 Commits

Reviewing files that changed from the base of the PR and between 95482e6 and 69ab292.

📒 Files selected for processing (11)
  • src/patternfly/base/tokens/tokens-dark.scss
  • src/patternfly/base/tokens/tokens-default.scss
  • src/patternfly/base/tokens/tokens-glass-dark.scss
  • src/patternfly/base/tokens/tokens-glass.scss
  • src/patternfly/base/tokens/tokens-palette.scss
  • src/patternfly/base/tokens/tokens-redhat-dark.scss
  • src/patternfly/base/tokens/tokens-redhat-glass-dark.scss
  • src/patternfly/base/tokens/tokens-redhat-glass.scss
  • src/patternfly/base/tokens/tokens-redhat-highcontrast-dark.scss
  • src/patternfly/base/tokens/tokens-redhat-highcontrast.scss
  • src/patternfly/base/tokens/tokens-redhat.scss

@lboehling lboehling left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

sweeeet

@mcoker
mcoker merged commit d74327e into patternfly:main Mar 23, 2026
5 checks passed
@mcoker
mcoker deleted the update-tokens-3.23.26 branch March 23, 2026 15:14
@patternfly-build

Copy link
Copy Markdown
Collaborator

🎉 This PR is included in version 6.5.0-prerelease.56 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants