React Auth project hardcoded and excessive styling

[damyanpetev]

Ignite UI CLI Version

15.4.1

Framework

React

CLI Command

new

Node.js Version

24

Operating System

Windows

Package Manager

npm

Description

There's a ton of hardcoded colors and web component part styling in the React Auth components that should be removed, related to IgniteUI/igniteui-webcomponents#2289

Steps to Reproduce

1. ig [new] with the following selection

   ✔ Enter a name for your project: ReactAuth
   ✔ Choose framework: React
   Project type: Ignite UI for React
   ✔ Choose project template: Side navigation + collapsible mini nav
   ✔ Would you like to add authentication (login, register, social login)? Yes

   or ReactAuth.zip

2. Inspect the generated code under src\app\authentication

Actual Result

src\app\authentication\components\Login.module.css:

That's just a sampling, but none of those are okay for a baseline, reusable source outside extreme fine-tune re-styling, which this is not supposed to be. None of those colors are theme-derived variables, and thus not reusable in any way and there should be absolutely no need to style states of inputs and buttons (hover, focus) considering a single host color should be fine - and yet even that shouldn't be present and should be left to the app theme.

Obv. goes about the same if not worse in other components

please remove all the junk styling.

Expected Result

Beyond adjust the flex layout of the form and actions containers, ALL of the input and button styling should be removed. .error color should be theme-derived - as an example for the login dialog. Apply in general all over.

Error Output / Logs

Additional Context

No response