Text opacity in _theming.scss not in complete alignment

[anwalkers]

Bug, feature request, or proposal:

Proposal

What is the expected behavior?

Match Material.io spec for text color usability. Search for "Dark text on light backgrounds" and "White text on dark backgrounds" on this page: https://material.io/guidelines/style/color.html#color-usability

What is the use case for this

I am creating a custom theme and want to reuse these colors on my custom controls

What is the current behavior?

Currently in _theme.scss

$black-87-opacity: rgba(black, 0.87);
$white-87-opacity: rgba(white, 0.87);
$black-12-opacity: rgba(black, 0.12);
$white-12-opacity: rgba(white, 0.12);
$black-6-opacity: rgba(black, 0.06);
$white-6-opacity: rgba(white, 0.06);

Proposal

// Dark text on light backgrounds
// Primary
$black-87-opacity: rgba(black, 0.87);
// Seconday
$black-54-opacity: rgba(black, 0.54);
// Disabled text, hint text
$black-38-opacity: rgba(black, 0.38);
// Dividers
$black-12-opacity: rgba(black, 0.12);
// NOT IN SPEC...
$black-6-opacity: rgba(black, 0.06);

// Primary
$white-100-opacity: white;
// NOT IN SPEC...
$white-87-opacity: rgba(white, 0.87);
// Seconday
$white-70-opacity: rgba(white, 0.70);
// Disabled text, hint text
$white-50-opacity: rgba(white, 0.50);
// Dividers
$white-12-opacity: rgba(white, 0.12);
// NOT IN SPEC...
$white-6-opacity: rgba(white, 0.06);

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}