Description
Based on the warning badges used in migration guide that work well in light and dark mode, this PR suggests to apply the same kind of modification for the danger badges: <span class="badge bg-danger">
becomes <span class="badge text-danger-emphasis bg-danger-subtle">
.
The rendering seems to be more consistent in dark mode and offers a better a11y contrast. However, one might say that the danger information is less highlighted in light mode.
Type of changes
-
Enhancement (non-breaking change which adds 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 - (N/A) I have added tests to cover my changes
-
All new and existing tests passed
Live previews
- Migration guide from https://deploy-preview-38013--twbs-bootstrap.netlify.app/docs/5.3/migration/#sass section.