new-front-common-library 18.2.0 → 18.2.2

package/assets/css/_light-theme.scss

@@ -1,221 +1,221 @@
-@import "mat-palettes";
-
-.light-theme {
-  .page-container {
-    background-color: $gray-background-lightest;
-  }
-
-  // TOOLBAR
-  .sub-toolbar {
-    background: white;
-
-    .icon {
-      color: $black-bluish;
-    }
-
-    .title {
-      color: $black-bluish;
-    }
-  }
-
-  // TOOLBAR END
-
-  //LINK
-
-  .mat-mdc-tab-link.mdc-tab--active .mdc-tab__text-label {
-    color: $blue-primary !important;
-  }
-
-  .mat-mdc-tab-link .mdc-tab__text-label {
-    color: $black-bluish !important;
-  }
-
-  .mat-mdc-tab-link .mdc-tab-indicator__content--underline {
-    border-color: $blue-primary !important;
-  }
-  //END LINK
-
-  // TEXT
-  .label-consult label {
-    color: $medium-blue;
-  }
-
-  .span-consult span {
-    color: $black-bluish;
-  }
-
-  .text {
-    color: $black-bluish;
-  }
-
-  input[disabled] {
-    color: #00000061 !important;
-  }
-
-  input, textarea {
-    color: $black-bluish !important;
-  }
-
-  // END TEXT
-
-  // TITLE
-  .block-title, .block-title-icon {
-    color: $black-bluish;
-  }
-
-  // END TITLE
-
-
-
-
-  //EXPANSION PANEL
-  .mat-expansion-panel-header {
-    background-color: $gray-background-light2;
-  }
-
-  .mat-expansion-panel-body {
-    background-color: $gray-background-light2;
-
-  }
-  .mat-expansion-panel-header-title {
-    color: $black-bluish;
-  }
-
-  //END EXPANSION PANEL
-
-  // NG-SELECT
-  .ng-select .ng-select-container {
-    background-color: $gray-strong;
-    color: $black-bluish;
-  }
-  .ng-select.ng-select-focused .ng-select-container {
-    border-color: $black-bluish;
-    box-shadow: inset 0 0 0 rgb(0, 0, 0, 0.2), 0 0 0 1px $black-bluish;
-  }
-  .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
-    color: $black-bluish;
-    background-color: #ebf5ff;
-  }
-  .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
-    color: $black-bluish;
-  }
-
-  // END NG-SELECT
-
-  .separator-line {
-    border-color: $black-bluish;
-  }
-
-
-  //.navigation-menu {
-  //  background-color: $gray-background-light2;
-  //}
-
-  //.expandable-row:hover {
-  //  background-color: whitesmoke !important;
-  //}
-  //.expandable-row .inner-table-cell {
-  //  background: $gray-background-light;
-  //}
-
-
-  //.disable_ripple {
-  //  background-color: #EAEEF4 !important;
-  //}
-
-  ////16
-  //.cke_editable {
-  //  font-size: 12px !important;
-  //  font-family: Poppins;
-  //  background-color: $gray-background-lightest;
-  //  color: $black-bluish;
-  //}
-
-  ////17
-  //.hide-ckeditor-toolbar {
-  //  .cke_inner .cke_top {
-  //    display: none;
-  //  }
-  //}
-
-  //textarea {
-  //  color: $black-bluish;
-  //}
-
-  //a {
-  //  color: $black-bluish;
-  //}
-
-  //.contracts-details-page__container {
-  //  margin-top: 30px !important;
-  //  margin-left: 1% !important;
-  //  margin-right: 1% !important;
-  //}
-
-  //.table-header-text {
-  //  color: $black-bluish;
-  //  font-size: 14px;
-  //  padding-bottom: 10px;
-  //  font-weight: bold;
-  //}
-
-  //.consult-info-label {
-  //  color: $gray-primary;
-  //}
-
-  //.consult-info-data {
-  //  color: $black-bluish;
-  //}
-  //
-
-
-  //.home-button button {
-  //  color: $black-bluish;
-  //}
-  //
-
-
-  //.row-drop {
-  //  background-color: $gray-background-light2;
-  //  border-color: $gray-strong;
-  //  color: $black-bluish;
-  //  font-size: 12px;
-  //}
-
-  //row-drop:hover {
-  //  background-color: whitesmoke;
-  //}
-
-  //.confidential {
-  //  color: $gray-primary;
-  //}
-
-  //// DRAG & DROP
-  //
-  //.drag-drop-box {
-  //  color: $black-bluish;
-  //}
-
-  //.drop-list {
-  //  color: $black-bluish;
-  //}
-
-  //// END DRAG & DROP
-
-
-  //.see-more-text {
-  //  color: $gray-light !important;
-  //  font-size: 12px;
-  //}
-
-
-  //.secondary-bis {
-  //  background: $gray-light !important;
-  //  color: #FFFFFF !important;
-  //}
-  //
-  //.icon-box-class {
-  //  color: $black-bluish;
-  //}
-
-}
+@import "mat-palettes";
+
+.light-theme {
+  .page-container {
+    background-color: $gray-background-lightest;
+  }
+
+  // TOOLBAR
+  .sub-toolbar {
+    background: white;
+
+    .icon {
+      color: $black-bluish;
+    }
+
+    .title {
+      color: $black-bluish;
+    }
+  }
+
+  // TOOLBAR END
+
+  //LINK
+
+  .mat-mdc-tab-link.mdc-tab--active .mdc-tab__text-label {
+    color: $blue-primary !important;
+  }
+
+  .mat-mdc-tab-link .mdc-tab__text-label {
+    color: $black-bluish !important;
+  }
+
+  .mat-mdc-tab-link .mdc-tab-indicator__content--underline {
+    border-color: $blue-primary !important;
+  }
+  //END LINK
+
+  // TEXT
+  .label-consult label {
+    color: $medium-blue;
+  }
+
+  .span-consult span {
+    color: $black-bluish;
+  }
+
+  .text {
+    color: $black-bluish;
+  }
+
+  input[disabled] {
+    color: #00000061 !important;
+  }
+
+  input, textarea {
+    color: $black-bluish !important;
+  }
+
+  // END TEXT
+
+  // TITLE
+  .block-title, .block-title-icon {
+    color: $black-bluish;
+  }
+
+  // END TITLE
+
+
+
+
+  //EXPANSION PANEL
+  .mat-expansion-panel-header {
+    background-color: $gray-background-light2;
+  }
+
+  .mat-expansion-panel-body {
+    background-color: $gray-background-light2;
+
+  }
+  .mat-expansion-panel-header-title {
+    color: $black-bluish;
+  }
+
+  //END EXPANSION PANEL
+
+  // NG-SELECT
+  .ng-select .ng-select-container {
+    background-color: $gray-strong;
+    color: $black-bluish;
+  }
+  .ng-select.ng-select-focused .ng-select-container {
+    border-color: $black-bluish;
+    box-shadow: inset 0 0 0 rgb(0, 0, 0, 0.2), 0 0 0 1px $black-bluish;
+  }
+  .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
+    color: $black-bluish;
+    background-color: #ebf5ff;
+  }
+  .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
+    color: $black-bluish;
+  }
+
+  // END NG-SELECT
+
+  .separator-line {
+    border-color: $black-bluish;
+  }
+
+
+  //.navigation-menu {
+  //  background-color: $gray-background-light2;
+  //}
+
+  //.expandable-row:hover {
+  //  background-color: whitesmoke !important;
+  //}
+  //.expandable-row .inner-table-cell {
+  //  background: $gray-background-light;
+  //}
+
+
+  //.disable_ripple {
+  //  background-color: #EAEEF4 !important;
+  //}
+
+  ////16
+  //.cke_editable {
+  //  font-size: 12px !important;
+  //  font-family: Poppins;
+  //  background-color: $gray-background-lightest;
+  //  color: $black-bluish;
+  //}
+
+  ////17
+  //.hide-ckeditor-toolbar {
+  //  .cke_inner .cke_top {
+  //    display: none;
+  //  }
+  //}
+
+  //textarea {
+  //  color: $black-bluish;
+  //}
+
+  //a {
+  //  color: $black-bluish;
+  //}
+
+  //.contracts-details-page__container {
+  //  margin-top: 30px !important;
+  //  margin-left: 1% !important;
+  //  margin-right: 1% !important;
+  //}
+
+  //.table-header-text {
+  //  color: $black-bluish;
+  //  font-size: 14px;
+  //  padding-bottom: 10px;
+  //  font-weight: bold;
+  //}
+
+  //.consult-info-label {
+  //  color: $gray-primary;
+  //}
+
+  //.consult-info-data {
+  //  color: $black-bluish;
+  //}
+  //
+
+
+  //.home-button button {
+  //  color: $black-bluish;
+  //}
+  //
+
+
+  //.row-drop {
+  //  background-color: $gray-background-light2;
+  //  border-color: $gray-strong;
+  //  color: $black-bluish;
+  //  font-size: 12px;
+  //}
+
+  //row-drop:hover {
+  //  background-color: whitesmoke;
+  //}
+
+  //.confidential {
+  //  color: $gray-primary;
+  //}
+
+  //// DRAG & DROP
+  //
+  //.drag-drop-box {
+  //  color: $black-bluish;
+  //}
+
+  //.drop-list {
+  //  color: $black-bluish;
+  //}
+
+  //// END DRAG & DROP
+
+
+  //.see-more-text {
+  //  color: $gray-light !important;
+  //  font-size: 12px;
+  //}
+
+
+  //.secondary-bis {
+  //  background: $gray-light !important;
+  //  color: #FFFFFF !important;
+  //}
+  //
+  //.icon-box-class {
+  //  color: $black-bluish;
+  //}
+
+}

