Change the color of login page

[Hellen302]

Dear Shopify expert,

↓ I would like to change the color of login page from blue to black.

↓ Click the (yellow) icon will reach this login page.

Could you please teach me how can I do?

Thank you so much for your assistance.

[niraj_patel]

Hello @Hellen302

Can you share store URL?

[Hellen302]

Dear Techlyser_web,

I am so glad to receive your reply.

This is my website >> https://hhailun.com/

Thank you ^^

[Hellen302]

Dear 459james,

I am so glad to receive your reply.

This is my website >> https://hhailun.com/

Thank you ^^

[Anshul_arora]

Hello @Hellen302 ,

I understand you are looking to change the color login button (marked in a screenshot) from blue to black.

You can change the color with the mentioned CSS code.

Please add the code at the bottom of theme.liquid file before tag and save.

Output -: https://prnt.sc/L89QRgBiuUKP

I hope the code helps you.

Please share if you have any queries.

Thank you.

[BrainStation23]

HI @Hellen302
You can follow these step to achieve your result
Go to online store->Edit code-> customer-public.css file and pest bello code

.login-card__content .ui-button:not(.ui-button--link):not(.ui-banner__dismissible-button):not(.passkey-login-button){
  background-color:black !important;
}

Result:

[niraj_patel]

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

.ui-button.ui-button--primary:not(:disabled) { background-color: #000 !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Hellen302]

Dear Brain,

Thank you so much for your suggestion~

[Hellen302]

Dear Anshul_arora,

Thank you so much for your suggestion~

[Hellen302]

Dear Techlyser_web,

Thank you so much for your suggestion~