Clarity: Remove overwrite.scss from main.scss

[Shijir]

Select one ... (check one with "x")

[x ] bug
[ ] feature request
[ ] enhancement

Expected behavior

Users should be able to build our main.scss with their own overwrites. For example:

main.user.scss:

@import "overwrite.clarity";
@import "path/to/node_modules/clarity-ui/main";

Actual behavior

Right now as we've included overwrites.scss in our main.scss, users' overwrites of our default variables are being nullified. So users' overwrites of default variable values wouldn't take effect.

Environment details

• Angular version: 2.0.X

• Clarity version:

• OS and version:

• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

[KashMoneyMillionaire]

Is there any documentation supporting this behavior (even if it's beta)? I didn't see it in Docs -> Color Palette, but maybe I'm blind.

Specifically, I'm looking for the variables to overwrite and how to incorporate this into the angular-cli build.

[mathisscott]

@KashMoneyMillionaire
We have the code behind to support using/theming Clarity in this way but we are presently working through the process internally to validate it and then document it for our users.

[mfp22]

Any updates on this?

[mathisscott]

@mfp22
Yes, we are very close to having a dark theme ready for review. This effort will include a more simplified approach to theming Clarity.

Subscribe to #968 to keep track of the effort. Thanks!

[mfp22]

Awesome!! Is there another issue for that I can watch?

[github-actions[bot]]

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.