Skip to content

Shopify Theme Work — 2026-06-24

Summary

Reverted the JBS/LEMO Customs theme from dark back to the original light LEMO brand colors. Also added description block back to lemo-product template and created lemo2 template.

Session Log

Added Description Block to lemo-product Template

User wanted the description box back on the right side of the product image (like default Dawn layout). The product.lemo-product.json had the description block removed earlier. Added it back: - Added "description": { "type": "description", "settings": {} } block - Inserted "description" after "buy_buttons" in block_order - Pushed to live theme

White Background Issue on Dark Theme

User reported the description box rendered as "white with faint grey text" on dark themes. Investigation: - Import tool V10 wraps description in <div style="font-family:Verdana,sans-serif;font-size:14px"> - Spec tables use plain HTML (<table>) — NO #pSpec wrapper in exported CSV - Previous CSS fix targeting .product__description #pSpec was ineffective - Color scheme was set to "" (empty) in template JSONs, causing no background

Attempted Fixes

  1. Added --lemo-* CSS variable overrides in theme.liquid → didn't work (wrong selector)
  2. Added aggressive table styling CSS → user still saw white
  3. Set color_scheme: "scheme-3" in template JSONs → user still saw white on all templates

lemo2 Template

User created a lemo2 product template via the Theme Editor: - Template file: product.lemo2.json - Naming convention: product.{suffix}.json (suffix lemo2) - Has main-product (image left, info right with description), multicolumn (free shipping/hassle-free exchanges), related-products - color_scheme: "" initially

Light Theme Reversion

User requested reverting all color schemes to light scheme-2 values from the original backup: - All 5 color schemes now use: background #f4f6f9 (light grey), text #0d2240 (navy), button #0057a8 (blue) - Dark theme backup saved at config/settings_data.json.n - Original light backup at config/settings_data.json.n.orig (from before dark theme was applied)

Key Learnings

  • The import tool's #pSpec wrapper class exists only in the tool's CSS, NOT in the exported Body HTML
  • Color scheme must be set in the template JSON (color_scheme: "scheme-X") — empty string means no scheme class
  • settings_data.json push via --only config/settings_data.json may not work reliably on CLI v4
  • All 5 color schemes use the same values now — sections can reference any scheme and get the same look

Outstanding Issues

  • Some dark-theme CSS remains in theme.liquid (LEMO CSS variables, tag group label colors, footer background) — these use light-friendly colors (#0d2240, #d0d8e4) so they work with the light scheme
  • Blue hyperlinks (#0057a8) on #f4f6f9 background may be hard to see — consider darker link color
  • product-specs.liquid tag-based spec section still uses scheme-1 — will now render in light grey

Files Modified

  • templates/product.lemo-product.json — added description block, set color_scheme to scheme-3 (then reverted to scheme-2 values systemwide)
  • templates/product.lemo2.json — pulled from remote, set color_scheme to scheme-3
  • layout/theme.liquid — added product description table styling, removed #pSpec CSS
  • config/settings_data.json — reverted all 5 color schemes to light scheme-2 values

Light Theme Colors Applied

  • Background: #f4f6f9
  • Text: #0d2240
  • Buttons: #0057a8
  • Button label: #ffffff
  • Shadow: #0d2240