subo cambios front

src/app/components/equipment-management/equipment-details/equipment-details.component.html

@@ -194,15 +194,15 @@
         <span class="bold">Fecha última modificación: </span>{{ equipment!.FECHA_MODIFICACION == null ? '-' : equipment!.FECHA_MODIFICACION }}
       </div>
       <div class="form-cell C12 center_text">
-        <button mat-mini-fab class="override_no_shadow white_font amber_primary_background mr-10" color="primary" matTooltip="Historial de códigos" 
+        <button mat-mini-fab class="override_no_shadow white_font pink_primary_background mr-10" color="primary" matTooltip="Historial de códigos" 
         (click)="openCodesHistory()">
           <mat-icon>history</mat-icon>
         </button>
-        <button mat-mini-fab class="override_no_shadow mr-10" color="primary" matTooltip="Documentos relacionados" (click)="openDocumentsList()" 
+        <button mat-mini-fab class="override_no_shadow mr-10 white_font pink_primary_background" color="primary" matTooltip="Documentos relacionados" (click)="openDocumentsList()" 
         [disabled]="!relatedDocumentsTableEnabled">
           <mat-icon>description</mat-icon>
         </button>
-        <button mat-mini-fab class="override_no_shadow white_font blue_primary_background mr-10" matTooltip="Administrar planes de mantenimiento" 
+        <button mat-mini-fab class="override_no_shadow white_font blue_send_background mr-10" matTooltip="Administrar planes de mantenimiento" 
         (click)="openMaintenancePlans()">
           <mat-icon>menu_book</mat-icon>
         </button>
@@ -210,7 +210,7 @@
         (click)="openCriticalityManagement()" [disabled]="!securityCriticalityEnabled">
           <mat-icon>report</mat-icon>
         </button>
-        <button mat-mini-fab class="override_no_shadow mr-10" color="warn" matTooltip="Exportar a PDF" (click)="exportEquipmentDetails('PDF')">
+        <button mat-mini-fab class="override_no_shadow mr-10 green_primary_background white_font" color="warn" matTooltip="Exportar a PDF" (click)="exportEquipmentDetails('PDF')">
           <mat-icon>picture_as_pdf</mat-icon>
         </button>
         <button mat-mini-fab class="override_no_shadow white_font green_primary_background mr-10" matTooltip="Exportar a Excel" 

src/app/components/equipment-management/equipment-maintenance-plains/equipment-maintenance-plains.component.html

@@ -13,7 +13,7 @@
     <mat-tab-group>
       <mat-tab label="Planes de mantenimiento preventivo">
         <div class="maintenance-plains-container">
-          <button mat-mini-fab color="primary" matTooltip="Ir al módulo" class="navigation-module-button" 
+          <button mat-mini-fab color="primary" matTooltip="Ir al módulo" class="override_no_shadow navigation-module-button white_font pink_primary_background" 
           (click)="navigateToModule('preventive')">
             <mat-icon>engineering</mat-icon>
           </button>
@@ -66,7 +66,7 @@
       </mat-tab>
       <mat-tab label="Planes de mantenimiento correctivo">
         <div class="maintenance-plains-container">
-          <button mat-mini-fab color="primary" matTooltip="Ir al módulo" class="navigation-module-button">
+          <button mat-mini-fab color="primary " tooltip="Ir al módulo" class="override_no_shadow navigation-module-button white_font pink_primary_background">
             <mat-icon>construction</mat-icon>
           </button>
         </div>

src/app/components/equipment-management/equipment-types-management/equipment-types-management.component.html

@@ -1,6 +1,6 @@
 <div class="items-container animated fadeIn prevent-select" (window:resize)="onResize()">
   <div id="navigation" class="mb-8">
-    <div class="prev-page prevent-select indigo_primary_background mat-elevation-z8" (click)="goBack(1)" matRipple>
+    <div class="prev-page prevent-select raised-button-background mat-elevation-z8" (click)="goBack(1)" matRipple>
       <mat-icon style="color: white;">arrow_back</mat-icon>
       <div class="page-name ml-4">Gestión de equipamientos</div>
     </div>
@@ -41,7 +41,7 @@
           <div class="equipments-type-list-item animated fadeIn pv-8" *ngFor="let equipment of equipmentsByType; let j = index"
           [ngClass]="{item_divider: j < equipmentsByType.length - 2}">
             <div class="item-label">{{ equipment.TIPO }} - {{ equipment.MODELO }}</div>
-            <button mat-mini-fab class="override_no_shadow ml-4" matTooltip="Ver detalles" color="primary"  
+            <button mat-mini-fab class="override_no_shadow ml-4 white_font pink_primary_background" matTooltip="Ver detalles" color="primary"  
             (click)="openEquipmentDetails(equipment.CODIGO)">
               <mat-icon>visibility</mat-icon>
             </button>

