colores archivos y carpetas

frontendAngular4/src/app/layout/archivos/archivos.component.html

@@ -61,8 +61,8 @@
                                         <div class="loading-bar"></div>
                                     </div>
                                     <div *ngFor="let arch of directorioActual.archivos | filter: 'nombre': filtroNombre " (click)="seleccionarArchivo(arch)" class="col-sm-3 col-4" style="text-align: center;">
-                                        <i *ngIf="arch.directorio" class="fa fa-folder" style="font-size: 3em; cursor: pointer;" aria-hidden="true"></i>
-                                        <i *ngIf="!arch.directorio" class="fa fa-file-text" style="font-size: 3em; cursor: pointer;" aria-hidden="true"></i>
+                                        <i *ngIf="arch.directorio" class="fa fa-folder" style="font-size: 3em; cursor: pointer;color:#bb1e40" aria-hidden="true"></i>
+                                        <i *ngIf="!arch.directorio" class="fa fa-file-text" style="font-size: 3em; cursor: pointer;color:#ec2222" aria-hidden="true"></i>
                                         <p style="cursor: pointer;">{{arch.nombre}}</p>
                                     </div>            
                                 </div>
@@ -84,7 +84,7 @@
                                         <div class="loading-bar"></div>
                                     </div>
                                     <div *ngFor="let arch of archivosCompartidosSinDuplicados | filter: 'nombre': filtroNombre " (click)="seleccionarArchivo(arch)" class="col-sm-3 col-4" style="text-align: center;">
-                                        <i class="fa fa-file-text" style="font-size: 3em; cursor: pointer;" aria-hidden="true"></i>
+                                        <i class="fa fa-file-text" style="font-size: 3em; cursor: pointer;color:#ec2222" aria-hidden="true"></i>
 
                                         <p style="cursor: pointer;">{{arch.nombre}}</p>
                                     </div>