HIMA-783 Filiale style colors adjustments

libs/ui/src/lib/button/button.component.scss

@@ -118,7 +118,7 @@ button.load span {
 }
 
 .disabled {
-  background-color: #9cb1c6 !important;
+  background-color: #89949E !important;
 }
 
 .secondary-disabled {

libs/ui/src/lib/date-picker/date-picker.component.scss

@@ -53,7 +53,7 @@
         color: #000000;
         height: 32px;
         width: 42px;
-        background-color: #d5d9dd;
+        background-color: #C6CBD0;
         position: absolute;
         margin-top: -10px;
         padding-top: 10px;

libs/ui/src/lib/search-input/search-input.component.scss

@@ -15,7 +15,7 @@
   align-items: center;
 
   &.branch {
-    border: 1.5px solid #89949e;
+    border: 1.5px solid #C6CBD0;
   }
 }
 
@@ -125,7 +125,7 @@
 }
 
 .placeholder-branch::placeholder {
-  color: #596470;
+  color: #C6CBD0;
 }
 
 .error-message {

libs/ui/src/lib/tag/tag.component.html

@@ -1,6 +1,6 @@
 <div class="wrapper" (click)="clickTag($event)" [ngClass]="{ selected: selected === true }">
   <div class="img" [ngClass]="{ selected: selected === true }">
-    <lib-icon name="Check_white" *ngIf="selected"></lib-icon>
+    <lib-icon name="Check_89949E" *ngIf="selected"></lib-icon>
   </div>
   <div class="text" [ngClass]="{ selected: selected === true }">
     <span *ngIf="mode === 'label'">

libs/ui/src/lib/tag/tag.component.scss

@@ -1,20 +1,27 @@
+$colorSelected: #89949E;
+$colorSelectedNot: #EDEFF0;
+
 .wrapper {
   display: flex;
   flex-direction: row;
   padding: 6px 15px 6px 8px;
   align-content: center;
-  border: 1.5px solid #cfd4d8;
+  border: 1.5px solid $colorSelectedNot;
   border-radius: 30px;
   cursor: pointer;
 
+  &.selected {
+    border-color: $colorSelected;
+  }
+
   .img {
-    border: 1.5px solid #cfd4d8;
+    border: 1.5px solid $colorSelectedNot;
     border-radius: 100%;
     width: 21px;
     height: 21px;
 
     &.selected {
-      border: 1.5px solid #ffffff;
+      border-color: $colorSelected;
     }
 
     lib-icon {
@@ -25,11 +32,15 @@
 
   .text {
     font-size: 16px;
-    color: #cfd4d8;
+    color: $colorSelectedNot;
     padding-top: 3px;
     padding-left: 10px;
     position: relative;
     bottom: 2px;
+
+    &.selected {
+      color: $colorSelected;
+    }
   }
 }
 
@@ -37,23 +48,17 @@ input {
   border: none;
   font-size: 16px;
   width: 90px;
-  color: #cfd4d8;
-  caret-color: #cfd4d8;
+  color: $colorSelectedNot;
+  caret-color: $colorSelectedNot;
   padding: 0;
 
   &.selected {
-    color: #ffffff;
-    caret-color: #ffffff;
-    background-color: #d5d9dd;
+    color: $colorSelected;
+    caret-color: $colorSelected;
+    //background-color: #d5d9dd;
   }
 }
 
 input:focus {
   outline: none;
 }
-
-.selected {
-  background-color: #d5d9dd;
-  border-color: #d5d9dd;
-  color: #ffffff !important;
-}