Assign custom colors to variant swatches in Honey Theme

My variant Option are not picking up any color, when i add yellow, black, white it does work but except these predifined colors others are not working, as its jewelry store so we have a little different shades from regular color. so i want to add color directly to swatches as i have made pictures for each swatch option but i am unable to link it within the theme code, also the swatch size is comapritively bigger than our requirements. currently its 30+ and i want around 8-12px.
May i know how can do this through coding, or you might help me to provide code so i can get my work done.?
Screenshot is attched for your convieniance, where you can see all the swatches showing white color, where our varients names are “Yellow Gold, Oxidized Gold, White Gold, Sterling Silver”

The other problem is on collection page its showing (1 color available, 2 color available) i want to show available swatches instead of text “1 color available”

Can you please share your store link with me?

@Fahad_Ahmad
https://archer-commerce.helpscoutdocs.com/article/125-color-swatches

1 Like

Yes, it actually worked, now there is one small problem, my color swatches are perfactly displaying on product page, but on collection page its displaying “1 color” - “2 colors”.
Can you guide me how can i display swatches instead of colors and availability?, i tried to render the swatches but i displays blank white box for swatches only. i am not a professional programmer so maybe your help can solve my problem.
Thank you @Muhammad_Ali_S

https://n8jku0z73n63ta4l-77134856465.shopifypreview.com

now there is one small problem, my color swatches are perfactly displaying on product page, but on collection page its displaying “1 color” - “2 colors”.
Can you guide me how can i display swatches instead of colors and availability?, i tried to render the swatches but i displays blank white box for swatches only. i am not a professional programmer so maybe your help can solve my problem.
Thank you @CodeCorners