Skin Modification in Pega Constellation 24.2 version

[DammavalamC16832886 (Dammavalam ChowdeswaraRao)]

We are developing a CRM application on top of Pega Constellation.

• When I override the existing formats in the skin, they are not reflected in the application. Can you please suggest any alternative Solutions for this.
• How do you handle the UI things in the application without creating DX components? Please suggest solutions for me if you have any alternate approach.

[Sairohith (Sairohith Thummarakoti)]

@DammavalamC16832886In Pega Constellation 24.2, if skin modifications are not reflecting, you can try using design tokens instead, as they control colors, fonts, and spacing. Adjust these tokens through App Studio > Web Portal > Theme Settings for consistent UI updates. If you need further customization, you can create a new theme and modify it instead of directly changing the skin. Clearing the browser cache and restarting the application can also help ensure changes are visible. Avoid modifying CSS directly, as Constellation relies on pre-built components for consistency. You can also try using section-level inline styles for small adjustments. If deeper changes are needed, consider extending existing components in App Studio. Custom web components can be used as a last resort for specific needs without creating DX components ​​​​​​​

[RameshSangili]

@DammavalamC16832886

Please navigate to App Studio → Web Portal → Configuration → Theme

Please add a new theme to match your organization’s needs.

I would recommend going over the design considerations before creating DX component

Pegasystems Documentation