package/assets/css/_mat-palettes.scss

@@ -1,102 +1,102 @@
-//Global color roles
-$blue-primary: #009EF7;
-$gray-blue-primary: #6E9DD4;
-$purple-primary: #7C87FF;
-$green-primary: #71D356;
-$red-primary: #FF4F4C;
-$yellow-primary: #FFD000;
-//Light theme colors
-$gray-background-lightest: #F3F6F9;
-$gray-background-light: #E4E9F0;
-$gray-background-light2: #EAEEF4;
-$gray-strong: #D3DFEC;
-$gray-background-dark: #C2CFDD;
-$gray-light: #A1B7D4;
-$gray-primary: #809EC1;
-$medium-blue: #4c709a;
-$black-bluish: #445D7B;
-$light-border-color: #0000001E;
-//dark theme colors
-$background-lvl5: #111219;
-$background-lvl4: #212332;
-$background-lvl3: #212332;
-$background-lvl2: #2A2D3E;
-$background-lvl1: #34384C;
-$black-bluish: #445D7B;
-$gray-light: #A1B7D4;
-$gray-background-dark: #C2CFDD;
-//custom
-$dark-border-color: #FFFFFF4C;
-$dark-background-color: #2A2D3E;
-$dark-default-text-color: white;
-$dark-work-title-color: #C2CFDD;
-$dark-work-details-color: #809EC1;
-
-$light-unity-palette: (
-        50: $gray-background-lightest,
-        100: $gray-background-light,
-        200: $gray-strong,
-        300: $gray-light,
-        400: $gray-primary,
-        500: $black-bluish,
-        600: $background-lvl5,
-        700: $background-lvl3,
-        800: $background-lvl2,
-        900: $background-lvl1,
-        A100: #ff8a80,
-        A200: #ff5252,
-        A400: #ff1744,
-        A700: #d50000,
-        contrast: (
-                50: rgba(black, 0.87),
-                100: rgba(black, 0.87),
-                200: rgba(black, 0.87),
-                300: rgba(black, 0.87),
-                400: rgba(black, 0.87),
-                500: white,
-                600: white,
-                700: white,
-                800: rgba(white, 0.87),
-                900: rgba(white, 0.87),
-                A100: rgba(black, 0.87),
-                A200: white,
-                A400: white,
-                A700: white,
-        )
-);
-$dark-unity-palette: (
-        50: $gray-background-lightest,
-        100: $gray-background-light,
-        200: $gray-strong,
-        300: $gray-light,
-        400: $gray-primary,
-        500: $dark-work-title-color,
-        600: $background-lvl5,
-        700: $background-lvl3,
-        800: $background-lvl2,
-        900: $background-lvl1,
-        A100: #ff8a80,
-        A200: #ff5252,
-        A400: #ff1744,
-        A700: #d50000,
-        contrast: (
-                50: rgba(black, 0.87),
-                100: rgba(black, 0.87),
-                200: rgba(black, 0.87),
-                300: rgba(black, 0.87),
-                400: rgba(black, 0.87),
-                500: white,
-                600: white,
-                700: white,
-                800: rgba(white, 0.87),
-                900: rgba(white, 0.87),
-                A100: rgba(black, 0.87),
-                A200: white,
-                A400: white,
-                A700: white,
-        )
-);
-
-$notification-color-info: #03A9F5;
-$notification-color-feat: #37B400;
-$notification-color-maint: #FF6358;
+//Global color roles
+$blue-primary: #009EF7;
+$gray-blue-primary: #6E9DD4;
+$purple-primary: #7C87FF;
+$green-primary: #71D356;
+$red-primary: #FF4F4C;
+$yellow-primary: #FFD000;
+//Light theme colors
+$gray-background-lightest: #F3F6F9;
+$gray-background-light: #E4E9F0;
+$gray-background-light2: #EAEEF4;
+$gray-strong: #D3DFEC;
+$gray-background-dark: #C2CFDD;
+$gray-light: #A1B7D4;
+$gray-primary: #809EC1;
+$medium-blue: #4c709a;
+$black-bluish: #445D7B;
+$light-border-color: #0000001E;
+//dark theme colors
+$background-lvl5: #111219;
+$background-lvl4: #212332;
+$background-lvl3: #212332;
+$background-lvl2: #2A2D3E;
+$background-lvl1: #34384C;
+$black-bluish: #445D7B;
+$gray-light: #A1B7D4;
+$gray-background-dark: #C2CFDD;
+//custom
+$dark-border-color: #FFFFFF4C;
+$dark-background-color: #2A2D3E;
+$dark-default-text-color: white;
+$dark-work-title-color: #C2CFDD;
+$dark-work-details-color: #809EC1;
+
+$light-unity-palette: (
+        50: $gray-background-lightest,
+        100: $gray-background-light,
+        200: $gray-strong,
+        300: $gray-light,
+        400: $gray-primary,
+        500: $black-bluish,
+        600: $background-lvl5,
+        700: $background-lvl3,
+        800: $background-lvl2,
+        900: $background-lvl1,
+        A100: #ff8a80,
+        A200: #ff5252,
+        A400: #ff1744,
+        A700: #d50000,
+        contrast: (
+                50: rgba(black, 0.87),
+                100: rgba(black, 0.87),
+                200: rgba(black, 0.87),
+                300: rgba(black, 0.87),
+                400: rgba(black, 0.87),
+                500: white,
+                600: white,
+                700: white,
+                800: rgba(white, 0.87),
+                900: rgba(white, 0.87),
+                A100: rgba(black, 0.87),
+                A200: white,
+                A400: white,
+                A700: white,
+        )
+);
+$dark-unity-palette: (
+        50: $gray-background-lightest,
+        100: $gray-background-light,
+        200: $gray-strong,
+        300: $gray-light,
+        400: $gray-primary,
+        500: $dark-work-title-color,
+        600: $background-lvl5,
+        700: $background-lvl3,
+        800: $background-lvl2,
+        900: $background-lvl1,
+        A100: #ff8a80,
+        A200: #ff5252,
+        A400: #ff1744,
+        A700: #d50000,
+        contrast: (
+                50: rgba(black, 0.87),
+                100: rgba(black, 0.87),
+                200: rgba(black, 0.87),
+                300: rgba(black, 0.87),
+                400: rgba(black, 0.87),
+                500: white,
+                600: white,
+                700: white,
+                800: rgba(white, 0.87),
+                900: rgba(white, 0.87),
+                A100: rgba(black, 0.87),
+                A200: white,
+                A400: white,
+                A700: white,
+        )
+);
+
+$notification-color-info: #03A9F5;
+$notification-color-feat: #37B400;
+$notification-color-maint: #FF6358;