-
Notifications
You must be signed in to change notification settings - Fork 13
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(background): define correct colorvariables for light and black backgrounds #357
fix(background): define correct colorvariables for light and black backgrounds #357
Conversation
…ground-color-container
🦋 Changeset detectedLatest commit: 03f4f45 The changes in this PR will be included in the next version bump. This PR includes changesets to release 2 packages
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
🚀 Preview environment ready: https://preview-357--swisspost-web-frontend.netlify.app |
…ground-color-container # Conflicts: # packages/web-styles/src/placeholders/_notifications.scss
...app/bootstrap/components/background/background-demo-page/background-demo-page.component.html
Show resolved
Hide resolved
...app/bootstrap/components/background/background-demo-page/background-demo-page.component.html
Show resolved
Hide resolved
…om background-utility
Co-authored-by: Philipp Gfeller <1659006+gfellerph@users.noreply.github.com>
…ground-color-container # Conflicts: # packages/web-styles/src/components/badge.scss
Kudos, SonarCloud Quality Gate passed!
|
First, the definition of bg-utility (bg-classes) was changed. If we have a light-background, the variable
--contrast-color
is defined as the best contrast color (in this case black). If we have a dark-background, it behaves the other way around (the--contrast-color
is white). The bg-classes were merged and optimized.Background-utilities are generated by us now. Bootstrap utilities were removed.
These changes made it easy to refactor the alerts/notifications components as well.
Currently not refactored (but possible) components are: Badges and Buttons.