How to change the color of login button in new customer accounts

Store Design
,

Topic summary

Merchants who switched from Classic to New Customer Accounts are unable to customize the login button color, which defaults to blue.

Technical Issue:

  • The login page loads CSS from a third-party Shopify URL (customer.login.shopify.com), not from the store’s theme files
  • Custom CSS added to theme files has no effect since styling is externally controlled
  • Shopify support confirmed that modifying the new customer account login page style, including button color, is not possible

User Impact:

  • Multiple merchants report the same limitation
  • Some find the blue button problematic for brand consistency (e.g., nearly invisible against white backgrounds with certain accent colors)
  • One merchant questions whether switching is worthwhile given the inability to customize and loss of social network login options

Current Status:
No workaround exists. Merchants are requesting Shopify add the ability to change button colors, but the feature remains unavailable.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.
1

Hi, recently we switched to the “New customer accounts” version from “Classic customer accounts”.

However, it shows a blue color button on the login page (check the image below) - https://shopify.com/72626569514/account

Screenshot 2023-05-11 at 7.49.48 PM.png
Screenshot 2023-05-11 at 7.49.48 PM.png1274×762 39 KB

Is changing the “Continue” button color on the new customer account version page possible?

I have tried adding custom CSS, but it didn’t work.

3 Likes
2
  1. In the code editor, locate and click on the “Assets” folder. Then find and click on the CSS file (usually named “theme.scss.liquid” or similar).
  2. Scroll down the CSS file to find the section related to the login button styling. This could be under a class like “.login” or “.customer-login-form,” or it may have a specific ID associated with it.
  3. Look for the CSS rule that controls the background color of the button. It might be something like background-color or background.
  4. Modify the color value to the desired color code or name. For example, if you want to change it to red, you can use background-color: red;
3

This is the login page - https://shopify.com/72626569514/account

It’s loading CSS from this URL which isn’t hosted on our store - https://customer.login.shopify.com/assets/customer-public-1eb73aa6ec1c97091ed939d52c185d6723f459370698a316466494be603a6a55.css

Since it’s loading CSS from a 3rd party source, any custom CSS rule added by me in theme files doesn’t take effect.

Any other way around it?

3 Likes
4

we have same issue which i m facing please help if possible

2 Likes
5

I’m also having this issue and would love to know if you found a workaround.

2 Likes
6

As confirmed by Shopify support, you can not modify the new customer accounts login page style including the button color.

2 Likes
7

That really sucks because the accent color I use for links and buttons is almost invisible on a white background. And the blue login button is off-brand for us. WTF.

4 Likes
8

In the Ride theme there’s no theme file under Assets matching this description, there is only theme-editor.js and there’s nothing about customer login in this file. SOS

2 Likes
9

Why do other Shopify merchants have this feature? e.g. Biltong

10

I’m on the same page as you.

11

Can you link their account login page here showing the styling?

12

Hello,

I am thinking about the convenience of switching to the new customers account, leaving the classic customer account. I am afraid that the issue of having to receive an email every time they want to access their account might be a barrier.

Could you please give me a brief feedback on how the change has been? Any major issue? I understand that you cannot use now the access with a social network, any views?

Thanks a lot for your help in advance.

13

Please give us the ability to change the button color!

1 Like
14

We haven’t had any customers complain about the new customer account switch, which is great. However, it is unfortunate we cannot style and add features to the new customer account area.

2 Likes