fix(material/divider): non-text color contrast issues

[DBowen33]

Fixes color contrast issues with non-text elements, including divider. Changed from "outline-variant" to "outline" colors to pass 3:1 ratio between light/dark mode backgrounds. Also changing for expansion, stepper, and table so they can also pass not-text color contrast.

Before (Light mode):
FG- #c4c6d0 (neutral-variant80)
BG- #fff
Ratio: 1.70:1
Screenshot:

After (Light mode):
FG- #747775 (neutral-variant50)
BG- #fff
Ratio: 4.52:1
Screenshot:

Before (Dark mode):
FG- #44474E (neutral-variant30)
BG- #1f1f1f
Ratio: 1.77:1
Screenshot:

After (Dark mode):
FG- #8e9099 (neutral-variant60)
BG- #1f1f1f
Ratio: 5.17:1
Screenshot:

Fixes b/291964002

[crisbeto]

It might just be me, but the new color seems a bit too dark. Also worth noting that the outline-variant is according to the spec here: https://m3.material.io/components/divider/specs

[andrewseguin]

Unfortunately the spec explicitly states that it does not account for contrast ratios for the divider. Whether we go with outline or some slightly less-contrasty color, I think it's going to look strange at a the minimum 3:1 ratio. This one is a bit out of our hands unless we want to revise this to be a different palette color than outline.

To make this a little more acceptable, can we update the list demo's outline color to match this value? It does look weird that the list outline is so much lighter than the divider

[DBowen33]

Unfortunately the spec explicitly states that it does not account for contrast ratios for the divider. Whether we go with outline or some slightly less-contrasty color, I think it's going to look strange at a the minimum 3:1 ratio. This one is a bit out of our hands unless we want to revise this to be a different palette color than outline.

To make this a little more acceptable, can we update the list demo's outline color to match this value? It does look weird that the list outline is so much lighter than the divider

Changed border color in demo list to match mat-divider color so it looks visually better

[github-actions]

Deployed dev-app for e65e9d9 to: https://ng-dev-previews-comp--pr-angular-components-28995-dev-nng8pkz4.web.app

Note: As new commits are pushed to this pull request, this link is updated after the preview is rebuilt.

[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.}