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 ^^

[niraj_patel · Accepted solution]

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 </body> on theme.liquid
<style>
 .ui-button.ui-button--primary:not(:disabled) {
     background-color: #000 !important;
  }
</style>

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

[Hellen302]

Dear Techlyser_web,

Thank you so much for your suggestion~

[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 </body> tag and save.

<style>

button.ui-button.ui-button--primary.ui-button--full-width.ui-button--size-large.login-button.ui-button--has-hover-icon.captcha__submit {
background: black !important;
}

</style>

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

I hope the code helps you.

Please share if you have any queries.

Thank you.

[Hellen302]

Dear Anshul_arora,

Thank you so much for your suggestion~

[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:

[Hellen302]

Dear Brain,

Thank you so much for your suggestion~