Search code examples
vmware-clarity

Customize clarity color scheme using Angular 4


I would like to be able to change the color schemes for my clarity application. Is there a recommended way to doing this? I saw there were a few issues about this, but I didn't see anyone talk about an actual way to do it.


Solution

  • I'm currently implementing a dark theme to complement the light theme currently shipped with clarity.

    As part of generating both light and dark themes for clarity, I'm building a way for Clarity consumers to create their own themes by overriding appropriate SCSS variables for the components and then building the clarity-ui css in their projects instead of consuming it as packaged on npm.

    I'm expecting to have the first version of the feature released before Thanksgiving. You can follow along and stay up to date here