docs(release-highlights): Adds 6.5 highlights. #4990
docs(release-highlights): Adds 6.5 highlights. #4990edonehoo wants to merge 10 commits intopatternfly:mainfrom
Conversation
nicolethoen
left a comment
There was a problem hiding this comment.
overall I think this looks good and will link out the various repos' change logs ✅
We probably will need to adjust our usage of the term Felt Theme, right @phcox?
|
Yep, any reference to the unified theme should be "Project Felt" |
|
|
||
| ### Updated theming options | ||
|
|
||
| This release significantly expands our theming options, including style updates, high contrast mode, and our new Project Felt theme with glass mode. To see these theming options in action, you can swap the theme, color scheme, and contrast mode used on PatternFly.org via the masthead theme switcher. |
There was a problem hiding this comment.
and our new Project Felt theme with glass mode
Could just be me, but it reads like we're adding "project felt with glass" as a thing, but we're really adding project felt as a thing and glass as a thing, and glass can be applied to regular patternfly (non-project felt), too.
There was a problem hiding this comment.
@nicolethoen suggested
| This release significantly expands our theming options, including style updates, high contrast mode, and our new Project Felt theme with glass mode. To see these theming options in action, you can swap the theme, color scheme, and contrast mode used on PatternFly.org via the masthead theme switcher. | |
| This release significantly expands our theming options, including style updates, high contrast mode, glass mode, and our new Project Felt theme. To see these theming options in action, you can swap the theme, color scheme, and contrast mode used on PatternFly.org via the masthead theme switcher. |
There was a problem hiding this comment.
hm yes I see what you mean. I seem to remember that we wanted to highlight that project felt is significant because of how emphasized glass is in it, but I don't want to give the impression that they're one in the same. I made some adjustments, so I'm curious to hear if it's better framed now!
| - Card | ||
| - Drawer |
There was a problem hiding this comment.
Cards and drawers do not become glass automatically, you have to turn on glass with an isGlass prop.
| We've aligned styles in the classic PatternFly experience (now referred to as our [Default theme](/foundations-and-styles/theming)) more closely with the [Red Hat Design System](https://ux.redhat.com/). These changes enhance brand consistency and usability: | ||
| - **Links:** Now feature a subtle gray dotted underline that becomes a solid, active color on hover/focus. | ||
| - **Navigation:** Active items now utilize a vertical "accent" line for better visual emphasis. | ||
| - **Card:** Added a border shadow to support clarity in dense content views. |
There was a problem hiding this comment.
We added a shadow to cards, but later removed it, so I'm assuming this can be removed? Unless this is referring to something else.
There was a problem hiding this comment.
oh nope, I didn't realize that-I still see the shadow on staging. So nothing changed for card? I removed this line but can add back and adjust if needed!
|
|
||
| Glass mode is a new contrast mode, used by default in the Project Felt theme and optionally available for implementation in the Default theme. "Glass", enabled by an intentional set of designs tokens, adds transparency and depth to specific components so UIs can feel more layered. | ||
|
|
||
| When turned on, glass applies to the following components, including their uses within our extensions: |
There was a problem hiding this comment.
In general, i'm not sure if this list of components makes the glass concept clearer at a high level or feels a little unnecessarily specific.
Maybe the next sentence could read:
For implementation guidance, constraints, details about design tokens, and user opt-out, and the specifics of glass effect implementations on components refer to the glass mode developer handbook.
There was a problem hiding this comment.
yeah that's fair - I can move the specifics over to the pr that adds the handbook. I think that makes sense
|
|
||
| #### Project Felt theme | ||
|
|
||
| We're excited to offer PatternFly's first major theme variant: the [Project Felt](/foundations-and-styles/theming#project-felt-theme) theme. It targets more familiar Red-Hat experiences through red accent colors and pill-shaped radii. Glass mode (described in the next section) is enabled by default here for added transparency and depth. Best of all—Project Felt is built entirely with our design token system, meaning no breaking change is required to add it to your product. |
There was a problem hiding this comment.
Glass mode (described in the next section) is enabled by default here
It is not this way in the code - felt is one theme class and glass is another theme class. But you could easily add both of those classes together in an application if you wanted to get glass with felt. Just want to make sure that's known, assuming the intent is for them to be used together.
There was a problem hiding this comment.
ah okay right, I'm following. Sorry - I've had trouble wrapping my head around all the theming details 😅
I just made an update again so that felt and glass sound completely separate, lmk if that's more in line with what you're thinking or if I'm still off
✅ Snyk checks have passed. No issues have been found so far.
💻 Catch issues earlier using the plugins for VS Code, JetBrains IDEs, Visual Studio, and Eclipse. |
Closes #4970
https://pf-org--pr-4990-site.surge.sh/releases/release-highlights
Currently just contains mostly the big picture things - please lmk if there are any major callouts as well to make re React/Core/Extensions bug fixes or new features