Angular ::ng-deep not working in global style

Question

I created a component with its style I inserted

::ng-deep .input-blue.mat-focused .mat-form-field-label {
  color: #6200EE !important;
}

works perfectly. However when I add this code to the global style to use it in all components not working.

Answer 1

The global style.css is just a plain, non-Angular, or at least non-encapsulated (that is its whole point) style sheet. Remove the ::ng-deep and just leave

.input-blue.mat-focused .mat-form-field-label {
  color: #6200EE !important;
}