Finalize theme token updates

[marcellamaki]

Overview

As we move towards applying the new specs to our products, we need to update KDS to ensure the colors and fonts are available within the design system. The token to hex code mapping has been updated, but we will need to ensure that the components and mixin references are updated as well.

To do

1. Reference marcella's working branch test-themeing-updates
2. Audit and apply the proper colors referencing the figma spec - focusing in particular on where there are updates to the token mapping for the component for example, where we used to be using primary (the purple) but now we are using a secondary color token for the blues. Most of the interactive form elements are using secondary tokens. (Buttons, input fields, etc.)
3. It may be easier to cross-reference with Kolibri, and you can use the new updates to run kolibri without using yarn link, using yarn run devserver-with-kds /path/to/kds instead

Acceptance criteria

• Standard KComponents have been upgraded to the updated theme colors including form elements, loaders,

Out of scope

• edge cases in Kolibri or in Studio (i.e. any place there the tokens are referenced directly within a component, rather than just using the default KComponent, or where something like a hex code has snuck in)
• Font updates
• Other related updates fixes in Kolibri or Studio (logos, icon colors, etc.)