All the colors and some layout settings are applied using css variables, so there's no need to import raven.scss into your project, you just need to import raven.css.

If you want to modify any colors or settings:

@import "ravencss/theme";

// override one or more variables @include apply-variables(( border-radius: 10px, ));

// re-apply all variables with a different intent color $intent-colors: map-merge($intent-colors, ( "primary": "magenta", ));

@include apply-variables(get-variables());

// apply all variables to a specific specific html class (this will take effect only when the class "slate" is added to html) $intent-colors: map-merge($intent-colors, ( "default": "slate", ));

@include apply-variables(get-variables(), "slate");

To use this library locally, add this to the target project's package.json:

"dependencies": { "@enicore/ravencss": "file:~/path/to/ravencss" }