is there any way to change basic color intent (primary, success, danger, etc) with choosing color in variables.scss ?

[renjiza]

i used version 3.*
for example intent color primary i see intent "success" color put on $green3 color from variable

i want to change this intent color with $forest3,

is any way to do that ?

thanks before

[adidahiya]

You can build blueprint.css yourself using the Blueprint Sass sources distributed in the /src folder in the NPM package. All the variables are set as !default values which you can override. For example, you can change intent color aliases:

blueprint/packages/core/src/common/_color-aliases.scss

Line 4 in 1bfd1e4

$pt-intent-primary: $blue3 !default;

Instead of using @import "~@blueprintjs/core/lib/css/blueprint.css", you would import "~@blueprintjs/core/src/blueprint.scss" after changing the relevant variables.

[renjiza]

its work , but when i hover the button its still take blue color

[adidahiya]

@renjiza you'll have to adjust more variables, like this one:

blueprint/packages/core/src/components/button/_common.scss

Line 89 in 1bfd1e4

$button-intents: (

There's no first-class support for doing this kind of theming, so you'll have to dig through the Sass source to figure out all the necessary adjustments.

[renjiza]

okay, thank you so much

[jufemaiz]

no first-class support for doing this kind of theming

Damn. There goes where I was headed.

[dapte]

me too