-
Notifications
You must be signed in to change notification settings - Fork 26
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat: Implement dark theme for Select and TextField #366
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Font color issue
} | ||
|
||
.cauldron--theme-dark input, | ||
select, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Are we intentionally applying styles to all <select>
elements here? IMO Cauldron should only style elements it renders.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Good question. The code has been there and I was assuming that it only affects Cauldron components, but now I think about it. It probably will affects these native elements outside Cauldron too, no? @schne324
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@stephenmathieson is correct - cauldron should only style its components. Given that this was already there, I'm cool if we want to address this issue in a separate PR
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Digging deeper, this file is full of cauldron styles that'd apply to non-cauldron components (see https://github.com/dequelabs/cauldron/pull/366/files#diff-d2f5588b0cde6a6cbe8f128481e2f436d72c46d49ecd4a507c36b28f001a9b6dR34-R42
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
☝️ more of a reason to address this issue separately
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Created an issue for this
Should solve this issue: https://github.com/dequelabs/axe-extension/pull/1879