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

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.

pmvshop.com Is this your’s store Url ?