how can i chang backgroung color for login page in mobile for kalles theme

Store Design
, , , , , , ,

Topic summary

Goal: change the mobile login page styling in the Kalles theme to a dark background (#1e222a) with white text.

Key steps taken:

  • Store URL shared (pmvshop.com) and a Shopify mobile authentication link. Images were posted showing the current (unmodified) mobile login appearance; these visuals are central to the discussion.
  • Initial CSS provided targeting Kalles drawer/login elements (e.g., #t4s-login-sidebar, .t4s-drawer__content) and a media query for mobile. User reported no change on mobile.
  • Revised CSS (with @media(max-width:767px)) targeting .login-card, .page-content, inputs, and submit button to set background and text colors for mobile. A screenshot from the helper showed the intended result.
  • Placement guidance evolved: first to paste at the bottom of theme.css/base.css; later to add the CSS inside theme.liquid before . The helper repeatedly asked where the code was inserted and stated it works in mobile view.

Status/outcome:

  • User says the issue persists on mobile despite following instructions; helper believes the code was placed incorrectly.
  • No confirmed resolution. Open points: exact insertion location and whether selectors match the actual mobile login markup.
Summarized with AI on December 12. AI used: gpt-5.
8

https://shopify.com/authentication/67962175656/login?client_id=42bbb8d4-36d3-4d1d-a293-4c829ffdbb89&locale=ar&redirect_uri=https%3A%2F%2Fshopify.com%2Fauthentication%2F67962175656%2Foauth%2Fauthorize%3Fclient_id%3D42bbb8d4-36d3-4d1d-a293-4c829ffdbb89%26locale%3Dar%26nonce%3D58a09c5b-8c22-4081-938e-d2d51edfddbd%26redirect_uri%3Dhttps%253A%252F%252Faccount.pmvshop.com%252Fcallback%253Fsource%253Dcore%26response_type%3Dcode%26scope%3Dopenid%2Bemail%2Bcustomer-account-api%253Afull%26state%3D01JF06RAA8Y4VX8YMRAS624B1A

for mobile