styling

src/app/components/shared/dialog/dialog-action-buttons/dialog-action-buttons.component.html

@@ -2,9 +2,10 @@
   'dialog-action-buttons': true,
   'no-spacing': (spacing === false)
 }">
-  <mat-divider *ngIf="showDivider"></mat-divider>
   <div fxLayoutAlign="end">
-    <div fxLayout="row-reverse" fxLayoutGap="10px" class="buttons">
+    <div fxLayout="row-reverse"
+         fxLayoutGap="10px"
+         class="buttons">
       <button
         [disabled]="confirmButtonDisabled"
         *ngIf="confirmButtonClickAction !== undefined"
@@ -13,7 +14,10 @@
         class="mat-flat-button {{ confirmButtonType }}-confirm-button"
         attr.aria-labelledby="{{ ariaPrefix + 'confirm' | translate }}"
         (click)="performConfirmButtonClickAction()"
-      ><mat-icon *ngIf="buttonIcon" style="margin-right: 5px;">{{buttonIcon}}</mat-icon>{{ buttonsLabelSection + '.' + confirmButtonLabel | translate}}
+      >
+        <mat-icon *ngIf="buttonIcon"
+                  style="margin-right: 5px;">{{buttonIcon}}</mat-icon>
+        {{ buttonsLabelSection + '.' + confirmButtonLabel | translate}}
         <mat-icon *ngIf="showLoadingCycle">
           <mat-spinner diameter="20"></mat-spinner>
         </mat-icon>

src/app/components/shared/header/header.component.scss

@@ -170,12 +170,12 @@ h1 {
   background-color: var(--on-dialog) !important;
 }
 
-.userActivityIcon{
-  width:25px;
-  height:25px;
-  margin-left:25px;
-  margin-bottom:5px;
-  background-color:var(--on-background);
+.userActivityIcon {
+  width: 25px;
+  height: 25px;
+  margin-left: 25px;
+  margin-bottom: 5px;
+  background-color: var(--primary);
   -webkit-mask-image: url("../../../../assets/icons/activity.svg");
   mask-image: url("../../../../assets/icons/activity.svg");
   mask-repeat: no-repeat;
@@ -183,7 +183,8 @@ h1 {
   mask-size: 100% 100%;
 }
 
-.userActivityTxt{
-  color:var(--on-background);
-  margin-left:15px;
+.userActivityTxt {
+  color: var(--primary);
+  margin-left: 5px;
+  font-size: 14px;
 }

src/app/components/shared/overlay/active-user/active-user.component.scss

@@ -19,7 +19,7 @@
       box-shadow: none !important;
       right: -75px;
       background-color: transparent !important;
-      color: var(--green) !important;
+      color: var(--primary) !important;
       animation:popin-shadow 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550) both;
     }
   }
@@ -27,7 +27,7 @@
     width: 100%;
     height: 100%;
     position: absolute;
-    background-color:var(--green) !important;
+    background-color:var(--primary) !important;
     -webkit-mask-image: url("../../../../../assets/icons/activity.svg");
     mask-image: url("../../../../../assets/icons/activity.svg");
     mask-repeat: no-repeat;

src/app/utils/cloud-parameters.ts

@@ -123,7 +123,7 @@ export class CloudParameters {
     this.question = '';
     this.textTransform = CloudTextStyle.capitalized;
     this.cloudWeightSettings = [
-      { maxVisibleElements: elements, color: '#c1c1c1', rotation: 0, allowManualTagNumber: true },
+      { maxVisibleElements: elements, color: '#C0C0C0', rotation: 0, allowManualTagNumber: true },
       { maxVisibleElements: elements, color: '#d98e49', rotation: 0, allowManualTagNumber: true },
       { maxVisibleElements: elements, color: '#ccca3c', rotation: 0, allowManualTagNumber: true },
       { maxVisibleElements: elements, color: '#83e761', rotation: 0, allowManualTagNumber: true },