src/app/components/preventive-maintenance/work-orders/new-work-order/new-work-order.component.html

@@ -408,12 +408,12 @@
             <div class="form-cell w-100" [ngClass]="{ attached_horizontal: screenSize > 960, attached_vertical: screenSize <= 960 }">
               <div class="attached-container" [ngClass]="{ ac_horizontal: screenSize > 960, ac_vertical: screenSize <= 960 }">
                 <div class="buttons-container" [ngClass]="{ bc_horizontal: screenSize > 960, bc_vertical: screenSize <= 960 }">
-                  <div class="attach-button indigo_primary_background" (click)="openFileUploader()" matRipple [ngClass]="{
+                  <div class="attach-button raised-button-background" (click)="openFileUploader()" matRipple [ngClass]="{
                   ab_horizontal: screenSize > 960, ab_vertical: screenSize <= 960  }">
                     <mat-icon style="transform: scale(1);">attach_file_add</mat-icon>
                     <p style="margin-top: 0px;margin-bottom:0;font-size: 16px;">Añadir nuevo archivo</p>
                   </div>
-                  <div class="attach-button indigo_primary_background" (click)="searchExistingFile()" matRipple [ngClass]="{
+                  <div class="attach-button raised-button-background" (click)="searchExistingFile()" matRipple [ngClass]="{
                   ab_horizontal: screenSize > 960, ab_vertical: screenSize <= 960  }">
                     <mat-icon style="transform: scale(1);">link</mat-icon>
                     <p style="margin-top: 0px;margin-bottom:0;font-size: 16px;">Añadir archivo existente</p>

src/app/components/preventive-maintenance/work-orders/work-orders.component.html

@@ -22,11 +22,11 @@
             </button>
           </mat-form-field>
           <div class="override-buttons">
-            <button mat-flat-button color="primary" class="mr-10 animated fadeIn" (click)="openWorkOrder('nuevo', null)" 
+            <button mat-flat-button color="primary" class="mr-10 animated fadeIn raised-background-button" (click)="openWorkOrder('nuevo', null)" 
             [disabled]="!createOrdersEnabled">
               <mat-icon>add</mat-icon> Registrar orden de trabajo
             </button>
-            <button mat-mini-fab class="cyan_dark_background white_font override_no_shadow mr-10" matTooltip="Actualizar datos" (click)="getWorkOrders()">
+            <button mat-mini-fab class="orange_primary_background white_font override_no_shadow mr-10" matTooltip="Actualizar datos" (click)="getWorkOrders()">
               <mat-icon>refresh</mat-icon>
             </button>
           </div>

src/app/components/system-admin/connections/user-connections/user-connections.component.html

@@ -22,7 +22,7 @@
             (click)="applyFilter('', 'EST')" matSuffix>close</mat-icon>
           </mat-form-field>
           <div class="override-buttons">
-            <button mat-mini-fab class="cyan_dark_background white_font override_no_shadow mr-20" matTooltip="Actualizar datos" (click)="refresh()">
+            <button mat-mini-fab class="orange_primary_background white_font override_no_shadow mr-20" matTooltip="Actualizar datos" (click)="refresh()">
               <mat-icon>refresh</mat-icon>
             </button>
           </div>
@@ -60,11 +60,11 @@
           <ng-container matColumnDef="ACCIONES">
             <th mat-header-cell *matHeaderCellDef>Acciones</th>
             <td mat-cell *matCellDef="let row">
-              <button mat-mini-fab #tooltip="matTooltip" matTooltip="Ver ubicación" class="no_shadow" [ngClass]="{ green_primary_background: actionsEnabled, 
+              <button mat-mini-fab #tooltip="matTooltip" matTooltip="Ver ubicación" class="no_shadow" [ngClass]="{ pink_primary_background: actionsEnabled, 
               white_font: actionsEnabled }" (click)="seeLocation(row.LATITUD, row.LONGITUD, row.PRECISION, row.ESTADO, row.PAIS, row.CIUDAD)" [disabled]="!actionsEnabled">
                 <mat-icon>location_on</mat-icon>
               </button>
-              <button mat-mini-fab #tooltip="matTooltip" matTooltip="Ver dispositivo" class="ml-4 no_shadow" [ngClass]="{ amber_primary_background: actionsEnabled, 
+              <button mat-mini-fab #tooltip="matTooltip" matTooltip="Ver dispositivo" class="ml-4 no_shadow" [ngClass]="{ pink_primary_background: actionsEnabled, 
               white_font: actionsEnabled }" (click)="seeDevice(row.DISPOSITIVO, row.SITEMAOPERATIVO, row.VERSIONSO, row.NAVEGADOR)" [disabled]="!actionsEnabled">
                 <mat-icon>computer</mat-icon>
               </button>