Skip to content

Conversation

@kmcfaul
Copy link
Contributor

@kmcfaul kmcfaul commented May 8, 2023

What: Follow up to patternfly/patternfly-org#3519

Removes custom css styling that was incompatible with dark theme.
Fixes axe issue with Divider having a role in an unordered list when it shouldn't have any role.

The text in the Brand images currently still don't reflect dark theme, but I couldn't get them to use a CSS variable properly unless it was an inline svg (and then the sizing was off). If we're okay with our examples having an inline svg I can go and investigate more.

@patternfly-build
Copy link
Contributor

patternfly-build commented May 8, 2023

@kmcfaul kmcfaul force-pushed the dark-theme-cleanup branch from 94d6d8e to 6fc69e4 Compare May 8, 2023 13:17
@kmcfaul
Copy link
Contributor Author

kmcfaul commented May 8, 2023

Backed out the Divider change which was causing a different axe issue. Instead updated the problematic divider example to resolve the role issue.

Copy link
Contributor

@mcoker mcoker left a comment

Choose a reason for hiding this comment

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

lgtm! would it be easier to maintain if we imported the react token and used that to populate the var?

@nicolethoen
Copy link
Contributor

@mcoker it might! But i think that might be something worth doing as a clean up effort before the next major release. Since it could be a wide spread update everywhere we reference css vars in the react code.

I've opened this issue for tracking: #9116

@tlabaj tlabaj merged commit 73468f9 into patternfly:v5 May 10, 2023
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.

6 participants