argon-design-system icon indicating copy to clipboard operation
argon-design-system copied to clipboard

Published 20 hours ago • verified publisher icon creativetimofficial

Changing background

Open SomeRandomDude32 opened this issue 7 years ago • 13 comments
trafficstars

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

SomeRandomDude32 avatar Sep 10 '18 13:09 SomeRandomDude32

@SomeRandomDude32 what gradient background do you want to change?

unrevised6419 avatar Sep 12 '18 07:09 unrevised6419

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

ghost avatar Jan 15 '19 10:01 ghost

@SomeRandomDude32 @synqit https://github.com/creativetimofficial/argon-design-system/blob/04ffdfb9b5a615e4368f27302fd7e54bbcb84fa3/assets/scss/custom/_section.scss#L290

unrevised6419 avatar Jan 22 '19 09:01 unrevised6419

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

NaveedAslam2029 avatar Sep 04 '19 06:09 NaveedAslam2029

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 avatar Nov 18 '19 12:11 rarestoma

Hi @NaveedAslam2029,

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

Thank you, Rares

rarestoma avatar Nov 18 '19 12:11 rarestoma

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

ghost avatar Dec 18 '19 14:12 ghost

Hi @PBJF,

Thank you for working with our products.

Can you please tell me more about your issue?

Thank you, Rares

rarestoma avatar Dec 19 '19 08:12 rarestoma

Trying to change the gradient

eg. image to image

or even making it a solid color image

ghost avatar Dec 19 '19 14:12 ghost

Any news? Thanks

al-hadi avatar Jan 10 '21 01:01 al-hadi

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

rarestoma avatar Jan 11 '21 08:01 rarestoma

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?

tifsolus avatar Jan 29 '21 02:01 tifsolus

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

hanzlahabib avatar Jun 02 '22 19:06 hanzlahabib