Fixing Background Color Miscaptures

Issue

A screen may display mismatched background colors or visible lines after capture, especially around buttons or shaded areas.

Cause

The background color CSS attribute wasn’t correctly applied during capture, leading to inconsistent color rendering.

Solution

Identify and override the background color using custom CSS.

1. Open the affected screen and switch to Inspect Mode.

2. Select the element (e.g., button) that shows the color issue.

3. In the CSS panel, locate the background-color property.

4. Copy the class name of the element.

5. In Reprise, open the Custom CSS section for the demo.

6. Paste the class and set a new color:

   .your-class-name {
     background-color: white !important;
   }
   

7. Save your changes and refresh the screen preview.

The background color should now appear consistent.

---