You can customize the styling of Layer’s React components to match the appearance of your product.There are three ways to do this (ordered from simplest to most control):
The theme attribute allows you to set primary light and dark colors. The component will then use your primary colors to create a cohesive color palette across all components. We won’t add any new colors, just different lightness of your brand colors for accents where helpful, e.g. hover states.
For fine grained control, you can override specific classes. We recommend using your browser dev tools to find the component you want restyle and overriding that specific class with a higher priority CSS rule.
Copy
Ask AI
body .Layer__table-cell-content { background: white;}body .Layer__bank-transaction-row .Layer__table-cell-content { background: gray;}