Update lists pattern to use new color theme variables

[jmuzina]

Done

Updates the lists pattern to use newer color theme variables.

Affects the following:

• Color of bullets in unordered lists
• Color of sequence numbers in ordered lists
• Color of the bottom border of the last list element in a split list

Fixes WD-11866

QA

• Open Ordered list examples: Verify that sequence numbers color is correct in all thtmes
  • Stepped/Detailed
  • With dividers
• Split list example: Verify that the color of the bottom border for the last list element is correct in all themes.
• Unordered list example: Verify that bullet colors are correct in all themes
• Ordered/Unordered Variants: Verify that bullets & sequence numbers are correct colors in all themes.

Check if PR is ready for release

If this PR contains Vanilla SCSS code changes, it should contain the following changes to make sure it's ready for the release:

• PR should have one of the following labels to automatically categorise it in release notes:
  • Feature 🎁, Breaking Change 💣, Bug 🐛, Documentation 📝, Maintenance 🔨.
• Vanilla version in package.json should be updated relative to the most recent release, following semver convention:
  • if CSS class names are not changed it can be bugfix relesase (x.x.X)
  • if CSS class names are changed/added/removed it should be minor version (x.X.0)
  • see the wiki for more details
• Any changes to component class names (new patterns, variants, removed or added features) should be listed on the what's new page.

Screenshots

Before:

After:

Before:

After:

[webteam-app]

Demo

Jenkins

demos.haus

[jmuzina]

Note that we don't have great color theme coverage for this component currently, so the dark-theme changes don't really appear in the Percy build.

[jmuzina]

@lyubomir-popov Is $colors--theme--border-default the right color to use for bottom border of the last element of a split list or should I use something with more contrast, like $colors--theme--border-low-contrast?

It was previously $color-mid-light.

[bartaz]

@lyubomir-popov not sure if we are still using these lists in new designs, but I wonder if we expect the line after the last item?

It's specifically added to "split" version of the list, but it was added such a long time ago it feels like an overlook that we kept it, should we just remove this line and only keep the ones on top of each item?

[lyubomir-popov]

no line after anything that is last - lines are always above items

[lyubomir-popov]

applies to tables as well

[bartaz]

Great, thanks!