Changing background

[SomeRandomDude32]

I'd like to change the gradient background, how can I do that?

[iamandrewluca]

@SomeRandomDude32 what gradient background do you want to change?

[ghost]

the background which come on top blue one with circle... how do i change that??

[iamandrewluca]

@SomeRandomDude32 @synqit

argon-design-system/assets/scss/custom/_section.scss

Line 290 in 04ffdfb

background: linear-gradient(150deg, shapes-primary-color("step-1-gradient-bg") 15%, shapes-primary-color("step-2-gradient-bg") 70%, shapes-primary-color("step-3-gradient-bg") 94%);

[NaveedAslam2029]

I'd like to change the gradient background, and set background image on auth layout only .....how do i change that??

[rarestoma]

Hi,

Thank you for working with our products and sorry for the late response.

We have 3 color variations for the background using one of these classes: shape-default, shape-primary, and shape-dark.

I hope it helps.

All the best,
Rares

[rarestoma]

Hi @NaveedAslam2029,

Can you please tell me more about where do you want exactly the background image to be placed?

Thank you,
Rares

[ghost]

How is this line supposed to change the gradient, or even the bg color at all?

[rarestoma]

Hi @PBJF,

Thank you for working with our products.

Can you please tell me more about your issue?

Thank you,
Rares

[ghost]

Trying to change the gradient

eg.

to

or even making it a solid color

[al-hadi]

Any news? Thanks

[rarestoma]

Hi @al-hadi,

Thank you for working with our products.

You can select between our defined 3 colors using these classes: shape-default, shape-primary, and shape-dark.

Please let me know if it works.

Thank you,
RAres

[tifsolus]

Not sure if you got an answer > My quick stab at it, I changed the $primary attribute to desired color, ran gulp to recompile SCSS in my project and that work. Not sure it there is an easier way with a global theme prop to say use Theme primary , dark , or default etc. Again my quick stab at it for demo purposing with my client. If easier way known by others as in where to specify which of 3 colors as the Theme to use > shape-default, shape-primary, and shape-dark. Does argon have a global js prop for Theme?

[hanzlahabib]

Can you please tell me more about your issue?

i don't think you are even understanding question

Person is looking for a way to add custom bg, you need to provide reasonable way or utility to handle it,

Thanks