Theme accent color

[jmuzina]

Done

Themes the accent color by adding a new dark-theme accent color.

Fixes WD-11879

QA

• Open demo
• Verify accented color is correct and easy to read on 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 release (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

[webteam-app]

Demo

Jenkins

demos.haus

[bartaz]

TBH I feel like this PR was opened a bit too soon. From the conversation on the issue it doesn't seem we had a decision to theme the colour, or what new value should be.

Currently the accent colour is not themed (has the same value in both themes). We could keep this funtionality, but add it to theme variables (both dark and light versions referencing the same $color-accent value). Which could be a quick update to review (as it doesn't introduce any visual changes).

Now, we are opening the discussion in introducing a new colour for the dark theme, which may prolong the review.

[jmuzina]

Will close this but keep the branch around, and use it if/when the design decisions have been made

[jmuzina]

Design has decided on #70bbc2 - added it here!

[bartaz]

Looks good.

[bartaz]

Color contrast is fine