Skip to content
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

fix validation color #38041

Closed
wants to merge 1 commit into from
Closed

Conversation

jonnysp
Copy link
Contributor

@jonnysp jonnysp commented Feb 13, 2023

fix validation color. the "sucess-text" and "danger-text" not more defined set back to default color-

Description

Motivation & Context

Type of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Refactoring (non-breaking change)
  • Breaking change (fix or feature that would change existing functionality)

Checklist

  • I have read the contributing guidelines
  • My code follows the code style of the project (using npm run lint)
  • My change introduces changes to the documentation
  • I have updated the documentation accordingly
  • I have added tests to cover my changes
  • All new and existing tests passed

Live previews

Before
https://deploy-preview-38034--twbs-bootstrap.netlify.app/docs/5.3/forms/validation/#custom-styles

After
https://deploy-preview-38041--twbs-bootstrap.netlify.app/docs/5.3/forms/validation/#custom-styles

Related issues

fix validation color. the "sucess-text" and "danger-text" not more defined
set back to default color-
@jonnysp jonnysp requested a review from a team as a code owner February 13, 2023 13:37
@jonnysp jonnysp changed the title Update _variables.scss fix validation color Feb 13, 2023
@julien-deramond
Copy link
Member

Good catch @jonnysp! Thanks for the PR.
@mdo I let you check this one because it changes the text colors compared to what we had before.

@julien-deramond julien-deramond requested a review from mdo February 13, 2023 14:04
@@ -1083,15 +1083,15 @@ $form-feedback-icon-invalid: url("data:image/svg+xml,<svg xmlns='http://w
// scss-docs-start form-validation-states
$form-validation-states: (
"valid": (
"color": var(--#{$prefix}success-text),
"color": var(--#{$prefix}success),
Copy link
Member

Choose a reason for hiding this comment

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

This should probably be changed to the -emphasis variables so that it adapts to color modes.

Suggested change
"color": var(--#{$prefix}success),
"color": var(--#{$prefix}success-text-emphasis),

Copy link
Member

@julien-deramond julien-deramond Feb 13, 2023

Choose a reason for hiding this comment

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

With the *-text-emphasis version, the dark mode looks good

Screenshot 2023-02-13 at 20 56 26

But it's very difficult to see the colors (too dark IMO) in light mode. But maybe it's because I'm used to the old color.

Screenshot 2023-02-13 at 20 58 10

@mdo
Copy link
Member

mdo commented Feb 14, 2023

Opened another PR at #38044 to maybe tackle this.

@jonnysp jonnysp closed this Feb 14, 2023
@jonnysp jonnysp deleted the form-validation-states branch March 28, 2023 06:21
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