Created by: MartijnCuppens
Purpose of this PR is to use a uniform approach on using colors:
- Use
tint-color()to replacelighten() - Use
shade-color()to replacedarken() - Use
scale-color()to replacecolor-level()(since we don't work with levels anymore) - Get rid of
$theme-color-interval, the8%levels are hard to calculate with. - Table variants, list item variants & alerts variants used to have different colors:
- https://twbs-bootstrap.netlify.app/docs/5.0/content/tables/#variants
- https://twbs-bootstrap.netlify.app/docs/5.0/components/alerts/#examples
- https://twbs-bootstrap.netlify.app/docs/5.0/components/list-group/#contextual-classes vs
- https://deploy-preview-30622--twbs-bootstrap.netlify.app/docs/5.0/content/tables/#variants
- https://deploy-preview-30622--twbs-bootstrap.netlify.app/docs/5.0/components/alerts/#examples
- https://deploy-preview-30622--twbs-bootstrap.netlify.app/docs/5.0/components/list-group/#contextual-classes (color contrast on the light variants is still an issue, but can be tackled later on to prevent this PR from being too overwhelming)