Hello Rohit,

Thank you for posting in our community!

I have been looking into your question and what I could suggest is referring to our Styling and Theming topic here which I believe you will find quite helpful as it explains how a custom theme could be generated.

Additionally, another approach is targeting the default CSS classes and applying your custom styles.

In this case, in order to apply custom styling when editing a cell/row, I would suggest referring to the igEditors sections. Each section provides a Styling and Theming subsection that explains how custom styling could be applied to a specific editor or all editors.

Styles can be applied both by overriding the global classes applied to all editors or by targeting specific elements by ID or other specific traits to allow for more per-control customization.

Here could be found the Styling and Theming topic of the igTextEditor and here could be found the API Theming section where all default classes for the specific control are used.

Here could be found a small sample demonstrating how custom styling could be applied by targeting the default CSS classes.

Please review the provided resources and let me know if you need any further assistance regarding this matter.

Sincerely,
Riva Ivanova
Associate Software Developer