I recently have a problem with my application after I add/edit the theme.css file. Some of angular material style is not applied anymore such as position and animations and background color.
What I have done to the Theme.css file:
The original theme.css
After edit, trying to acheive different theme for different user.
After I have modified the theme, so now I can acheive that the app can change the color base on what class is defined in enviornment.ts file.
however, problem come after.
all dialog/dropdown/datepicker/popup’s background became transparent, So I define a class and force them to have a white background.
Anyone have experienced this? I have been trying to solve this problem for 4 days and still no clue about it.? I would be really thankful if someone could help me.
This problem is because after we adding custom theme class, we have to configure the Overlaycontainer.
This link will help to solve this issue.
Answered By – Johnathan Li
Answer Checked By – Mildred Charles (AngularFixing Admin)