diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/bootstrap-theme-combodo.scss b/datamodels/2.x/itop-portal-base/portal/public/css/bootstrap-theme-combodo.scss
index af5d03240..99e28cac7 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/bootstrap-theme-combodo.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/bootstrap-theme-combodo.scss
@@ -1,4 +1,3 @@
-@import '../../../../../css/common/main.scss';
-@import "utils/all";
-@import "pages/base";
+$ipb-color-blue-100: orange;
+
 @import "themes/all";
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/components/_all.scss b/datamodels/2.x/itop-portal-base/portal/public/css/components/_all.scss
index 63f15c954..b807bb3d0 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/components/_all.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/components/_all.scss
@@ -4,6 +4,6 @@
 @import "button";
 @import "modal";
 @import "form";
-@import "illustration";
 @import "input";
-@import "caselog";
\ No newline at end of file
+@import "caselog";
+@import "progress-bar";
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/components/_button.scss b/datamodels/2.x/itop-portal-base/portal/public/css/components/_button.scss
index 1e224843f..595d7b15d 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/components/_button.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/components/_button.scss
@@ -1,298 +1,21 @@
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
 $ipb-button--padding-y: 6px !default;
 $ipb-button--padding-x: 9px !default;
-$ipb-button-colors: (
-  '' : (
-    'primary': (
-        '': (
-            $common-color-blue-800,
-            $common-color-white-100,
-            $common-color-blue-900
-        ),
-        ':hover': (
-                $common-color-blue-700,
-                $common-color-white-100,
-                $common-color-blue-800
-        ),
-        ':active': (
-                $common-color-blue-900,
-                $common-color-white-100,
-                $common-color-blue-950
-        ),
-        ':disabled': (
-                $common-color-blue-200,
-                $common-color-blue-600,
-                $common-color-blue-300
-        ),
-    ),
-    'default': (
-            '': (
-                    $common-color-white-100,
-                    $common-color-grey-800,
-                    $common-color-grey-600
-            ),
-            ':hover': (
-                    $common-color-grey-100,
-                    $common-color-grey-900,
-                    $common-color-grey-700
-            ),
-            ':active': (
-                    $common-color-grey-200,
-                    $common-color-grey-900,
-                    $common-color-grey-700
-            ),
-            ':disabled': (
-                    $common-color-grey-200,
-                    $common-color-grey-700,
-                    $common-color-grey-300
-            ),
-    ),
-    'success': (
-            '': (
-                    $common-color-success-900,
-                    $common-color-white-100,
-                    $common-color-success-900
-            ),
-            ':hover': (
-                    $common-color-success-800,
-                    $common-color-green-100,
-                    $common-color-success-900
-            ),
-            ':active': (
-                    $common-color-success-950,
-                    $common-color-green-100,
-                    $common-color-success-950
-            ),
-            ':disabled': (
-                    $common-color-grey-200,
-                    $common-color-grey-700,
-                    $common-color-grey-300
-            ),
-    ),
-    'warning': (
-            '': (
-                    $common-color-warning-700,
-                    $common-color-white-100,
-                    $common-color-warning-900
-            ),
-            ':hover': (
-                    $common-color-warning-600,
-                    $common-color-warning-100,
-                    $common-color-warning-700
-            ),
-            ':active': (
-                    $common-color-warning-800,
-                    $common-color-warning-100,
-                    $common-color-warning-900
-            ),
-            ':disabled': (
-                    $common-color-grey-200,
-                    $common-color-grey-700,
-                    $common-color-grey-300
-            ),
-    ),
-    'danger': (
-            '': (
-                    $common-color-danger-800,
-                    $common-color-white-100,
-                    $common-color-danger-900
-            ),
-            ':hover': (
-                    $common-color-danger-700,
-                    $common-color-danger-100,
-                    $common-color-danger-800
-            ),
-            ':active': (
-                    $common-color-danger-900,
-                    $common-color-danger-100,
-                    $common-color-danger-950
-            ),
-            ':disabled': (
-                    $common-color-grey-200,
-                    $common-color-grey-700,
-                    $common-color-grey-300
-            ),
-    ),
-    'info': (
-            '': (
-                    $common-color-information-800,
-                    $common-color-white-100,
-                    $common-color-information-900
-            ),
-            ':hover': (
-                    $common-color-information-700,
-                    $common-color-information-100,
-                    $common-color-information-800
-            ),
-            ':active': (
-                    $common-color-information-900,
-                    $common-color-information-100,
-                    $common-color-information-950
-            ),
-            ':disabled': (
-                    $common-color-grey-200,
-                    $common-color-grey-700,
-                    $common-color-grey-300
-            ),
-    ),
-  ),
-  'alternative' : (
-          'primary': (
-                  '': (
-                          $common-color-transparent,
-                          $common-color-blue-800,
-                          $common-color-transparent
-                  ),
-                  ':hover': (
-                          $common-color-blue-100,
-                          $common-color-blue-900,
-                          $common-color-blue-100
-                  ),
-                  ':active': (
-                          $common-color-blue-200,
-                          $common-color-blue-900,
-                          $common-color-blue-200
-                  ),
-                  ':disabled': (
-                          $common-color-blue-200,
-                          $common-color-blue-600,
-                          $common-color-blue-300
-                  ),
-          ),
-          'default': (
-                  '': (
-                          $common-color-transparent,
-                          $common-color-grey-800,
-                          $common-color-transparent
-                  ),
-                  ':hover': (
-                          $common-color-grey-200,
-                          $common-color-grey-900,
-                          $common-color-grey-200
-                  ),
-                  ':active': (
-                          $common-color-grey-300,
-                          $common-color-grey-900,
-                          $common-color-grey-300
-                  ),
-                  ':disabled': (
-                          $common-color-transparent,
-                          $common-color-grey-500,
-                          $common-color-transparent
-                  ),
-          ),
-          'success': (
-                  '': (
-                          $common-color-transparent,
-                          $common-color-success-900,
-                          $common-color-transparent
-                  ),
-                  ':hover': (
-                          $common-color-success-100,
-                          $common-color-success-900,
-                          $common-color-success-100
-                  ),
-                  ':active': (
-                          $common-color-success-200,
-                          $common-color-success-900,
-                          $common-color-success-200
-                  ),
-                  ':disabled': (
-                          $common-color-grey-200,
-                          $common-color-grey-700,
-                          $common-color-grey-300
-                  ),
-          ),
-          'warning': (
-                  '': (
-                          $common-color-transparent,
-                          $common-color-warning-800,
-                          $common-color-transparent
-                  ),
-                  ':hover': (
-                          $common-color-warning-100,
-                          $common-color-warning-900,
-                          $common-color-warning-100
-                  ),
-                  ':active': (
-                          $common-color-warning-200,
-                          $common-color-warning-900,
-                          $common-color-warning-200
-                  ),
-                  ':disabled': (
-                          $common-color-grey-200,
-                          $common-color-grey-700,
-                          $common-color-grey-300
-                  ),
-          ),
-          'danger': (
-                  '': (
-                          $common-color-transparent,
-                          $common-color-danger-800,
-                          $common-color-transparent
-                  ),
-                  ':hover': (
-                          $common-color-danger-100,
-                          $common-color-danger-800,
-                          $common-color-danger-100
-                  ),
-                  ':active': (
-                          $common-color-danger-200,
-                          $common-color-danger-800,
-                          $common-color-danger-200
-                  ),
-                  ':disabled': (
-                          $common-color-grey-200,
-                          $common-color-grey-700,
-                          $common-color-grey-300
-                  ),
-          ),
-          'info': (
-                  '': (
-                          $common-color-transparent,
-                          $common-color-information-800,
-                          $common-color-transparent
-                  ),
-                  ':hover': (
-                          $common-color-information-100,
-                          $common-color-information-800,
-                          $common-color-information-100
-                  ),
-                  ':active': (
-                          $common-color-information-200,
-                          $common-color-information-800,
-                          $common-color-information-200
-                  ),
-                  ':disabled': (
-                          $common-color-grey-200,
-                          $common-color-grey-700,
-                          $common-color-grey-300
-                  ),
-          ),
-  ),
-) !default;
+
 
 .ipb-button, .btn{
   --ibp-button-border-radius-top-left: 4px;
   --ibp-button-border-radius-top-right: 4px;
   --ibp-button-border-radius-bottom-right: 4px;
   --ibp-button-border-radius-bottom-left: 4px;
-  background-color: $common-color-white-100 !important;
   border-radius: var(--ibp-button-border-radius-top-left) var(--ibp-button-border-radius-top-right) var(--ibp-button-border-radius-bottom-right) var(--ibp-button-border-radius-bottom-left);
-  border: solid 1px $common-color-blue-700;
   padding: $ipb-button--padding-y $ipb-button--padding-x;
-  color: $common-color-blue-800 !important;
   cursor: pointer;
-  @each $sType, $aColors in $ipb-button-colors {
-    @each $sColor, $sPseudoClasses in $aColors {
-      @each $sPseudoClass, $sAttributes in $sPseudoClasses {
-        &.ipb-is-#{$sColor}#{if($sType != '', ".ipb-is-#{$sType}", '')}#{$sPseudoClass}, &.btn-#{$sColor}#{if($sType != '', ".#{$sType}", '')}#{$sPseudoClass} {
-          background-color: nth($sAttributes, 1) !important;
-          color: nth($sAttributes, 2) !important;
-          border-color: nth($sAttributes, 3) !important;
-        }
-      }
-    }
-  }
 
     @extend %common-font-size-150;
 }
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/components/_caselog.scss b/datamodels/2.x/itop-portal-base/portal/public/css/components/_caselog.scss
index d4580d16f..814481d03 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/components/_caselog.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/components/_caselog.scss
@@ -1,27 +1,13 @@
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
 
-$messaging-self-primary-color: $common-color-blue-100 !default;
-$messaging-self-secondary-color: $common-color-blue-800 !default;
-$messaging-1st-peer-primary-color: $white !default;
-$messaging-1st-peer-secondary-color: $common-color-grey-400 !default;
-$messaging-2nd-peer-primary-color: $white !default;
-$messaging-2nd-peer-secondary-color: $common-color-grey-400 !default;
-$messaging-3rd-peer-primary-color: $white !default;
-$messaging-3rd-peer-secondary-color: $common-color-grey-300 !default;
-$messaging-4th-peer-primary-color: $white !default;
-$messaging-4th-peer-secondary-color: $common-color-grey-400 !default;
-$messaging-5th-peer-primary-color: $white !default;
-$messaging-5th-peer-secondary-color: $common-color-grey-400 !default;
-
-$ipb-caselog-thread--border: 1px solid $common-color-grey-400 !default;
+/* SCSS variables (can be overloaded) */
 $ipb-caselog-thread--border-top:  none !default;
 
 $ipb-caselog-thread--header--padding: 12px !default;
-$ipb-caselog-thread--header--background-color:  $common-color-white-100 !default;
-$ipb-caselog-thread--header--span--color: $common-color-grey-800 !default;
 
-$ipb-caselog-thread--header-toggler--color: inherit !default;
-
-$ipb-caselog-thread--header-toggler--hover--active-focus--color: inherit !default;
 
 $ipb-caselog-thread--header-toggler--not-first-child--margin: 0 0.4em 0 0.2em !default;
 
@@ -30,33 +16,24 @@ $ipb-caselog-thread--header-info--first-child--margin-left: 0 !default;
 $ipb-caselog-thread--header-info--span--span--margin-left: $ipb-caselog-thread--header-info--span--margin-left !default;
 
 $ipb-caselog-thread--content--padding: 12px !default;
-$ipb-caselog-thread--content--background-color: $common-color-grey-100 !default;
 
 $ipb-caselog-thread--date--margin-bottom: 10px !default;
-$ipb-caselog-thread--date--color: $common-color-grey-800 !default;
 
 $ipb-caselog-thread--block--min-height: 40px !default;
 $ipb-caselog-thread--block--margin-bottom: 15px !default;
 $ipb-caselog-thread--block--last-child--margin-bottom: 0 !default;
 
-$ipb-caselog-thread--block-medallion--block-entries--border: 1px solid $common-color-grey-200 !default;
 
 $ipb-caselog-thread--block-medallion--width: 40px !default;
 $ipb-caselog-thread--block-medallion--height: $ipb-caselog-thread--block-medallion--width !default;
-$ipb-caselog-thread--block-medallion--color: $common-color-blue-800 !default;
-$ipb-caselog-thread--block-medallion--background-color: $common-color-blue-100 !default;
 
 $ipb-caselog-thread--block-user--margin-left: 54px !default;
-$ipb-caselog-thread--block-user--color: $ipb-caselog-thread--block-medallion--color !default;
 
 $ipb-caselog-thread--block-entries--margin-x: 60px !default;
 $ipb-caselog-thread--block-entries--border-radius: $common-border-radius-500 !default;
-$ipb-caselog-thread--block-entries--background-color: $ipb-caselog-thread--block-medallion--background-color !default;
-$ipb-caselog-thread--block-entries--color: $ipb-caselog-thread--block-medallion--color !default;
 
 $ipb-caselog-thread--block-entry--padding-y: 8px !default;
 $ipb-caselog-thread--block-entry--padding-x: 10px !default;
-$ipb-caselog-thread--block-entry--border-bottom: 1px solid $common-color-grey-200 !default;
 
 $ipb-caselog-thread--block-entry-content--height: 0px !default;
 
@@ -68,24 +45,10 @@ $ipb-caselog-thread--block-entry-toggler--top: 2px !default;
 $ipb-caselog-thread--block-entry-toggler--right: 5px !default;
 $ipb-caselog-thread--block-entry-toggler--padding-y: 2px !default;
 $ipb-caselog-thread--block-entry-toggler--padding-x: 5px !default;
-$ipb-caselog-thread--block-entry-toggler--background-color: $ipb-caselog-thread--block-medallion--background-color !default;
 
 $ipb-caselog-thread--block-me--block-user--margin-right: 54px !default;
 $ipb-caselog-thread--block-me--block-entries--margin-left: initial !default;
 $ipb-caselog-thread--block-me--block-entries--margin-right: $ipb-caselog-thread--block-entries--margin-x !default;
-$ipb-caselog-thread--block-me--block-entry--first--content--border-left-color: transparent !default;
-$ipb-caselog-thread--block-me--block-entry--first--content--border-right-color: $ipb-caselog-thread--block-medallion--background-color !default;
-
-
-
-$ipb-caselog-thread--block-colors: (
-        1: ($common-color-white-100, $common-color-grey-700),
-        2: ($common-color-white-100, $common-color-grey-700),
-        3: ($common-color-white-100, $common-color-grey-700),
-        4: ($common-color-white-100, $common-color-grey-700),
-        5: ($common-color-white-100, $common-color-grey-700)
-);
-
 
 $messaging-block-medallion-size: 40px !default;
 $messaging-block-entries-margin-x: 60px !default;
@@ -93,28 +56,22 @@ $messaging-block-entries-margin-x: 60px !default;
 
 .ipb-caselog-thread {
   position: relative;
-  border: $ipb-caselog-thread--border;
   border-top: $ipb-caselog-thread--border-top;
 }
 .ipb-caselog-thread--header{
   padding: $ipb-caselog-thread--header--padding;
-  background-color: $ipb-caselog-thread--header--background-color;
   border-bottom: none;
 
   @extend %common-font-size-100;
-  span{
-    color: $ipb-caselog-thread--header--span--color;
-  }
+
 }
 .ipb-caselog-thread--header-toggler{
   cursor: pointer;
-  color: $ipb-caselog-thread--header-toggler--color;
   text-decoration: none;
 
   &:hover,
   &:active,
   &:focus{
-    color: $ipb-caselog-thread--header-toggler--hover--active-focus--color;
     text-decoration: none;
   }
 
@@ -142,13 +99,11 @@ $messaging-block-entries-margin-x: 60px !default;
 
 .ipb-caselog-thread--content{
   padding: $ipb-caselog-thread--content--padding;
-  background-color: $ipb-caselog-thread--content--background-color;
 }
 
 .ipb-caselog-thread--date{
   margin-bottom: $ipb-caselog-thread--date--margin-bottom;
   text-align: center;
-  color: $ipb-caselog-thread--date--color;
 
   @extend %common-font-size-150;
   &:first-child{
@@ -165,10 +120,7 @@ $messaging-block-entries-margin-x: 60px !default;
     margin-bottom: $ipb-caselog-thread--block--last-child--margin-bottom;
   }
 }
-.ipb-caselog-thread--block-medallion,
-.ipb-caselog-thread--block-entries{
-  border: $ipb-caselog-thread--block-medallion--block-entries--border;
-}
+
 
 .ipb-caselog-thread--block-medallion{
   position: absolute;
@@ -177,13 +129,11 @@ $messaging-block-entries-margin-x: 60px !default;
   width: $ipb-caselog-thread--block-medallion--width;
   height: $ipb-caselog-thread--block-medallion--height;
   line-height: $ipb-caselog-thread--block-medallion--height;
-  color: $ipb-caselog-thread--block-medallion--color; /* .ipb-caselog-thread--block-entries color */
   text-align: center;
   @extend %common-font-size-250;
 
   background-size: 100%; /* Full size is necessary for images with filled background to fit nicely in the medallion, even if this means that images with a transparent background might appear cropped */
   background-position: center center;
-  background-color: $ipb-caselog-thread--block-medallion--background-color; /* .ipb-caselog-thread--block-entries background-color */
   background-repeat: no-repeat;
   border-radius: 100%;
 }
@@ -191,7 +141,6 @@ $messaging-block-entries-margin-x: 60px !default;
 .ipb-caselog-thread--block-user{
   display: none;
   margin-left: $ipb-caselog-thread--block-user--margin-left;
-  color: $ipb-caselog-thread--block-user--color; /* .ipb-caselog-thread--block-entries background-color */
   
   @extend %common-font-ral-bol-100;
 }
@@ -202,14 +151,11 @@ $messaging-block-entries-margin-x: 60px !default;
   margin-left: $ipb-caselog-thread--block-entries--margin-x;
   max-width: calc(100% - #{$ipb-caselog-thread--block-entries--margin-x});
   border-radius: $ipb-caselog-thread--block-entries--border-radius;
-  background-color: $ipb-caselog-thread--block-entries--background-color;
-  color: $ipb-caselog-thread--block-entries--color;
 }
 
 .ipb-caselog-thread--block-entry{
   position: relative;
   padding: $ipb-caselog-thread--block-entry--padding-y $ipb-caselog-thread--block-entry--padding-x;
-  border-bottom: $ipb-caselog-thread--block-entry--border-bottom;
 
   img{
     max-width: 100%;
@@ -264,9 +210,13 @@ $messaging-block-entries-margin-x: 60px !default;
   padding: $ipb-caselog-thread--block-entry-toggler--padding-y $ipb-caselog-thread--block-entry-toggler--padding-x;
   opacity: 0;
   cursor: pointer;
-  background-color: $ipb-caselog-thread--block-entry-toggler--background-color; /* .ipb-caselog-thread--block-entries background-color */
   transition: all 0.2s linear;
 }
+.ipb-caselog-thread--block-entry:not(.closed):hover{
+  .ipb-caselog-thread--block-entry-toggler{
+    opacity: 1;
+  }
+}
 
 .ipb-caselog-thread--block-me{
   text-align: right;
@@ -297,166 +247,9 @@ $messaging-block-entries-margin-x: 60px !default;
       .ipb-caselog-thread--block-entry-content:before{
         left: initial;
         right: -15px;
-        border-right-color: transparent;
-        border-left-color: $ipb-caselog-thread--block-me--block-entry--first--content--border-right-color; /* .ipb-caselog-thread--block-entries background-color */
-      }
-    }
-  }
-}
-
-.ipb-caselog-thread--block-color-1{
-  .ipb-caselog-thread--block-medallion{
-    color: $messaging-1st-peer-secondary-color;
-    background-color: $messaging-1st-peer-primary-color;
-  }
-  .ipb-caselog-thread--block-user{
-    color: $messaging-1st-peer-primary-color;
-  }
-  .ipb-caselog-thread--block-entries{
-    color: $messaging-1st-peer-secondary-color;
-    background-color: $messaging-1st-peer-primary-color;
-
-    .ipb-caselog-thread--block-entry{
-      .ipb-caselog-thread--block-entry-toggler{
-        background-color: $messaging-1st-peer-primary-color;
-      }
-    }
-    .ipb-caselog-thread--block-entry:first-child{
-      .ipb-caselog-thread--block-entry-content:before{
-        border-top-color: $messaging-1st-peer-primary-color;
-        border-right-color: $messaging-1st-peer-primary-color;
-      }
-    }
-  }
-}
-.ipb-caselog-thread--block-color-2{
-  .ipb-caselog-thread--block-medallion{
-    color: $messaging-2nd-peer-secondary-color;
-    background-color: $messaging-2nd-peer-primary-color;
-  }
-  .ipb-caselog-thread--block-user{
-    color: $messaging-2nd-peer-primary-color;
-  }
-  .ipb-caselog-thread--block-entries{
-    color: $messaging-2nd-peer-secondary-color;
-    background-color: $messaging-2nd-peer-primary-color;
-
-    .ipb-caselog-thread--block-entry{
-      .ipb-caselog-thread--block-entry-toggler{
-        background-color: $messaging-2nd-peer-primary-color;
-      }
-    }
-    .ipb-caselog-thread--block-entry:first-child{
-      .ipb-caselog-thread--block-entry-content:before{
-        border-top-color: $messaging-2nd-peer-primary-color;
-        border-right-color: $messaging-2nd-peer-primary-color;
-      }
-    }
-  }
-}
-.ipb-caselog-thread--block-color-3{
-  .ipb-caselog-thread--block-medallion{
-    color: $messaging-3rd-peer-secondary-color;
-    background-color: $messaging-3rd-peer-primary-color;
-  }
-  .ipb-caselog-thread--block-user{
-    color: $messaging-3rd-peer-primary-color;
-  }
-  .ipb-caselog-thread--block-entries{
-    color: $messaging-3rd-peer-secondary-color;
-    background-color: $messaging-3rd-peer-primary-color;
-
-    .ipb-caselog-thread--block-entry{
-      .ipb-caselog-thread--block-entry-toggler{
-        background-color: $messaging-3rd-peer-primary-color;
-      }
-    }
-    .ipb-caselog-thread--block-entry:first-child{
-      .ipb-caselog-thread--block-entry-content:before{
-        border-top-color: $messaging-3rd-peer-primary-color;
-        border-right-color: $messaging-3rd-peer-primary-color;
-      }
-    }
-  }
-}
-.ipb-caselog-thread--block-color-4{
-  .ipb-caselog-thread--block-medallion{
-    color: $messaging-4th-peer-secondary-color;
-    background-color: $messaging-4th-peer-primary-color;
-  }
-  .ipb-caselog-thread--block-user{
-    color: $messaging-4th-peer-primary-color;
-  }
-  .ipb-caselog-thread--block-entries{
-    color: $messaging-4th-peer-secondary-color;
-    background-color: $messaging-4th-peer-primary-color;
-
-    .ipb-caselog-thread--block-entry{
-      .ipb-caselog-thread--block-entry-toggler{
-        background-color: $messaging-4th-peer-primary-color;
-      }
-    }
-    .ipb-caselog-thread--block-entry:first-child{
-      .ipb-caselog-thread--block-entry-content:before{
-        border-top-color: $messaging-4th-peer-primary-color;
-        border-right-color: $messaging-4th-peer-primary-color;
-      }
-    }
-  }
-}
-.ipb-caselog-thread--block-color-5{
-  .ipb-caselog-thread--block-medallion{
-    color: $messaging-5th-peer-secondary-color;
-    background-color: $messaging-5th-peer-primary-color;
-  }
-  .ipb-caselog-thread--block-user{
-    color: $messaging-5th-peer-primary-color;
-  }
-  .ipb-caselog-thread--block-entries{
-    color: $messaging-5th-peer-secondary-color;
-    background-color: $messaging-5th-peer-primary-color;
-    
-
-    .ipb-caselog-thread--block-entry{
-      .ipb-caselog-thread--block-entry-toggler{
-        background-color: $messaging-5th-peer-primary-color;
-      }
-    }
-    .ipb-caselog-thread--block-entry:first-child{
-      .ipb-caselog-thread--block-entry-content:before{
-        border-top-color: $messaging-5th-peer-primary-color;
-        border-right-color: $messaging-5th-peer-primary-color;
       }
     }
   }
 }
 
 
-@each $index, $colors in $ipb-caselog-thread--block-colors {
-  .ipb-caselog-thread--block-color-#{$index} {
-    .ipb-caselog-thread--block-medallion {
-      color: nth($colors, 2);
-      background-color: nth($colors, 1);
-    }
-    .ipb-caselog-thread--block-user {
-      color: nth($colors, 1);
-    }
-    .ipb-caselog-thread--block-entries {
-      color: nth($colors, 2);
-      background-color: nth($colors, 1);
-
-      .ipb-caselog-thread--block-entry {
-        .ipb-caselog-thread--block-entry-toggler {
-          background-color: nth($colors, 1);
-        }
-      }
-      .ipb-caselog-thread--block-entry:first-child {
-        .ipb-caselog-thread--block-entry-content:before {
-          border-top-color: nth($colors, 1);
-          border-right-color: nth($colors, 1);
-        }
-      }
-    }
-  }
-}
-
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/components/_dropdown.scss b/datamodels/2.x/itop-portal-base/portal/public/css/components/_dropdown.scss
index f45324c1b..9028ebc09 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/components/_dropdown.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/components/_dropdown.scss
@@ -1,16 +1,14 @@
-$ipb-dropdown--background-color: $ipb-color-white-100 !default;
-$ipb-dropdown--border:  1px solid $ipb-color-grey-300 !default;
-$ipb-dropdown--border-radius:  $common-border-radius-400 !default;
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
 
-$ipb-dropdown--li--background-color:  $ipb-dropdown--background-color !default;
+/* SCSS variables (can be overloaded) */
+$ipb-dropdown--border-radius:  $common-border-radius-400 !default;
 
 $ipb-dropdown--a--padding-y:  $common-spacing-400 !default;
 $ipb-dropdown--a--padding-x:  $common-spacing-500 !default;
 $ipb-dropdown--a--border-radius:  $ipb-dropdown--border-radius !default;
-$ipb-dropdown--a--color:  $ipb-color-grey-900 !default;
-
-$ipb-dropdown--li--hover--background-color:  $ipb-color-grey-200 !default;
-$ipb-dropdown--li--hover--a--color:  $ipb-color-grey-800 !default;
 
 $ipb-dropdown--icon--margin-right: $common-spacing-300 !default;
 
@@ -18,12 +16,9 @@ ipb-dropdown {
   display: none;
   position: absolute;
   width: max-content;
-  background: $ipb-dropdown--background-color;
-  border: $ipb-dropdown--border;
   border-radius: $ipb-dropdown--border-radius;
   list-style: none;
   li {
-    background-color: $ipb-dropdown--li--background-color;
     a {
       display: inline-block;
       width: 100%;
@@ -31,13 +26,6 @@ ipb-dropdown {
       border-radius: $ipb-dropdown--a--border-radius;
       cursor: pointer;
       text-decoration: none;
-      color: $ipb-dropdown--a--color;
-    }
-    &:hover {
-      background: $ipb-dropdown--li--hover--background-color;
-      a {
-        color: $ipb-dropdown--li--hover--a--color;
-      }
     }
   }
 }
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/components/_form.scss b/datamodels/2.x/itop-portal-base/portal/public/css/components/_form.scss
index 95aff82e2..ae0f7fe59 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/components/_form.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/components/_form.scss
@@ -1,36 +1,28 @@
-$ipb--fieldset--background-color: $common-color-grey-50 !default;
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
 $ipb--fieldset--padding-y: 10px !default;
 $ipb--fieldset--padding-x: 7px !default;
-$ipb--fieldset--border: 1px solid $common-color-grey-200 !default;
 $ipb--fieldset--border-radius: $common-border-radius-500 !default;
 
 $ipb--fieldset--legend--padding-y: $common-spacing-0 !default;
 $ipb--fieldset--legend--padding-x: 13px !default;
 
-$ipb--fieldset--inside--fieldset--background-color: $common-color-grey-100 !default;
-
 $ipb-field--has-tooltip-or-is-mandatory--vertical-align: top !default;
 $ipb-field--has-tooltip-or-is-mandatory--left: $common-spacing-200 !default;
 
-$ipb-field--has-tooltip--content: "\f05a" !default;
-$ipb-field--has-tooltip--color: $common-color-grey-700 !default;
-
-$ipb-field--is-mandatory--content: "\f069" !default;
-$ipb-field--is-mandatory--color: $common-color-orange-700 !default;
 $ipb-field--is-mandatory--font-size: 0.6rem !default;
 
 .form_fields {
   fieldset {
-    background-color: $ipb--fieldset--background-color;
     padding: $ipb--fieldset--padding-y $ipb--fieldset--padding-x;
     border-radius: $ipb--fieldset--border-radius;
-    border: $ipb--fieldset--border;
     legend {
       padding: $ipb--fieldset--legend--padding-y $ipb--fieldset--legend--padding-x;
     }
-    fieldset {
-      background-color: $ipb--fieldset--inside--fieldset--background-color;
-    }
   }
 }
 
@@ -43,14 +35,10 @@ $ipb-field--is-mandatory--font-size: 0.6rem !default;
 }
 
 .form_field_label > .control-label[data-tooltip-instantiated="true"]:after {
-    content: $ipb-field--has-tooltip--content;
-    color: $ipb-field--has-tooltip--color;
     cursor: pointer;
     @extend %common-font-size-50;
 }
 
 .form_field .form_mandatory .control-label:after{
-  content: $ipb-field--is-mandatory--content;
-  color: $ipb-field--is-mandatory--color;
   font-size: $common-font-size-20;
 };
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/components/_illustration.scss b/datamodels/2.x/itop-portal-base/portal/public/css/components/_illustration.scss
deleted file mode 100644
index e733f47a4..000000000
--- a/datamodels/2.x/itop-portal-base/portal/public/css/components/_illustration.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-$ipb-svg-illustration--fill: $common-svg-illustration--fill !default;
-
-
-.ipb-svg-illustration--container > svg *[fill="#6c63ff"]{
-  fill: $ipb-svg-illustration--fill;
-}
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/components/_input.scss b/datamodels/2.x/itop-portal-base/portal/public/css/components/_input.scss
index 4b36eb17a..b19fc8c40 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/components/_input.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/components/_input.scss
@@ -1,26 +1,26 @@
-$ipb-form-control--color: $common-color-grey-800 !default;
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
 $ipb-form-control--border-radius: $common-border-radius-300 !default;
 $ipb-form-control--box-shadow: none !default;
 $ipb-form-control--input-group-addon--border-top-right-radius: 0 !default;
 $ipb-form-control--input-group-addon--border-bottom-right-radius: 0 !default;
 
-$ipb-input-group-addon--border: 1px solid $ipb-color-grey-300 !default;
 $ipb-input-group-addon--border-radius: $ipb-form-control--border-radius !default;
-$ipb-input-group-addon--background-color: $common-color-grey-100 !default;
-$ipb-input-group-addon--color: $common-color-grey-800 !default;
+
 $ipb-input-group-addon--form-control--border-top-left-radius: 0 !default;
 $ipb-input-group-addon--form-control--border-bottom-left-radius: 0 !default;
 
-$ipb-form-control--is-focused--border-color: $common-color-primary-700 !default;
 $ipb-form-control--is-focused--box-shadow: none !default;
 
 .form-control {
-  color: $ipb-form-control--color;
   border-radius: $ipb-form-control--border-radius;
   -webkit-box-shadow: $ipb-form-control--box-shadow;
   box-shadow: $ipb-form-control--box-shadow;
   &:focus {
-    border-color: $ipb-form-control--is-focused--border-color;
     box-shadow: $ipb-form-control--is-focused--box-shadow;
     -webkit-box-shadow: $ipb-form-control--is-focused--box-shadow;
   }
@@ -31,14 +31,6 @@ $ipb-form-control--is-focused--box-shadow: none !default;
   border-bottom-right-radius: $ipb-form-control--input-group-addon--border-bottom-right-radius;
 }
 
-.input-group-addon {
-  border: $ipb-input-group-addon--border;
-  border-radius: $ipb-input-group-addon--border-radius;
-  background-color: $ipb-input-group-addon--background-color;
-  color: $ipb-input-group-addon--color;
-
-}
-
 .form-control + .input-group-addon {
   border-top-left-radius: $ipb-input-group-addon--form-control--border-top-left-radius;
   border-bottom-left-radius: $ipb-input-group-addon--form-control--border-bottom-left-radius;
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/components/_modal.scss b/datamodels/2.x/itop-portal-base/portal/public/css/components/_modal.scss
index 607c9ffcc..81c2ef217 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/components/_modal.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/components/_modal.scss
@@ -1,32 +1,21 @@
 /*
- * @copyright   Copyright (C) 2010-2024 Combodo SAS
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
  * @license     http://opensource.org/licenses/AGPL-3.0
  */
 
-/* SCSS variables */
+/* SCSS variables (can be overloaded) */
 $ipb-modal--max-height: 90vh !default;
 $ipb-modal--max-width: 90vw !default;
 $ipb-modal--border-radius: $common-border-radius-500 !default;
 
 $ipb-modal--header--padding: $common-spacing-500 !default;
-$ipb-modal--header--background-color: $common-color-white-100 !default;
-$ipb-modal--header--color: $common-color-grey-900 !default;
 $ipb-modal--header--border-radius: $ipb-modal--border-radius $ipb-modal--border-radius 0 0 !default;
 
-$ipb-modal--header--close--color: $common-color-grey-900 !default;
-$ipb-modal--header--close--opacity: 1 !default;
-$ipb-modal--header--close--hover--color: $common-color-grey-700 !default;
-
 $ipb-modal--footer-padding: $ipb-modal--header--padding !default;
 
-$ipb-modal--backdrop--opacity: 0.6 !default;
-$ipb-modal--backdrop--background-color: $common-color-blue-grey-800 !default;
-$ipb-modal--backdrop--backdrop-filter: blur(2px) !default;
 
 $ipb-modal--content--border-radius: $ipb-modal--border-radius !default;
-$ipb-modal--content--border: 1px solid $common-color-grey-400 !default;
 
-$ipb-modal--title--color: $ipb-modal--header--color !default;
 $ipb-modal--title--to-clipboard--margin: $common-spacing-200 !default;
 $ipb-modal--title--span--margin-left: 5px !default;
 $ipb-modal--title--span--separator--width: $common-size-100 !default;
@@ -34,7 +23,6 @@ $ipb-modal--title--span--separator--height: $ipb-modal--title--span--separator--
 $ipb-modal--title--span--separator--margin-right: $common-spacing-200 !default;
 $ipb-modal--title--span--separator--margin-top: calc(-1 * #{$ipb-modal--title--span--separator--height} / 2) !default;
 $ipb-modal--title--span--separator--border-radius: $common-border-radius-full !default;
-$ipb-modal--title--span--separator--background-color: $common-color-grey-800 !default;
 
 
 
@@ -44,21 +32,11 @@ $ipb-modal--title--span--separator--background-color: $common-color-grey-800 !de
   max-height: $ipb-modal--max-height !important;
   max-width: $ipb-modal--max-width !important;
   border-radius: $ipb-modal--border-radius;
-  .modal-header {
-  background-color: $ipb-modal--header--background-color;
-    color: $ipb-modal--header--color;
-}
 }
 
-.modal-backdrop.in {
-  opacity: $ipb-modal--backdrop--opacity;
-  background-color: $ipb-modal--backdrop--background-color;
-  backdrop-filter: $ipb-modal--backdrop--backdrop-filter;
-}
 
 .modal-content {
   border-radius: $ipb-modal--content--border-radius !important;
-  border: $ipb-modal--content--border;
   box-shadow: none !important;
   -webkit-box-shadow: none !important;
 }
@@ -67,13 +45,7 @@ $ipb-modal--title--span--separator--background-color: $common-color-grey-800 !de
   padding: $ipb-modal--header--padding;
   border-radius:$ipb-modal--header--border-radius !important;
   .close {
-    color: $ipb-modal--header--close--color;
-    opacity: $ipb-modal--header--close--opacity;
-    
     @extend %common-font-size-400;
-    &:hover {
-      color: $ipb-modal--header--close--hover--color;
-    }
   }
 }
 
@@ -82,7 +54,6 @@ $ipb-modal--title--span--separator--background-color: $common-color-grey-800 !de
 }
 
 .modal-title {
-  color: $ipb-modal--title--color !important;
   display: flex;
   align-items: center;
 
@@ -97,7 +68,6 @@ $ipb-modal--title--span--separator--background-color: $common-color-grey-800 !de
       width: $ipb-modal--title--span--separator--width;
       height: $ipb-modal--title--span--separator--height;
       border-radius: $ipb-modal--title--span--separator--border-radius;
-      background-color: $ipb-modal--title--span--separator--background-color;
   }
 }
   .url-to-clipboard.url-to-clipboard-icon {
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/components/_panel.scss b/datamodels/2.x/itop-portal-base/portal/public/css/components/_panel.scss
index 14e7b96d2..5bfa4e778 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/components/_panel.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/components/_panel.scss
@@ -1,8 +1,12 @@
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
 $ipb-panel--border-radius: $common-border-radius-300!default;
 
-
 .ipb-panel {
-  border: 1px solid $common-color-grey-400;
   border-radius: 0 $common-border-radius-500 $common-border-radius-500 $common-border-radius-500;
   box-shadow: none;
   -webkit-box-shadow: none;
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/components/_progress-bar.scss b/datamodels/2.x/itop-portal-base/portal/public/css/components/_progress-bar.scss
new file mode 100644
index 000000000..97f3cc9d9
--- /dev/null
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/components/_progress-bar.scss
@@ -0,0 +1,19 @@
+$ipb-progress--height: $common-size-350 !default; 
+$ipb-progress--border-radius: $common-border-radius-500 !default;
+
+$ipb-progress--bar--line-height: $ipb-progress--height !default; 
+$ipb-progress--bar--border-radius: $ipb-progress--border-radius !default; 
+
+.ipb-progress, .progress {
+  height: $ipb-progress--height;
+  border-radius: $ipb-progress--border-radius;
+}
+
+.ipb-progress--bar, .progress-bar {
+  background-color: $ipb-color-primary-600;
+  color: #ffffff;
+  line-height: $ipb-progress--bar--line-height;
+  border-radius: $ipb-progress--bar--border-radius;
+  
+  @extend %common-font-ral-med-150;
+}
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/components/_tile.scss b/datamodels/2.x/itop-portal-base/portal/public/css/components/_tile.scss
index e374b744e..83f2cfa4d 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/components/_tile.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/components/_tile.scss
@@ -1,23 +1,29 @@
-@import "../../../../../../node_modules/bulma-scss/utilities/mixins";
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
+@import "../node_modules/bulma-scss/utilities/mixins";
 
-/* SCSS variables */
 $ipb-tile--width: 450px !default;
 $ipb-tile--min-width: 150px !default;
 $ipb-tile--padding: $common-spacing-500 !default;
 $ipb-tile--margin: $common-spacing-400 !default;
-$ipb-tile--border-color: $common-color-grey-200 !default;
-$ipb-tile--border-width: 1px !default;
 $ipb-tile--border-radius: $common-border-radius-500 !default;
-$ipb-tile--background-color: $common-color-white-100 !default;
+
 $ipb-tile--decoration--size: 44px !default;
 $ipb-tile--decoration--padding: $common-spacing-400 !default;
-$ipb-tile--decoration--hover--background: common-adjust-alpha($common-color-blue-700, .1) !default;
-$ipb-tile--decoration--background: common-adjust-lightness($ipb-tile--decoration--hover--background, 38%) !default;
-$ipb-tile--decoration--icon--color: $common-color-blue-700 !default;
 $ipb-tile--decoration--icon--font-size: $common-font-size-250 !default;
-$ipb-tile--title--color: $common-base-variable--text-color !default;
+
 $ipb-tile--title--font-size: $common-font-size-400 !default;
-$ipb-tile--description--color: $common-base-variable--text-color !default;
+
+$ipb-tile--manage-brick--chart--margin-top: $common-spacing-500 !default;
+$ipb-tile--manage-brick--badge--margin-top: $common-font-size-400 !default;
+$ipb-tile--manage-brick--badge--count--padding: 0 $common-spacing-300 !default;
+$ipb-tile--manage-brick--badge--count--font-size: $common-font-size-300 !default;
+$ipb-tile--manage-brick--badge--label--font-size: $common-font-size-100 !default;
+$ipb-tile--manage-brick--top-list--margin-top: $common-spacing-500 !default;
 
 .ipb-tile{
   position: relative;
@@ -26,8 +32,6 @@ $ipb-tile--description--color: $common-base-variable--text-color !default;
   min-width: $ipb-tile--min-width;
   margin: $ipb-tile--margin;
   padding: $ipb-tile--padding;
-  background-color: $ipb-tile--background-color;
-  border: $ipb-tile--border-width solid $ipb-tile--border-color;
   border-radius: $ipb-tile--border-radius;
   white-space: normal;
   flex-grow: 1;
@@ -68,7 +72,6 @@ $ipb-tile--description--color: $common-base-variable--text-color !default;
   width: $ipb-tile--decoration--size;
   height: $ipb-tile--decoration--size;
   padding: $ipb-tile--decoration--padding;
-  background-color: $ipb-tile--decoration--background;
   border-radius: $ipb-tile--border-radius;
   text-align: center;
   transition: background-color 1s ease;
@@ -81,15 +84,9 @@ $ipb-tile--description--color: $common-base-variable--text-color !default;
     }
   }
 }
-.ipb-tile:hover{
-  .ipb-tile--decoration{
-    background-color: $ipb-tile--decoration--hover--background;
-  }
-}
 
 .ipb-tile--decoration--icon {
   &.icon {
-    color: $ipb-tile--decoration--icon--color;
     font-size: $ipb-tile--decoration--icon--font-size;
   }
 
@@ -102,7 +99,6 @@ $ipb-tile--description--color: $common-base-variable--text-color !default;
 
 .ipb-tile--title{
   flex-grow: 1;
-  color: $ipb-tile--title--color;
   font-size: $ipb-tile--title--font-size;
   font-weight: bold;
   @include ipb-text-overflow-ellipsis;
@@ -126,8 +122,6 @@ $ipb-tile--description--color: $common-base-variable--text-color !default;
 /* description */
 
 .ipb-tile--description{
-  color: $ipb-tile--description--color;
-  
   @extend %common-font-ral-nor-150;
 }
 
@@ -144,14 +138,6 @@ $ipb-tile--description--color: $common-base-variable--text-color !default;
 /* ManageBrick tile display */
 /****************************/
 
-$ipb-tile--manage-brick--chart--margin-top: $common-spacing-500 !default;
-$ipb-tile--manage-brick--badge--margin-top: $common-font-size-400 !default;
-$ipb-tile--manage-brick--badge--count--padding: 0 $common-spacing-300 !default;
-$ipb-tile--manage-brick--badge--count--font-size: $common-font-size-300 !default;
-$ipb-tile--manage-brick--badge--label--font-size: $common-font-size-100 !default;
-$ipb-tile--manage-brick--badge--hover--item--background: common-adjust-alpha($common-base-variable--text-color, .1) !default;
-$ipb-tile--manage-brick--top-list--margin-top: $common-spacing-500 !default;
-
 /* title */
 
 .ipb-tile--manage .ipb-tile--title {
@@ -205,10 +191,6 @@ $ipb-tile--manage-brick--top-list--margin-top: $common-spacing-500 !default;
   font-size: $ipb-tile--manage-brick--badge--label--font-size;
 }
 
-/* top list */
-
-.ipb-tile--manage-brick--top-list {
-}
 
 
 /***********************/
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/layout/_home.scss b/datamodels/2.x/itop-portal-base/portal/public/css/layout/_home.scss
index 0764aab8c..1e621b67d 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/layout/_home.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/layout/_home.scss
@@ -1,4 +1,7 @@
-/* SCSS variables */
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
 
 .ipb-home .ipb-page--main-wrapper:before{
   content: '';
@@ -8,8 +11,6 @@
   left: 0;
   width: 100%;
   height: 100%;
-  background-image: url("../img/backgrounds/dots-left-top.svg");
-  background-size: 30%;
   background-position-y: top;
   background-position-x: left;
   background-repeat: no-repeat;
@@ -24,8 +25,6 @@
   right: 0;
   width: 100%;
   height: 100%;
-  background-image: url("../img/backgrounds/dots-right-bottom.svg");
-  background-size: 30%;
   background-position-y: bottom;
   background-position-x: right;
   background-repeat: no-repeat;
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/layout/_navigation-menu.scss b/datamodels/2.x/itop-portal-base/portal/public/css/layout/_navigation-menu.scss
index 1d610c1de..6c4f50472 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/layout/_navigation-menu.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/layout/_navigation-menu.scss
@@ -1,7 +1,12 @@
-@import "../../../../../../node_modules/bulma-scss/utilities/mixins";
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
+@import "../node_modules/bulma-scss/utilities/mixins";
 
 $ipb-navigation-menu--flex-column-gap: $common-spacing-300 !default;
-$ipb-navigation-menu--background-color: $common-color-blue-grey-900 !default;
 $ipb-navigation-menu--nav-vertical--width: 60px !default;
 $ipb-navigation-menu--nav-vertical--is-expanded--width: 280px !default;
 $ipb-navigation-menu--nav-horizontal--height: 56px !default;
@@ -14,16 +19,11 @@ $ipb-navigation-menu--menu-entry--wrapper--flex-column-gap: $common-spacing-500
 $ipb-navigation-menu--menu-entry--size: 44px !default;
 $ipb-navigation-menu--menu-entry--border-radius: $common-border-radius-500 !default;
 $ipb-navigation-menu--menu-entry--padding: $common-spacing-300 !default;
-$ipb-navigation-menu--menu-entry--active--icon--color: $common-color-orange-600 !default;
-$ipb-navigation-menu--menu-entry--active--color: $common-color-grey-800 !default;
-$ipb-navigation-menu--menu-entry--active--background-color: $common-color-white-100 !default;
 $ipb-navigation-menu--menu-entry--icon-size: 28px !default;
 $ipb-navigation-menu--menu-entry--font-size: 2rem !default;
 $ipb-navigation-menu--separator--width: $common-spacing-400 !default;
-$ipb-navigation-menu--menu-entry--more--background-color: #455a6447 !default;
 $ipb-navigation-menu--user-part--flex-column-gap: $common-spacing-300 !default;
 $ipb-navigation-menu--user-card--flex-column-gap: $common-spacing-300;
-$ipb-navigation-menu--user-card--photo--background-color: #585653 !default;
 $ipb-navigation-menu--user-card--photo--size: 36px !default;
 $dropdown-menu--items-remainder--padding: $common-spacing-300 !default;
 $dropdown-menu--items-remainder--border-radius: $common-border-radius-700 !default;
@@ -36,7 +36,6 @@ $dropdown-menu--items-remainder--border-radius: $common-border-radius-700 !defau
   display: flex;
   flex-direction: column;
   border-radius: 0 $ipb-navigation-menu--border-radius $ipb-navigation-menu--border-radius 0;
-  background-color: $ipb-navigation-menu--background-color;
   column-gap: $ipb-navigation-menu--flex-column-gap;
 
   // in expanded state
@@ -125,16 +124,6 @@ $dropdown-menu--items-remainder--border-radius: $common-border-radius-700 !defau
     @include ipb-text-overflow-ellipsis;
     @extend %common-font-ral-nor-200;
   }
-
-  &.active .ipb-navigation-menu--menu-entry {
-    background-color: $ipb-navigation-menu--menu-entry--active--background-color;
-    color: $ipb-navigation-menu--menu-entry--active--color;
-
-    .ipb-navigation-menu--menu-entry--icon {
-      color: $ipb-navigation-menu--menu-entry--active--icon--color;
-    }
-  }
-
 }
 
 // menu entry
@@ -151,7 +140,6 @@ $dropdown-menu--items-remainder--border-radius: $common-border-radius-700 !defau
   align-items: center;
   column-gap: $ipb-navigation-menu--menu-entry--wrapper--flex-column-gap;
   border-radius: $ipb-navigation-menu--menu-entry--border-radius;
-  color: whitesmoke;
   @include ipb-transition(#{"background-color, color"});
 
   // entry icon
@@ -161,13 +149,6 @@ $dropdown-menu--items-remainder--border-radius: $common-border-radius-700 !defau
     font-size: $ipb-navigation-menu--menu-entry--font-size;
     text-align: center;
   }
-
-  // hover and focus effect
-  &:hover, &:focus:not(.ipb-not-focusable) {
-    color: white;
-    background-color: $common-color-blue-grey-700;
-  }
-
 }
 
 // drop down items remainder
@@ -178,7 +159,6 @@ $dropdown-menu--items-remainder--border-radius: $common-border-radius-700 !defau
 // drop down menu items remainder
 .ipb-dropdown-menu--items-remainder {
   padding: $dropdown-menu--items-remainder--padding;
-  background-color: $ipb-navigation-menu--background-color;
   border-bottom-left-radius: $dropdown-menu--items-remainder--border-radius;
   border-bottom-right-radius: $dropdown-menu--items-remainder--border-radius;
   -webkit-box-shadow: none;
@@ -195,7 +175,6 @@ $dropdown-menu--items-remainder--border-radius: $common-border-radius-700 !defau
   display: flex;
   align-items: center;
   column-gap: $ipb-navigation-menu--user-part--flex-column-gap;
-  background-color: $common-color-grey-800;
   border-radius: 0 0 $ipb-navigation-menu--border-radius 0;
 
   // toggle mobile menu
@@ -213,7 +192,6 @@ $dropdown-menu--items-remainder--border-radius: $common-border-radius-700 !defau
   align-items: center;
   justify-content: center;
   @extend %common-font-ral-nor-150;
-  color: white !important;
   text-decoration: none;
   overflow-x: hidden;
 
@@ -226,7 +204,6 @@ $dropdown-menu--items-remainder--border-radius: $common-border-radius-700 !defau
     background-size: 100%;
     background-position: center center;
     background-repeat: no-repeat;
-    background-color: $ipb-navigation-menu--user-card--photo--background-color;
     border-radius: 100%;
   }
 
@@ -247,9 +224,7 @@ $dropdown-menu--items-remainder--border-radius: $common-border-radius-700 !defau
         @include ipb-text-overflow-ellipsis;
       }
     }
-
   }
-
 }
 
 // MOBILE MENU ////////////////////////////////////////////
@@ -267,7 +242,6 @@ $dropdown-menu--items-remainder--border-radius: $common-border-radius-700 !defau
   top: $ipb-navigation-menu--nav-horizontal--height;
   right: 0;
   bottom: 0;
-  background-color: rgba(0, 0, 0, 0.28);
   z-index: 9998;
 }
 
@@ -405,7 +379,6 @@ $dropdown-menu--items-remainder--border-radius: $common-border-radius-700 !defau
         width: 100%;
         max-height: 0;
         padding: 0 12px;
-        background-color: $ipb-navigation-menu--background-color;
         z-index: 9999;
         @include ipb-transition(max-height, ease, 0.5s);
 
@@ -463,9 +436,6 @@ $dropdown-menu--items-remainder--border-radius: $common-border-radius-700 !defau
           @include ipb-toggle-nav-animated-cross;
         }
       }
-
     }
-
   }
-
 }
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/layout/_page.scss b/datamodels/2.x/itop-portal-base/portal/public/css/layout/_page.scss
index 40c51834c..256db4342 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/layout/_page.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/layout/_page.scss
@@ -1,13 +1,16 @@
-@import "../../../../../../node_modules/bulma-scss/utilities/mixins";
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
+@import "../node_modules/bulma-scss/utilities/mixins";
 
-/* SCSS variables */
 $ipb-page--main-wrapper--padding: $common-spacing-600 $common-spacing-700 !default;
 $ipb-page--main-header--margin-bottom: $common-size-250 !default;
 $ipb-page--main-header--information--title--font-size: $common-font-size-450 !default;
-$ipb-page--main-header--information--title--color: $common-base-variable--text-color !default;
 $ipb-page--main-header--information--subtitle--padding: $common-spacing-200 !default;
 $ipb-page--main-header--information--subtitle--font-size: $common-font-size-250 !default;
-$ipb-page--main-header--information--subtitle--color: $common-base-variable--text-color !default;
 
 html {
   font-size: 12px;
@@ -48,7 +51,6 @@ body{
 .ipb-page--main-header--information--title{
   font-size: $ipb-page--main-header--information--title--font-size;
   font-weight: bold;
-  color: $ipb-page--main-header--information--title--color;
 
   > span ~ span {
     @include ipb-following-dot;
@@ -57,7 +59,6 @@ body{
 
 .ipb-page--main-header--information--subtitle{
   font-size: $ipb-page--main-header--information--subtitle--font-size;
-  color: $ipb-page--main-header--information--subtitle--color;
   padding: $ipb-page--main-header--information--subtitle--padding;
   max-width: 1400px;
 }
@@ -76,7 +77,6 @@ body{
 
 .ipb-copyright {
   text-decoration: none !important;
-  color: $common-color-secondary-800;
 }
 
 @include mobile {
@@ -97,6 +97,5 @@ body{
       width: 100%;
     }
   }
-
 }
 
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/layout/_tabs.scss b/datamodels/2.x/itop-portal-base/portal/public/css/layout/_tabs.scss
index d5f6733f7..773bc2ebc 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/layout/_tabs.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/layout/_tabs.scss
@@ -1,14 +1,15 @@
-$ipb-tabs--tab--border: solid 1px $common-color-grey-400 !default;
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
 $ipb-tabs--tab--badge--border-radius: $common-border-radius-500 !default;
 $ipb-tabs--tab--badge--padding-y: 3px !default;
 $ipb-tabs--tab--badge--padding-x: 5px !default;
 $ipb-tabs--tab--badge--margin-left: $common-spacing-200 !default;
 
-$ipb-tabs--tab--background-color: $common-color-grey-100 !default;
-$ipb-tabs--tab--color: $common-color-grey-900 !default;
-$ipb-tabs--tab--active--background-color: $common-color-white-100 !default;
-$ipb-tabs--tab--active--badge--background-color: $common-color-grey-200 !default;
-$ipb-tabs--tab--active--indicator--background-color: $common-color-primary-600 !default;
+
 $ipb-tabs--tab--active--indicator--width: $common-size-150 !default;
 $ipb-tabs--tab--active--indicator--height: $ipb-tabs--tab--active--indicator--width !default;
 $ipb-tabs--tab--active--indicator--margin-right: $common-spacing-300 !default;
@@ -18,26 +19,17 @@ $ipb-tabs--tab--active--indicator--border-radius: $common-border-radius-full !de
   > a {
     display: flex;
     align-items: center;
-    background-color: $ipb-tabs--tab--background-color;
-    color: $ipb-tabs--tab--color;
 
     @extend %common-font-ral-med-150;
 
     > .badge {
-      color: $common-color-grey-900;
-      background-color: transparent;
       border-radius: $ipb-tabs--tab--badge--border-radius;
       padding: $ipb-tabs--tab--badge--padding-y $ipb-tabs--tab--badge--padding-x;
       margin-left: $ipb-tabs--tab--badge--margin-left;
     }
-
-    border: $ipb-tabs--tab--border;
-    border-bottom: none;
   }
 
   &.active > a {
-    background-color: $ipb-tabs--tab--active--background-color;
-
     &:before {
       content: " ";
       display: inline-block;
@@ -45,11 +37,6 @@ $ipb-tabs--tab--active--indicator--border-radius: $common-border-radius-full !de
       height: $ipb-tabs--tab--active--indicator--height;
       margin-right: $ipb-tabs--tab--active--indicator--margin-right;
       border-radius: $ipb-tabs--tab--active--indicator--border-radius;
-      background-color: $ipb-tabs--tab--active--indicator--background-color;
-    }
-
-    > .badge {
-      background-color: $ipb-tabs--tab--active--badge--background-color;
     }
   }
 }
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/mixins.scss b/datamodels/2.x/itop-portal-base/portal/public/css/mixins.scss
index 3c312de85..70029935e 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/mixins.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/mixins.scss
@@ -1,6 +1,11 @@
-/* SCSS variables */
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
 $ipb-following-dot--size: $common-size-150 !default;
-$ipb-following-dot--color: $common-color-orange-600 !default;
+$ipb-following-dot--color: $ipb-color-primary-600 !default;
 $ipb-following-dot--margin-top: calc(-1 * #{$ipb-following-dot--size} / 2) !default;
 $ipb-following-dot--margin-bottom: auto !default;
 $ipb-following-dot--margin-x: $common-spacing-300 !default;
@@ -19,7 +24,7 @@ $ipb-following-dot--margin-x: $common-spacing-300 !default;
 }
 
 /* SCSS variables */
-$ipb-heavy-animated-border--border-color: $common-color-blue-grey-700 !default;
+$ipb-heavy-animated-border--border-color: $ipb-color-blue-grey-700 !default;
 $ipb-heavy-animated-border--border-width: $common-size-50 !default;
 $ipb-heavy-animated-border--border-radius: $common-border-radius-500 !default;
 
@@ -45,7 +50,7 @@ $ipb-heavy-animated-border--border-radius: $common-border-radius-500 !default;
 
 
 /* SCSS variables */
-$ipb-toggle-nav--color: white !default;
+$ipb-toggle-nav--color: $ipb-color-white-100 !default;
 
 @mixin ipb-toggle-nav($color:$ipb-toggle-nav--color) {
 
@@ -147,7 +152,7 @@ $ipb-toggle-nav--color: white !default;
 }
 
 /* SCSS variables */
-$ipb-scrollbar--color: $common-color-grey-200 $common-color-blue-grey-800 !default;
+$ipb-scrollbar--color: $ipb-color-grey-200 $ipb-color-blue-grey-800 !default;
 
 @mixin ipb-scrollbar($overflowX:hidden, $overflowY:auto, $scrollbarWidth:thin, $scrollbarColor:$ipb-scrollbar--color) {
   overflow-x: $overflowX;
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/pages/_base.scss b/datamodels/2.x/itop-portal-base/portal/public/css/pages/_base.scss
index ca226b853..e69de29bb 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/pages/_base.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/pages/_base.scss
@@ -1,8 +0,0 @@
-/*
- * @copyright   Copyright (C) 2010-2024 Combodo SAS
- * @license     http://opensource.org/licenses/AGPL-3.0
- */
-
-/* SCSS variables (can be overloaded) */
-$ipb-body-text-color: $ipb-color-grey-900 !default;
-$ipb-body-background-color: $ipb-color-white-200 !default;
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/pages/bricks/_browse-brick.scss b/datamodels/2.x/itop-portal-base/portal/public/css/pages/bricks/_browse-brick.scss
index df2e06fb8..d68314bbb 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/pages/bricks/_browse-brick.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/pages/bricks/_browse-brick.scss
@@ -1,14 +1,16 @@
-@import "../../../../../../../node_modules/bulma-scss/utilities/mixins";
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
 
-$ipb-browse-brick--mosaic-item--highlight-color:  $common-color-blue-800, $common-color-orange-800, $common-color-green-800, $common-color-pink-800, $common-color-cyan-800, $common-color-yellow-800, $common-color-purple-800;
+/* SCSS variables (can be overloaded) */
+@import "../node_modules/bulma-scss/utilities/mixins";
 
 $ipb-browse-brick-panel--row--margin: $common-spacing-0 !default;
 $ipb-browse-brick-panel--brick-content-toolbar--padding: $common-spacing-400 !default;
 
 $ipb-content-mosaic--padding: $common-spacing-0 !default;
 $ipb-browse-brick--mosaic-breadcrumb--padding: $common-spacing-200 !default;
-$ipb-browse-brick--mosaic-breadcrumb--active--color: $common-color-grey-800 !default;
-$ipb-browse-brick--mosaic-breadcrumb--a--color: $common-color-primary-800 !default;
 
 $ipb-browse-brick--mosaic--gap: $common-spacing-300 !default;
 $ipb-browse-brick--mosaic--small--grid-template-columns: 1fr !default;
@@ -20,10 +22,7 @@ $ipb-browse-brick--mosaic-group-item--min-height: $common-size-550 !default;
 $ipb-browse-brick--mosaic-group-item--height: auto !default;
 $ipb-browse-brick--mosaic-group-item--width: 100% !default;
 $ipb-browse-brick--mosaic-group-item--margin: $common-spacing-0 !default;
-$ipb-browse-brick--mosaic-group-item--color: $common-base-variable--text-color !default;
-$ipb-browse-brick--mosaic-group-item--border: 1px solid $common-color-grey-300 !default;
 $ipb-browse-brick--mosaic-group-item--border-radius: $common-border-radius-300 !default;
-$ipb-browse-brick--mosaic-group-item--background-color: $common-color-white-100 !default;
 $ipb-browse-brick--mosaic-group-item--animation--transform-x: -20px !default;
 
 $ipb-browse-brick--mosaic-group-item--actions--top: $common-spacing-500 !default;
@@ -32,49 +31,30 @@ $ipb-browse-brick--mosaic-item--height: 100% !default;
 $ipb-browse-brick--mosaic-item--padding: $common-spacing-600 !default;
 $ipb-browse-brick--mosaic-item--margin: $common-spacing-0 !default;
 $ipb-browse-brick--mosaic-item--border-radius: $ipb-browse-brick--mosaic-group-item--border-radius !default;
-$ipb-browse-brick--mosaic-item--background-color: $common-color-white-100 !default;
-$ipb-browse-brick--mosaic-item--color: $common-base-variable--text-color !default;
-$ipb-browse-brick--mosaic-item--hover--color: inherit !default;
-$ipb-browse-brick--mosaic-item--hover--background-color--alpha: 0.05 !default;
 
-$ipb-browse-brick--mosaic-item-description--color: $common-color-grey-800 !default;
 
 $ipb-browse-brick--mosaic-item-image--height: 44px !default;
 $ipb-browse-brick--mosaic-item-image--width: 44px !default;
 $ipb-browse-brick--mosaic-item-image--border-radius: $common-border-radius-700 !default;
 $ipb-browse-brick--mosaic-item-image--padding: $common-spacing-0 !default;
 $ipb-browse-brick--mosaic-item-image--margin-bottom: $common-spacing-500 !default;
-$ipb-browse-brick--mosaic-item-image--background-color: common-adjust-alpha($common-color-blue-700, .1) !default;
-$ipb-browse-brick--mosaic-item-image--background-color--alpha: 0.1 !default;
-$ipb-browse-brick--mosaic-item-image--color: $common-color-blue-700 !default;
+
 
 $ipb-browse-brick--mosaic-item-image--img--height: $common-size-300 !default;
 
 $ipb-browse-brick--mosaic-item-description--margin-top: $common-spacing-300 !default;
 
-$ipb-browse-brick-panel--mosaic--background-color: transparent !default;
-$ipb-browse-brick-panel--mosaic--border: none !default;
-
 $ipb-browse-brick-panel--dataTables_wrapper--padding-x: $common-spacing-0 !default;
 $ipb-browse-brick-panel--dataTables_wrapper--padding-y: $common-size-200 !default;
 $ipb-browse-brick-panel--dataTables_wrapper--row--div--padding-x: $common-size-200 !default;
 $ipb-browse-brick-panel--dataTables_wrapper--row--div--padding-y: $common-size-0 !default;
 
-
-$ipb-browse-brick--tree-item--color: $common-color-grey-900 !default;
-$ipb-browse-brick--tree-item--hyperlink--color: $common-hyperlink-color !default;
-
-
-$ipb-browse-brick--tree-item-filter-data--color: $common-color-grey-800 !default;
 $ipb-browse-brick--tree-item-filter-data--margin-top: $common-spacing-300 !default;
 $ipb-browse-brick--tree-item-filter-data--item--margin-y: $common-spacing-0 !default;
 $ipb-browse-brick--tree-item-filter-data--item--margin-x: $common-spacing-300 !default;
 
 $ipb-browse-brick--tree-item--description--margin-top: $common-spacing-200 !default;
-$ipb-browse-brick--tree-item--description--color: $common-color-grey-800 !default;
-
 $ipb-browse-brick--tree-item--wrapper--padding-top: $common-spacing-500 !default;
-$ipb-browse-brick--tree-item--wrapper--color: inherit !default;
 
 $ipb-browse-brick--tree-item-image--height: $common-size-350 !default;
 $ipb-browse-brick--tree-item-image--width: $common-size-350 !default;
@@ -90,25 +70,20 @@ $ipb-browse-brick--tree-item-image--has-glyphicon--margin-right: $common-spacing
 $ipb-browse-brick--tree-item--has-glyphicon--description--margin-left: 19px !default;
 
 
-$ipb-browse-brick--list-group-item--padding-y: $common-spacing-0 !default;
-$ipb-browse-brick--list-group-item--padding-x: $common-spacing-500 !default;
+$ipb-browse-brick--list-group-item--padding: $common-spacing-0 !default;
+$ipb-browse-brick--list-group-item--padding-left: $common-spacing-500 !default;
 $ipb-browse-brick--list-group-item--margin-bottom: -1px !default;
-$ipb-browse-brick--list-group-item--background-color: $common-color-white-100 !default;
-$ipb-browse-brick--list-group-item--border: 1px solid $common-color-grey-400 !default;
 
 $ipb-browse-brick--list-group--margin-bottom: $common-spacing-0 !default;
 $ipb-browse-brick--list-group-item--tree-item-wrapper--padding-bottom: $common-spacing-500 !default;
 
-
 $ipb-browse-brick--list-group--tree--margin: $common-spacing-0 !default;
-$ipb-browse-brick--list-group--tree--background-color: $common-color-white-100 !default;
 
 $ipb-browse-brick--no-item--illustration--max-width: 100% !default;
 $ipb-browse-brick--no-item--illustration--padding-y: $common-spacing-600 !default;
 $ipb-browse-brick--no-item--illustration--padding-x: $common-spacing-500 !default;
 $ipb-browse-brick--no-item--illustration--svg--max-width: $common-size-700 !default;
 
-$ipb-browse-brick--no-item--text--color: $ipb-color-grey-800 !default;
 
 // Common
 .ipb-browse-brick-panel {
@@ -130,23 +105,13 @@ $ipb-browse-brick--no-item--text--color: $ipb-color-grey-800 !default;
   width: 100% !important;
 }
 
-// Mosaic view 
-.page_browse_brick_as_mosaic .ipb-browse-brick-panel{
-  background-color: $ipb-browse-brick-panel--mosaic--background-color !important;
-  border: $ipb-browse-brick-panel--mosaic--border !important;
-}
+// Mosaic view
 
 #brick_content_mosaic{
   padding: $ipb-content-mosaic--padding;
 }
 #mosaic-breadcrumb {
   padding: $ipb-browse-brick--mosaic-breadcrumb--padding;
-  a {
-    color: $ipb-browse-brick--mosaic-breadcrumb--a--color;
-  }
-  .active {
-    color: $ipb-browse-brick--mosaic-breadcrumb--active--color;
-  }
 }
 
 .mosaic-group {
@@ -180,23 +145,7 @@ $ipb-browse-brick--no-item--text--color: $ipb-color-grey-800 !default;
   height: $ipb-browse-brick--mosaic-group-item--height;
   width: $ipb-browse-brick--mosaic-group-item--width;
   margin: $ipb-browse-brick--mosaic-group-item--margin;
-  color: $ipb-browse-brick--mosaic-group-item--color;
-  border: $ipb-browse-brick--mosaic-group-item--border;
   border-radius: $ipb-browse-brick--mosaic-group-item--border-radius;
-  background-color: $ipb-browse-brick--mosaic-group-item--background-color;
-  
-  @for $i from 1 through length($ipb-browse-brick--mosaic-item--highlight-color) {
-    &:nth-child(#{length($ipb-browse-brick--mosaic-item--highlight-color)}n + #{$i}){
-        .mosaic-item:hover{
-          background-color: common-adjust-alpha(nth($ipb-browse-brick--mosaic-item--highlight-color, $i), $ipb-browse-brick--mosaic-item--hover--background-color--alpha);
-        }
-      .mosaic-item-image {
-        background-color: common-adjust-alpha(nth($ipb-browse-brick--mosaic-item--highlight-color, $i), $ipb-browse-brick--mosaic-item-image--background-color--alpha);
-        color: nth($ipb-browse-brick--mosaic-item--highlight-color, $i);
-      }
-    }
-  }
-  
   
   > .mosaic-group-item-actions {
     position: absolute;
@@ -213,15 +162,7 @@ $ipb-browse-brick--no-item--text--color: $ipb-color-grey-800 !default;
   padding: $ipb-browse-brick--mosaic-item--padding;
   margin: $ipb-browse-brick--mosaic-item--margin;
   border-radius: $ipb-browse-brick--mosaic-item--border-radius;
-
-  background-color: $ipb-browse-brick--mosaic-item--background-color;
-  color: $ipb-browse-brick--mosaic-item--color;
   transition: background-color 0.3s linear;
-
-
-  &:hover {
-    color: $ipb-browse-brick--mosaic-item--hover--color;
-  }
 }
 
 
@@ -236,7 +177,6 @@ $ipb-browse-brick--no-item--text--color: $ipb-color-grey-800 !default;
 
   .mosaic-item-description {
     @extend %common-font-ral-nor-150;
-    color: $ipb-browse-brick--mosaic-item-description--color;
   }
 }
 
@@ -247,8 +187,6 @@ $ipb-browse-brick--no-item--text--color: $ipb-color-grey-800 !default;
   padding: $ipb-browse-brick--mosaic-item-image--padding;
   margin-bottom: $ipb-browse-brick--mosaic-item-image--margin-bottom;
   border-radius: $ipb-browse-brick--mosaic-item-image--border-radius;
-  background-color: $ipb-browse-brick--mosaic-item-image--background-color;
-  color: $ipb-browse-brick--mosaic-item-image--color;
   align-items: center;
   justify-content: center;
   text-transform: capitalize;
@@ -280,26 +218,22 @@ $ipb-browse-brick--no-item--text--color: $ipb-color-grey-800 !default;
 }
 
 .list-group-item .list-group-item-text, .tree-item {
-  color: $ipb-browse-brick--tree-item--color;
-  
   @extend %common-font-ral-bol-150;
+  
   & a {
     @extend %common-font-size-150;
-    color: $ipb-browse-brick--tree-item--hyperlink--color;
   }
 }
 
 .list-group.tree .list-group-item .list-group-item-description {
   display: block;
   margin-top: $ipb-browse-brick--tree-item--description--margin-top;
-  color: $ipb-browse-brick--tree-item--description--color;
 
   @extend %common-font-ral-nor-100;
 }
 
 .list-group-item .tree-item-wrapper .tree-item-filter-data {
   margin-top: $ipb-browse-brick--tree-item-filter-data--margin-top;
-  color: $ipb-browse-brick--tree-item-filter-data--color;
   @extend %common-font-ral-med-100;
 
   > span:not(:last-child):after {
@@ -307,7 +241,6 @@ $ipb-browse-brick--no-item--text--color: $ipb-color-grey-800 !default;
     margin: $ipb-browse-brick--tree-item-filter-data--item--margin-y $ipb-browse-brick--tree-item-filter-data--item--margin-x;
   }
   a {
-    color: $ipb-browse-brick--tree-item-filter-data--color;
     font-size: $common-font-size-100 !important;
   }
 }
@@ -315,32 +248,15 @@ $ipb-browse-brick--no-item--text--color: $ipb-color-grey-800 !default;
 #brick_content_tree .list-group-item>.tree-item-wrapper {
   display: flex;
   padding-top: $ipb-browse-brick--tree-item--wrapper--padding-top;
-  color: $ipb-browse-brick--tree-item--wrapper--color;
   text-decoration: inherit;
   cursor: pointer
 }
 
-.list-group-item {
+#brick_content_tree  .list-group-item {
   display: block;
   position: relative;
-  padding: $ipb-browse-brick--list-group-item--padding-y $ipb-browse-brick--list-group-item--padding-x;
+  padding: $ipb-browse-brick--list-group-item--padding $ipb-browse-brick--list-group-item--padding $ipb-browse-brick--list-group-item--padding $ipb-browse-brick--list-group-item--padding-left;
   margin-bottom: $ipb-browse-brick--list-group-item--margin-bottom;
-  background-color: $ipb-browse-brick--list-group-item--background-color;
-  border: $ipb-browse-brick--list-group-item--border;
-  border-bottom: none;
-
-
-  @for $i from 1 through length($ipb-browse-brick--mosaic-item--highlight-color) {
-    &:nth-child(#{length($ipb-browse-brick--mosaic-item--highlight-color)}n + #{$i - 1}) {
-      &:hover {
-        background-color: common-adjust-alpha(nth($ipb-browse-brick--mosaic-item--highlight-color, $i), $ipb-browse-brick--mosaic-item--hover--background-color--alpha);
-      }
-      > .tree-item-wrapper .tree-item-image {
-        background-color: common-adjust-alpha(nth($ipb-browse-brick--mosaic-item--highlight-color, $i), $ipb-browse-brick--mosaic-item-image--background-color--alpha);
-        color: nth($ipb-browse-brick--mosaic-item--highlight-color, $i);
-      }
-    }
-  }
 }
 
 
@@ -386,7 +302,6 @@ $ipb-browse-brick--no-item--text--color: $ipb-color-grey-800 !default;
 
 .list-group.tree {
   margin: $ipb-browse-brick--list-group--tree--margin;
-  background-color: $ipb-browse-brick--list-group--tree--background-color;
 }
 
 .ipb-browse-brick--no-item--illustration {
@@ -402,6 +317,5 @@ $ipb-browse-brick--no-item--text--color: $ipb-color-grey-800 !default;
 }
 
 .ipb-browse-brick--no-item--text {
-  color: $ipb-browse-brick--no-item--text--color;
   @extend %common-font-ral-med-300;
 }
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/pages/bricks/_manage-brick.scss b/datamodels/2.x/itop-portal-base/portal/public/css/pages/bricks/_manage-brick.scss
index aaee53fb3..36173379b 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/pages/bricks/_manage-brick.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/pages/bricks/_manage-brick.scss
@@ -1,3 +1,9 @@
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
 $ipb-manage-brick--panel--body--padding-y: $common-spacing-500 !default;
 $ipb-manage-brick--panel--body--padding-x: $common-spacing-0 !default;
 
@@ -15,7 +21,6 @@ $ipb-manage-brick--no-result--illustration--padding-y: $common-spacing-600 !defa
 $ipb-manage-brick--no-result--illustration--padding-x: $common-spacing-500 !default;
 $ipb-manage-brick--no-result--illustration--svg--max-width: $common-size-700 !default;
 
-$ipb-manage-brick--no-result--text--color: $common-color-grey-800 !default;
 
 .ipb-manage-brick--panel--body {
   padding: $ipb-manage-brick--panel--body--padding-y $ipb-manage-brick--panel--body--padding-x 0 $ipb-manage-brick--panel--body--padding-x;
@@ -38,37 +43,31 @@ $ipb-manage-brick--no-result--text--color: $common-color-grey-800 !default;
   margin-top: $ipb-manage-brick--panel--body--table--margin-top !important;
 }
 
-.ipb-manage-brick--export-action {
-  color: $common-color-grey-800;
-}
+
 
 .ipb-manage-brick--export-action--icon {
   float: right;
 }
 
-$ipb-manage-brick--pie-chart--colors: 
-$common-color-blue-400 $common-color-blue-950 "rgb(44, 160, 44)",
-$common-color-blue-500 $common-color-blue-950 "rgb(214, 39, 40)",
-$common-color-blue-600 $common-color-blue-100 "rgb(148, 103, 189)",
-$common-color-blue-700 $common-color-blue-100 "rgb(140, 86, 75)",
-$common-color-blue-800 $common-color-blue-100 "rgb(227, 119, 194)",
-$common-color-blue-900 $common-color-blue-100 "rgb(127, 127, 127)",
-$common-color-blue-950 $common-color-blue-100 "rgb(188, 189, 34)",
-$common-color-blue-100 $common-color-blue-950 "rgb(23, 190, 207)",
-$common-color-blue-200 $common-color-blue-950 "rgb(31, 119, 180)",
-$common-color-blue-300 $common-color-blue-950 "rgb(255, 127, 14)"
-!default;
+.ipb-export--feedback {
+  display: flex;
+  flex-direction: column;
+}
 
-@each $background, $text, $originalColor in $ipb-manage-brick--pie-chart--colors {
-.c3-chart-arc path[style="fill: #{$originalColor}; cursor: pointer; opacity: 1;"] {
-  fill: $background !important;
-}
-.c3-legend-item-tile[style="stroke: #{$originalColor}; pointer-events: none;"] {
-  stroke: $background !important;
-}
-.c3-chart-arc:has(path[style="fill: #{$originalColor}; cursor: pointer; opacity: 1;"])  text {
-  fill: $text !important;
+.ipb-export-message {
+  @extend %common-font-ral-med-150;
+  margin: $common-spacing-300 $common-spacing-0;
 }
+
+.ipb-export--illustration {
+  align-self: center;
+  margin: 24px 0;
+  max-width: $common-size-650;
+  max-height: $common-size-650;
+  > svg {
+    max-width: 100%;
+    height: 100%;
+  }
 }
 
 .ipb-manage-brick--no-result--illustration {
@@ -84,6 +83,5 @@ $common-color-blue-300 $common-color-blue-950 "rgb(255, 127, 14)"
 }
 
 .ipb-manage-brick--no-result--text {
-  color: $ipb-manage-brick--no-result--text--color;
   @extend %common-font-ral-med-300;
 }
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/pages/bricks/_object-brick.scss b/datamodels/2.x/itop-portal-base/portal/public/css/pages/bricks/_object-brick.scss
index 83a2cccd6..2bf7292f2 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/pages/bricks/_object-brick.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/pages/bricks/_object-brick.scss
@@ -1,5 +1,10 @@
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
 $ipb-object-brick--url-to-clipboard--opacity: 0.5 !default;
-$ipb-object-brick--url-to-clipboard-tooltip-copied--color: $common-color-green-500!default;
 $ipb-object-brick--url-to-clipboard-tooltip-copied--margin-right: $common-spacing-200!default;
 
 
@@ -15,6 +20,5 @@ $ipb-object-brick--url-to-clipboard-tooltip-copied--margin-right: $common-spacin
 }
 // Used for clipboard's tooltip, which is not part of .url-to-clipboard element
 .url-to-clipboard-tooltip-copied {
-  color: $ipb-object-brick--url-to-clipboard-tooltip-copied--color;
   margin-right: $ipb-object-brick--url-to-clipboard-tooltip-copied--margin-right;
 }
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/portal.scss b/datamodels/2.x/itop-portal-base/portal/public/css/portal.scss
index 405967054..57016ea17 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/portal.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/portal.scss
@@ -15,10 +15,10 @@
  *
  * You should have received a copy of the GNU Affero General Public License
  */
-@import '../../../../../css/common/main.scss';
+@import 'common/main.scss';
 @import 'variables.scss';
 @import "utils/all";
-@import '../../../../../node_modules/ckeditor5-itop-build/build/styles/compiled-theme';
+@import '../node_modules/ckeditor5-itop-build/build/styles/compiled-theme';
 
 /*!
  * Combodo portal template v1.0.0
@@ -275,201 +275,6 @@ footer{
 	padding-top: 15px;
 }
 
-//.home .tile{
-//	display: block;
-//	margin-bottom: 8px;
-//	padding: 0em 1em;
-//	min-height: 4em;
-//	background-color: $white;
-//	background-image: none;
-//	border: none;
-//	border-radius: 0px;
-//	text-align: center;
-//	text-decoration: none;
-//	white-space: normal;
-//	line-height: 4em;
-//	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
-//}
-//.home .tile .tile_decoration{
-//	position: absolute;
-//	top: 0.3em;
-//	left: 2.5em;
-//}
-//.home .tile .tile_title{
-//	font-weight: bold;
-//	color: $gray;
-//}
-//
-//.home .tile .tile_title > span.icon {
-//	color: $combodo-orange;
-//}
-//
-//.home .tile .tile_description{
-//	display: none;
-//	color: #555555;
-//}
-//
-//
-///**********************************/
-///* ManageBrick badge tile display */
-///**********************************/
-//.home a.tile.tile_badge > div {
-//	display: table;
-//	width: 100%;
-//}
-//
-//.home a.tile.tile_badge > div > div {
-//	display: table-row;
-//}
-//
-//.home a.tile.tile_badge > div > div > div {
-//	display: table-cell;
-//}
-//
-//@media (max-width: 768px) {
-//	.home a.tile.tile_badge > div > div > div.tile_body div.tile_count {
-//		position: absolute;
-//		top: 0em;
-//		right: 2em;
-//		text-align: right;
-//		font-size: 1.2em;
-//	}
-//	.home a.tile.tile_badge > div.tile_description {
-//		display: none;
-//	}
-//}
-//@media (min-width: 768px) {
-//	.home .tile{
-//		display: block;
-//		margin-bottom: 25px;
-//		padding: 40px 40px 30px 40px;
-//		min-height: 10em;
-//		text-align: left;
-//		transition: all 0.2s linear;
-//	}
-//	.home .tile:hover{
-//		box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.10);
-//	}
-//	.home .tile .tile_decoration{
-//		display: block;
-//		position: relative;
-//		float: left;
-//		top: 1.5em;
-//		left: initial;
-//		margin: 0px 30px 15px 0px;
-//	}
-//	.home .tile .tile_body{
-//		display: block;
-//		padding-left: 4.3em;
-//		text-align: left;
-//		line-height: 1.5em;
-//	}
-//	.home .tile .tile_title{
-//		margin-bottom: 1em;
-//		font-size: 1.0em;
-//	}
-//	.home .tile .tile_description{
-//		display: block;
-//		text-align: left;
-//	}
-//
-//	.home a.tile.tile_badge{
-//		height: 10em;
-//		overflow: hidden;
-//	}
-//	.home a.tile.tile_badge > div > div > div.tile_decoration{
-//		top: unset;
-//		vertical-align: middle;
-//	}
-//	.home a.tile.tile_badge > div > div > div.tile_decoration > span.icon {
-//		font-size: 4em;
-//	}
-//	.home a.tile.tile_badge > div > div > div.tile_body{
-//		position: relative;
-//		padding: 0;
-//		margin: 0;
-//		vertical-align: middle;
-//		text-align: right;
-//	}
-//	.home a.tile.tile_badge > div > div > div.tile_body .tile_title{
-//		margin-top: 1em;
-//		margin-bottom: 0;
-//		font-size: 1em;
-//		font-weight: normal;
-//	}
-//	.home a.tile.tile_badge > div > div > div.tile_body .tile_count{
-//		position: absolute;
-//		top: 0;
-//		right: 0;
-//		font-size: 2em;
-//		font-weight: bold;
-//		color: $gray;
-//	}
-//	.home a.tile.tile_badge .tile_description{
-//		display: none;
-//	}
-//}
-//@media (min-width: 992px) {
-//	.home .tile{
-//		min-height: 14em;
-//		padding: 30px 40px 30px 40px;
-//	}
-//	.home .tile .tile_decoration > span.icon{
-//		font-size: 4em;
-//	}
-//	.home .tile .tile_body{
-//		padding-left: 6.3em;
-//	}
-//	.home .tile .tile_title{
-//		font-size: 1.4em;
-//	}
-//	.home .tile .tile_description{
-//		font-size: 1.2em;
-//	}
-//
-//	.home a.tile.tile_badge > div > div > div.tile_body .tile_title{
-//		font-size: 1.2em;
-//	}
-//	.home a.tile.tile_badge > div > div > div.tile_body .tile_count{
-//		font-size: 3em;
-//	}
-//	.home a.tile.tile_badge > div > div > div.tile_decoration > span.icon {
-//		font-size: 4em;
-//	}
-//	.home a.tile.tile_badge .tile_description{
-//		display: block;
-//		font-size: 1em;
-//		text-align: center;
-//	}
-//}
-//@media (min-width: 1200px) {
-//	.home .tile{
-//		margin-bottom: 40px;
-//		min-height: 15em;
-//		padding: 40px 50px 30px 50px;
-//	}
-//	.home .tile .tile_decoration{
-//		margin: 0px 40px 15px 0px;
-//		top: 1.5em;
-//	}
-//	.home .tile .tile_decoration > span.icon{
-//		font-size: 6em;
-//	}
-//	.home .tile .tile_body{
-//		padding-left: 9.1em;
-//	}
-//	.home .tile .tile_title{
-//		font-size: 1.5em;
-//	}
-//	.home .tile .tile_description{
-//		font-size: 1.2em;
-//	}
-//
-//	.home a.tile.tile_badge > div > div > div.tile_decoration > span.icon {
-//		font-size: 6em;
-//	}
-//}
-
 /********************/
 /* Modules settings */
 /********************/
@@ -489,13 +294,7 @@ footer{
 #main-header-actions{
 	margin-bottom: 15px;
 }
-/* This is no longer necessary but we keep it just in case */
-/*#main-header-actions .btn-group .btn{
-	padding: 0em 1.5em;
-	line-height: 2.4em;
-	font-size: 14px;
-	background-image: none;
-}*/
+
 @media (min-width: 768px) {
 	#main-header:after{
 		clear: both;
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/_all.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/_all.scss
index 3cbe0659b..2795b0337 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/themes/_all.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/_all.scss
@@ -1,3 +1,8 @@
+@import 'common/main.scss';
+/* Import shame first as we want to override some of its styles */
+@import "shame";
+@import "../utils/all";
+@import "pages/all";
 @import "components/all";
+@import "vendors/all";
 @import "layout/all";
-@import "shame";
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/_shame.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/_shame.scss
index 5d2a5fe4c..cc0c7f8c2 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/themes/_shame.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/_shame.scss
@@ -1,35 +1,22 @@
-/*!
- * Copyright (C) 2013-2024 Combodo SAS
- *
- * This file is part of iTop.
- *
- * iTop is free software; you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * iTop is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
  */
 
 @import 'variables.scss';
 
-/*!
+/*
  * Combodo portal theme v2.7.0
  * Based on Bootswatch Simplex
 */
-/*!
+/*
  * bootswatch v3.3.5
  * Homepage: http://bootswatch.com
  * Copyright 2012-2015 Thomas Park
  * Licensed under MIT
  * Based on Bootstrap
 */
-/*!
+/*
  * Bootstrap v3.3.5 (http://getbootstrap.com)
  * Copyright 2011-2015 Twitter, Inc.
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
@@ -1374,15 +1361,6 @@ th {
 .table-bordered>thead>tr>td {
   border-bottom-width: 2px
 }
-.table-striped>tbody>tr:nth-of-type(odd) {
-  background-color: $table-bg-accent;
-}
-.table-striped>tbody>tr:hover {
-  background-color: $table-bg-hover;
-}
-.table-hover>tbody>tr:hover {
-  background-color: $table-bg-hover;
-}
 table col[class*="col-"] {
   position: static;
   float: none;
@@ -1394,111 +1372,6 @@ table th[class*="col-"] {
   float: none;
   display: table-cell
 }
-.table>thead>tr>td.active,
-.table>tbody>tr>td.active,
-.table>tfoot>tr>td.active,
-.table>thead>tr>th.active,
-.table>tbody>tr>th.active,
-.table>tfoot>tr>th.active,
-.table>thead>tr.active>td,
-.table>tbody>tr.active>td,
-.table>tfoot>tr.active>td,
-.table>thead>tr.active>th,
-.table>tbody>tr.active>th,
-.table>tfoot>tr.active>th {
-  background-color: #f5f5f5
-}
-.table-hover>tbody>tr>td.active:hover,
-.table-hover>tbody>tr>th.active:hover,
-.table-hover>tbody>tr.active:hover>td,
-.table-hover>tbody>tr:hover>.active,
-.table-hover>tbody>tr.active:hover>th {
-  background-color: #e8e8e8
-}
-.table>thead>tr>td.success,
-.table>tbody>tr>td.success,
-.table>tfoot>tr>td.success,
-.table>thead>tr>th.success,
-.table>tbody>tr>th.success,
-.table>tfoot>tr>th.success,
-.table>thead>tr.success>td,
-.table>tbody>tr.success>td,
-.table>tfoot>tr.success>td,
-.table>thead>tr.success>th,
-.table>tbody>tr.success>th,
-.table>tfoot>tr.success>th {
-  background-color: $state-success-bg
-}
-.table-hover>tbody>tr>td.success:hover,
-.table-hover>tbody>tr>th.success:hover,
-.table-hover>tbody>tr.success:hover>td,
-.table-hover>tbody>tr:hover>.success,
-.table-hover>tbody>tr.success:hover>th {
-  background-color: #d0e9c6
-}
-.table>thead>tr>td.info,
-.table>tbody>tr>td.info,
-.table>tfoot>tr>td.info,
-.table>thead>tr>th.info,
-.table>tbody>tr>th.info,
-.table>tfoot>tr>th.info,
-.table>thead>tr.info>td,
-.table>tbody>tr.info>td,
-.table>tfoot>tr.info>td,
-.table>thead>tr.info>th,
-.table>tbody>tr.info>th,
-.table>tfoot>tr.info>th {
-  background-color: $state-info-bg
-}
-.table-hover>tbody>tr>td.info:hover,
-.table-hover>tbody>tr>th.info:hover,
-.table-hover>tbody>tr.info:hover>td,
-.table-hover>tbody>tr:hover>.info,
-.table-hover>tbody>tr.info:hover>th {
-  background-color: #c4e3f3
-}
-.table>thead>tr>td.warning,
-.table>tbody>tr>td.warning,
-.table>tfoot>tr>td.warning,
-.table>thead>tr>th.warning,
-.table>tbody>tr>th.warning,
-.table>tfoot>tr>th.warning,
-.table>thead>tr.warning>td,
-.table>tbody>tr.warning>td,
-.table>tfoot>tr.warning>td,
-.table>thead>tr.warning>th,
-.table>tbody>tr.warning>th,
-.table>tfoot>tr.warning>th {
-  background-color: $state-warning-bg
-}
-.table-hover>tbody>tr>td.warning:hover,
-.table-hover>tbody>tr>th.warning:hover,
-.table-hover>tbody>tr.warning:hover>td,
-.table-hover>tbody>tr:hover>.warning,
-.table-hover>tbody>tr.warning:hover>th {
-  background-color: #faf2cc
-}
-.table>thead>tr>td.danger,
-.table>tbody>tr>td.danger,
-.table>tfoot>tr>td.danger,
-.table>thead>tr>th.danger,
-.table>tbody>tr>th.danger,
-.table>tfoot>tr>th.danger,
-.table>thead>tr.danger>td,
-.table>tbody>tr.danger>td,
-.table>tfoot>tr.danger>td,
-.table>thead>tr.danger>th,
-.table>tbody>tr.danger>th,
-.table>tfoot>tr.danger>th {
-  background-color: $state-danger-bg
-}
-.table-hover>tbody>tr>td.danger:hover,
-.table-hover>tbody>tr>th.danger:hover,
-.table-hover>tbody>tr.danger:hover>td,
-.table-hover>tbody>tr:hover>.danger,
-.table-hover>tbody>tr.danger:hover>th {
-  background-color: #ebcccc
-}
 .table-responsive {
   overflow-x: auto;
   min-height: 0.01%
@@ -3165,31 +3038,16 @@ select[multiple].input-group-sm>.input-group-btn>.btn {
   border: 1px solid #dddddd
 }
 @media (min-width: 768px) {
-  .nav-tabs.nav-justified>li>a {
+  .nav-tabs.nav-justified > li > a {
     border-bottom: 1px solid #dddddd;
     border-radius: $border-radius-base $border-radius-base 0 0
   }
-  .nav-tabs.nav-justified>.active>a,
-  .nav-tabs.nav-justified>.active>a:hover,
-  .nav-tabs.nav-justified>.active>a:focus {
+  .nav-tabs.nav-justified > .active > a,
+  .nav-tabs.nav-justified > .active > a:hover,
+  .nav-tabs.nav-justified > .active > a:focus {
     border-bottom-color: #fcfcfc
   }
 }
-.nav-pills>li {
-  float: left
-}
-.nav-pills>li>a {
-  border-radius: $border-radius-base
-}
-.nav-pills>li+li {
-  margin-left: 2px
-}
-.nav-pills>li.active>a,
-.nav-pills>li.active>a:hover,
-.nav-pills>li.active>a:focus {
-  color: #ffffff;
-  background-color: $brand-primary
-}
 .nav-stacked>li {
   float: none
 }
@@ -6082,37 +5940,6 @@ table.dataTable{
     }
   }
 }
-/* ManageBrick grouping tabs. Should be placed somewhere else? */
-.grouping_tabs{
-  &.nav-pills > li > a{
-    color: #444;
-    background-color: #F5F5F5;
-
-    &:hover,
-    &:focus{
-      text-decoration: none;
-      background-color: #DDDDDD;
-    }
-
-    > .badge{
-      color: #ea7d1e;;
-      background-color: transparent;
-    }
-  }
-  &.nav-pills > li.active{
-    > a,
-    > a:hover,
-    > a:focus{
-      color: #444;
-      background-color: #FCFCFC;
-    }
-  }
-}
-
-
-
-
-
 
 /* Temp */
 .label{
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_alert.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_alert.scss
index de7039671..ee9758c8c 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_alert.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_alert.scss
@@ -1,4 +1,9 @@
-/* SCSS variables */
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
 $ipb-alert--message--color: $ipb-body-text-color !default;
 $ipb-alert--icon--font-size: $common-font-size-300 !default;
 $ipb-alert--icon--width: 24px !default;
@@ -61,8 +66,8 @@ $ipb-alerts-colors: (
   $icon: map-get($alert-color, "icon");
   $background-color: common-adjust-alpha($color, .1);
 
-  .ipb-alert.alert-#{$name} {
-    background: linear-gradient(113deg, $background-color 0px, $background-color 60px, transparent 60px), white;
+  .ipb-alert.alert-#{$name}, .ipb-alert.ipb-is-#{$name} {
+    background: linear-gradient(113deg, $background-color 0px, $background-color 60px, transparent 60px), $ipb-alert--background-color;
     border-left-color: $color;
 
     &:before {
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_all.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_all.scss
index fb4554363..8c7d2b1b8 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_all.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_all.scss
@@ -1,7 +1,13 @@
 @import "alert";
 @import "button";
+@import "caselog";
 @import "datatables";
+@import "dropdown";
+@import "form";
+@import "illustration";
 @import "input";
+@import "modal";
 @import "nav";
-@import "navigation-menu";
 @import "panel";
+@import "progress-bar";
+@import "tile";
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_button.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_button.scss
index a0f9bd5a5..eeeae2b84 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_button.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_button.scss
@@ -1,33 +1,299 @@
-/* SCSS variables */
-$btn--border-radius: $common-border-radius-300 !default;
-$btn--active--color: $common-color-white-100 !default;
-$btn--active--background-color: $common-color-blue-grey-900 !default;
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
 
-.btn{
-  border-radius: $btn--border-radius !important;
-}
-
-.btn.active{
-  background-color: #263238 !important;
-  color: $btn--active--color !important;
-}
-
-.btn-group .btn:first-child{
-  border-top-right-radius: 0 !important;
-  border-bottom-right-radius: 0 !important;
-}
-
-.btn-group .btn:last-child{
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
-}
-
-// todo
-.btn.btn-secondary:hover {
-  color: unset;
-}
-
-.btn.btn-secondary:active {
-  color: unset;
+/* SCSS variables (can be overloaded) */
+$ipb-button-colors: (
+        '' : (
+                'primary': (
+                        '': (
+                                $ipb-color-blue-800,
+                                $ipb-color-white-100,
+                                $ipb-color-blue-900
+                        ),
+                        ':hover': (
+                                $ipb-color-blue-700,
+                                $ipb-color-white-100,
+                                $ipb-color-blue-800
+                        ),
+                        ':active': (
+                                $ipb-color-blue-900,
+                                $ipb-color-white-100,
+                                $ipb-color-blue-950
+                        ),
+                        ':disabled': (
+                                $ipb-color-blue-200,
+                                $ipb-color-blue-600,
+                                $ipb-color-blue-300
+                        ),
+                ),
+                'default': (
+                        '': (
+                                $ipb-color-white-100,
+                                $ipb-color-grey-800,
+                                $ipb-color-grey-600
+                        ),
+                        ':hover': (
+                                $ipb-color-grey-100,
+                                $ipb-color-grey-900,
+                                $ipb-color-grey-700
+                        ),
+                        ':active': (
+                                $ipb-color-grey-200,
+                                $ipb-color-grey-900,
+                                $ipb-color-grey-700
+                        ),
+                        ':disabled': (
+                                $ipb-color-grey-200,
+                                $ipb-color-grey-700,
+                                $ipb-color-grey-300
+                        ),
+                ),
+                'success': (
+                        '': (
+                                $ipb-color-success-900,
+                                $ipb-color-white-100,
+                                $ipb-color-success-900
+                        ),
+                        ':hover': (
+                                $ipb-color-success-800,
+                                $ipb-color-green-100,
+                                $ipb-color-success-900
+                        ),
+                        ':active': (
+                                $ipb-color-success-950,
+                                $ipb-color-green-100,
+                                $ipb-color-success-950
+                        ),
+                        ':disabled': (
+                                $ipb-color-grey-200,
+                                $ipb-color-grey-700,
+                                $ipb-color-grey-300
+                        ),
+                ),
+                'warning': (
+                        '': (
+                                $ipb-color-warning-700,
+                                $ipb-color-white-100,
+                                $ipb-color-warning-900
+                        ),
+                        ':hover': (
+                                $ipb-color-warning-600,
+                                $ipb-color-warning-100,
+                                $ipb-color-warning-700
+                        ),
+                        ':active': (
+                                $ipb-color-warning-800,
+                                $ipb-color-warning-100,
+                                $ipb-color-warning-900
+                        ),
+                        ':disabled': (
+                                $ipb-color-grey-200,
+                                $ipb-color-grey-700,
+                                $ipb-color-grey-300
+                        ),
+                ),
+                'danger': (
+                        '': (
+                                $ipb-color-danger-800,
+                                $ipb-color-white-100,
+                                $ipb-color-danger-900
+                        ),
+                        ':hover': (
+                                $ipb-color-danger-700,
+                                $ipb-color-danger-100,
+                                $ipb-color-danger-800
+                        ),
+                        ':active': (
+                                $ipb-color-danger-900,
+                                $ipb-color-danger-100,
+                                $ipb-color-danger-950
+                        ),
+                        ':disabled': (
+                                $ipb-color-grey-200,
+                                $ipb-color-grey-700,
+                                $ipb-color-grey-300
+                        ),
+                ),
+                'info': (
+                        '': (
+                                $ipb-color-information-800,
+                                $ipb-color-white-100,
+                                $ipb-color-information-900
+                        ),
+                        ':hover': (
+                                $ipb-color-information-700,
+                                $ipb-color-information-100,
+                                $ipb-color-information-800
+                        ),
+                        ':active': (
+                                $ipb-color-information-900,
+                                $ipb-color-information-100,
+                                $ipb-color-information-950
+                        ),
+                        ':disabled': (
+                                $ipb-color-grey-200,
+                                $ipb-color-grey-700,
+                                $ipb-color-grey-300
+                        ),
+                ),
+        ),
+        'alternative' : (
+                'primary': (
+                        '': (
+                                $ipb-color-transparent,
+                                $ipb-color-blue-800,
+                                $ipb-color-transparent
+                        ),
+                        ':hover': (
+                                $ipb-color-blue-100,
+                                $ipb-color-blue-900,
+                                $ipb-color-blue-100
+                        ),
+                        ':active': (
+                                $ipb-color-blue-200,
+                                $ipb-color-blue-900,
+                                $ipb-color-blue-200
+                        ),
+                        ':disabled': (
+                                $ipb-color-blue-200,
+                                $ipb-color-blue-600,
+                                $ipb-color-blue-300
+                        ),
+                ),
+                'default': (
+                        '': (
+                                $ipb-color-transparent,
+                                $ipb-color-grey-800,
+                                $ipb-color-transparent
+                        ),
+                        ':hover': (
+                                $ipb-color-grey-200,
+                                $ipb-color-grey-900,
+                                $ipb-color-grey-200
+                        ),
+                        ':active': (
+                                $ipb-color-grey-300,
+                                $ipb-color-grey-900,
+                                $ipb-color-grey-300
+                        ),
+                        ':disabled': (
+                                $ipb-color-transparent,
+                                $ipb-color-grey-500,
+                                $ipb-color-transparent
+                        ),
+                ),
+                'success': (
+                        '': (
+                                $ipb-color-transparent,
+                                $ipb-color-success-900,
+                                $ipb-color-transparent
+                        ),
+                        ':hover': (
+                                $ipb-color-success-100,
+                                $ipb-color-success-900,
+                                $ipb-color-success-100
+                        ),
+                        ':active': (
+                                $ipb-color-success-200,
+                                $ipb-color-success-900,
+                                $ipb-color-success-200
+                        ),
+                        ':disabled': (
+                                $ipb-color-grey-200,
+                                $ipb-color-grey-700,
+                                $ipb-color-grey-300
+                        ),
+                ),
+                'warning': (
+                        '': (
+                                $ipb-color-transparent,
+                                $ipb-color-warning-800,
+                                $ipb-color-transparent
+                        ),
+                        ':hover': (
+                                $ipb-color-warning-100,
+                                $ipb-color-warning-900,
+                                $ipb-color-warning-100
+                        ),
+                        ':active': (
+                                $ipb-color-warning-200,
+                                $ipb-color-warning-900,
+                                $ipb-color-warning-200
+                        ),
+                        ':disabled': (
+                                $ipb-color-grey-200,
+                                $ipb-color-grey-700,
+                                $ipb-color-grey-300
+                        ),
+                ),
+                'danger': (
+                        '': (
+                                $ipb-color-transparent,
+                                $ipb-color-danger-800,
+                                $ipb-color-transparent
+                        ),
+                        ':hover': (
+                                $ipb-color-danger-100,
+                                $ipb-color-danger-800,
+                                $ipb-color-danger-100
+                        ),
+                        ':active': (
+                                $ipb-color-danger-200,
+                                $ipb-color-danger-800,
+                                $ipb-color-danger-200
+                        ),
+                        ':disabled': (
+                                $ipb-color-grey-200,
+                                $ipb-color-grey-700,
+                                $ipb-color-grey-300
+                        ),
+                ),
+                'info': (
+                        '': (
+                                $ipb-color-transparent,
+                                $ipb-color-information-800,
+                                $ipb-color-transparent
+                        ),
+                        ':hover': (
+                                $ipb-color-information-100,
+                                $ipb-color-information-800,
+                                $ipb-color-information-100
+                        ),
+                        ':active': (
+                                $ipb-color-information-200,
+                                $ipb-color-information-800,
+                                $ipb-color-information-200
+                        ),
+                        ':disabled': (
+                                $ipb-color-grey-200,
+                                $ipb-color-grey-700,
+                                $ipb-color-grey-300
+                        ),
+                ),
+        ),
+) !default;
+$ipb-button--background-color: $ipb-color-white-100 !default;
+$ipb-button--color: $ipb-color-blue-800 !default;
+$ipb-button--border-color:$ipb-color-blue-700 !default;
+$ipb-button--border: solid 1px $ipb-button--border-color !default;
+
+.ipb-button, .btn{
+  background-color: $ipb-button--background-color !important;
+  color: $ipb-button--color !important;
+  border: $ipb-button--border;
+  
+  @each $sType, $aColors in $ipb-button-colors {
+    @each $sColor, $sPseudoClasses in $aColors {
+      @each $sPseudoClass, $sAttributes in $sPseudoClasses {
+        &.ipb-is-#{$sColor}#{if($sType != '', ".ipb-is-#{$sType}", '')}#{$sPseudoClass}, &.btn-#{$sColor}#{if($sType != '', ".#{$sType}", '')}#{$sPseudoClass} {
+          background-color: nth($sAttributes, 1) !important;
+          color: nth($sAttributes, 2) !important;
+          border-color: nth($sAttributes, 3) !important;
+        }
+      }
+    }
+  }
 }
 
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_caselog.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_caselog.scss
new file mode 100644
index 000000000..11675a50f
--- /dev/null
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_caselog.scss
@@ -0,0 +1,285 @@
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
+$messaging-self-primary-color: $ipb-color-blue-100 !default;
+$messaging-self-secondary-color: $ipb-color-blue-800 !default;
+$messaging-1st-peer-primary-color: $ipb-color-white-100 !default;
+$messaging-1st-peer-secondary-color: $ipb-color-grey-400 !default;
+$messaging-2nd-peer-primary-color: $ipb-color-white-100 !default;
+$messaging-2nd-peer-secondary-color: $ipb-color-grey-400 !default;
+$messaging-2nd-peer-secondary-color: $ipb-color-grey-400 !default;
+$messaging-3rd-peer-primary-color: $ipb-color-white-100 !default;
+$messaging-3rd-peer-secondary-color: $ipb-color-grey-300 !default;
+$messaging-4th-peer-primary-color: $ipb-color-white-100 !default;
+$messaging-4th-peer-secondary-color: $ipb-color-grey-400 !default;
+$messaging-5th-peer-primary-color: $ipb-color-white-100 !default;
+$messaging-5th-peer-secondary-color: $ipb-color-grey-400 !default;
+
+$ipb-caselog-thread--border-color: $ipb-color-grey-400 !default;
+$ipb-caselog-thread--border: 1px solid $ipb-caselog-thread--border-color !default;
+
+$ipb-caselog-thread--header--background-color:  $ipb-color-white-100 !default;
+$ipb-caselog-thread--header--span--color: $ipb-color-grey-800 !default;
+
+$ipb-caselog-thread--header-toggler--color: inherit !default;
+
+$ipb-caselog-thread--header-toggler--hover--active-focus--color: inherit !default;
+
+$ipb-caselog-thread--content--background-color: $ipb-color-grey-100 !default;
+
+$ipb-caselog-thread--date--color: $ipb-color-grey-800 !default;
+
+$ipb-caselog-thread--block-medallion--block-entries--border-color: $ipb-color-grey-200 !default;
+$ipb-caselog-thread--block-medallion--block-entries--border: 1px solid $ipb-caselog-thread--block-medallion--block-entries--border-color !default;
+
+$ipb-caselog-thread--block-medallion--color: $ipb-color-blue-800 !default;
+$ipb-caselog-thread--block-medallion--background-color: $ipb-color-blue-100 !default;
+
+$ipb-caselog-thread--block-user--color: $ipb-caselog-thread--block-medallion--color !default;
+
+$ipb-caselog-thread--block-entries--background-color: $ipb-caselog-thread--block-medallion--background-color !default;
+$ipb-caselog-thread--block-entries--color: $ipb-caselog-thread--block-medallion--color !default;
+
+$ipb-caselog-thread--block-entry--border-bottom-color: $ipb-color-grey-200 !default;
+$ipb-caselog-thread--block-entry--border-bottom: 1px solid $ipb-caselog-thread--block-entry--border-bottom-color !default;
+
+$ipb-caselog-thread--block-entry-toggler--background-color: $ipb-caselog-thread--block-medallion--background-color !default;
+
+$ipb-caselog-thread--block-me--block-entry--first--content--border-left-color: transparent !default;
+$ipb-caselog-thread--block-me--block-entry--first--content--border-right-color: $ipb-caselog-thread--block-medallion--background-color !default;
+
+$ipb-caselog-thread--block-colors: (
+        1: ($ipb-color-white-100, $ipb-color-grey-700),
+        2: ($ipb-color-white-100, $ipb-color-grey-700),
+        3: ($ipb-color-white-100, $ipb-color-grey-700),
+        4: ($ipb-color-white-100, $ipb-color-grey-700),
+        5: ($ipb-color-white-100, $ipb-color-grey-700)
+);
+
+.ipb-caselog-thread {
+  border: $ipb-caselog-thread--border;
+}
+
+.ipb-caselog-thread--header{
+  background-color: $ipb-caselog-thread--header--background-color;
+  span{
+    color: $ipb-caselog-thread--header--span--color;
+  }
+}
+
+.ipb-caselog-thread--header-toggler{
+  color: $ipb-caselog-thread--header-toggler--color;
+
+  &:hover,
+  &:active,
+  &:focus{
+    color: $ipb-caselog-thread--header-toggler--hover--active-focus--color;
+  }
+}
+
+.ipb-caselog-thread--block-medallion,
+.ipb-caselog-thread--block-entries{
+  border: $ipb-caselog-thread--block-medallion--block-entries--border;
+}
+
+.ipb-caselog-thread--content{
+  background-color: $ipb-caselog-thread--content--background-color;
+}
+
+.ipb-caselog-thread--date {
+  color: $ipb-caselog-thread--date--color;
+}
+
+.ipb-caselog-thread--block-medallion{
+  color: $ipb-caselog-thread--block-medallion--color; /* .ipb-caselog-thread--block-entries color */
+  background-color: $ipb-caselog-thread--block-medallion--background-color; /* .ipb-caselog-thread--block-entries background-color */
+}
+
+.ipb-caselog-thread--block-user{
+  color: $ipb-caselog-thread--block-user--color; /* .ipb-caselog-thread--block-entries background-color */
+}
+
+.ipb-caselog-thread--block-entries{
+  background-color: $ipb-caselog-thread--block-entries--background-color;
+  color: $ipb-caselog-thread--block-entries--color;
+}
+
+.ipb-caselog-thread--block-entry {
+  border-bottom: $ipb-caselog-thread--block-entry--border-bottom;
+}
+
+.ipb-caselog-thread--block-entry-toggler{
+  background-color: $ipb-caselog-thread--block-entry-toggler--background-color; /* .ipb-caselog-thread--block-entries background-color */
+}
+
+
+.ipb-caselog-thread--block-me{
+  .ipb-caselog-thread--block-entries{
+    .ipb-caselog-thread--block-entry:first-child{
+      .ipb-caselog-thread--block-entry-content:before{
+        border-right-color: $ipb-caselog-thread--block-me--block-entry--first--content--border-left-color;
+        border-left-color: $ipb-caselog-thread--block-me--block-entry--first--content--border-right-color; /* .ipb-caselog-thread--block-entries background-color */
+      }
+    }
+  }
+}
+
+
+.ipb-caselog-thread--block-color-1{
+  .ipb-caselog-thread--block-medallion{
+    color: $messaging-1st-peer-secondary-color;
+    background-color: $messaging-1st-peer-primary-color;
+  }
+  .ipb-caselog-thread--block-user{
+    color: $messaging-1st-peer-primary-color;
+  }
+  .ipb-caselog-thread--block-entries{
+    color: $messaging-1st-peer-secondary-color;
+    background-color: $messaging-1st-peer-primary-color;
+
+    .ipb-caselog-thread--block-entry{
+      .ipb-caselog-thread--block-entry-toggler{
+        background-color: $messaging-1st-peer-primary-color;
+      }
+    }
+    .ipb-caselog-thread--block-entry:first-child{
+      .ipb-caselog-thread--block-entry-content:before{
+        border-top-color: $messaging-1st-peer-primary-color;
+        border-right-color: $messaging-1st-peer-primary-color;
+      }
+    }
+  }
+}
+.ipb-caselog-thread--block-color-2{
+  .ipb-caselog-thread--block-medallion{
+    color: $messaging-2nd-peer-secondary-color;
+    background-color: $messaging-2nd-peer-primary-color;
+  }
+  .ipb-caselog-thread--block-user{
+    color: $messaging-2nd-peer-primary-color;
+  }
+  .ipb-caselog-thread--block-entries{
+    color: $messaging-2nd-peer-secondary-color;
+    background-color: $messaging-2nd-peer-primary-color;
+
+    .ipb-caselog-thread--block-entry{
+      .ipb-caselog-thread--block-entry-toggler{
+        background-color: $messaging-2nd-peer-primary-color;
+      }
+    }
+    .ipb-caselog-thread--block-entry:first-child{
+      .ipb-caselog-thread--block-entry-content:before{
+        border-top-color: $messaging-2nd-peer-primary-color;
+        border-right-color: $messaging-2nd-peer-primary-color;
+      }
+    }
+  }
+}
+.ipb-caselog-thread--block-color-3{
+  .ipb-caselog-thread--block-medallion{
+    color: $messaging-3rd-peer-secondary-color;
+    background-color: $messaging-3rd-peer-primary-color;
+  }
+  .ipb-caselog-thread--block-user{
+    color: $messaging-3rd-peer-primary-color;
+  }
+  .ipb-caselog-thread--block-entries{
+    color: $messaging-3rd-peer-secondary-color;
+    background-color: $messaging-3rd-peer-primary-color;
+
+    .ipb-caselog-thread--block-entry{
+      .ipb-caselog-thread--block-entry-toggler{
+        background-color: $messaging-3rd-peer-primary-color;
+      }
+    }
+    .ipb-caselog-thread--block-entry:first-child{
+      .ipb-caselog-thread--block-entry-content:before{
+        border-top-color: $messaging-3rd-peer-primary-color;
+        border-right-color: $messaging-3rd-peer-primary-color;
+      }
+    }
+  }
+}
+.ipb-caselog-thread--block-color-4{
+  .ipb-caselog-thread--block-medallion{
+    color: $messaging-4th-peer-secondary-color;
+    background-color: $messaging-4th-peer-primary-color;
+  }
+  .ipb-caselog-thread--block-user{
+    color: $messaging-4th-peer-primary-color;
+  }
+  .ipb-caselog-thread--block-entries{
+    color: $messaging-4th-peer-secondary-color;
+    background-color: $messaging-4th-peer-primary-color;
+
+    .ipb-caselog-thread--block-entry{
+      .ipb-caselog-thread--block-entry-toggler{
+        background-color: $messaging-4th-peer-primary-color;
+      }
+    }
+    .ipb-caselog-thread--block-entry:first-child{
+      .ipb-caselog-thread--block-entry-content:before{
+        border-top-color: $messaging-4th-peer-primary-color;
+        border-right-color: $messaging-4th-peer-primary-color;
+      }
+    }
+  }
+}
+.ipb-caselog-thread--block-color-5{
+  .ipb-caselog-thread--block-medallion{
+    color: $messaging-5th-peer-secondary-color;
+    background-color: $messaging-5th-peer-primary-color;
+  }
+  .ipb-caselog-thread--block-user{
+    color: $messaging-5th-peer-primary-color;
+  }
+  .ipb-caselog-thread--block-entries{
+    color: $messaging-5th-peer-secondary-color;
+    background-color: $messaging-5th-peer-primary-color;
+
+
+    .ipb-caselog-thread--block-entry{
+      .ipb-caselog-thread--block-entry-toggler{
+        background-color: $messaging-5th-peer-primary-color;
+      }
+    }
+    .ipb-caselog-thread--block-entry:first-child{
+      .ipb-caselog-thread--block-entry-content:before{
+        border-top-color: $messaging-5th-peer-primary-color;
+        border-right-color: $messaging-5th-peer-primary-color;
+      }
+    }
+  }
+}
+
+
+@each $index, $colors in $ipb-caselog-thread--block-colors {
+  .ipb-caselog-thread--block-color-#{$index} {
+    .ipb-caselog-thread--block-medallion {
+      color: nth($colors, 2);
+      background-color: nth($colors, 1);
+    }
+    .ipb-caselog-thread--block-user {
+      color: nth($colors, 1);
+    }
+    .ipb-caselog-thread--block-entries {
+      color: nth($colors, 2);
+      background-color: nth($colors, 1);
+
+      .ipb-caselog-thread--block-entry {
+        .ipb-caselog-thread--block-entry-toggler {
+          background-color: nth($colors, 1);
+        }
+      }
+      .ipb-caselog-thread--block-entry:first-child {
+        .ipb-caselog-thread--block-entry-content:before {
+          border-top-color: nth($colors, 1);
+          border-right-color: nth($colors, 1);
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_datatables.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_datatables.scss
index c48434d4c..b2be7ab7f 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_datatables.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_datatables.scss
@@ -1,3 +1,9 @@
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
 $ibo-vendors-datatables--column-sorting-icon--opacity: 0.3 !default;
 $ibo-vendors-datatables--column-sorting-icon--opacity--is-sorted: 1 !default;
 $ibo-vendors-datatables--column-sorting-icon--content: "\f0dc" !default;
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_dropdown.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_dropdown.scss
new file mode 100644
index 000000000..7ceea2544
--- /dev/null
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_dropdown.scss
@@ -0,0 +1,33 @@
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
+$ipb-dropdown--background-color: $ipb-color-white-100 !default;
+$ipb-dropdown--border-color:  $ipb-color-grey-300 !default;
+$ipb-dropdown--border:  1px solid $ipb-dropdown--border-color !default;
+
+$ipb-dropdown--li--background-color:  $ipb-dropdown--background-color !default;
+
+$ipb-dropdown--a--color:  $ipb-color-grey-900 !default;
+
+$ipb-dropdown--li--hover--background-color:  $ipb-color-grey-200 !default;
+$ipb-dropdown--li--hover--a--color:  $ipb-color-grey-800 !default;
+
+ipb-dropdown {
+  background-color: $ipb-dropdown--background-color;
+  border: $ipb-dropdown--border;
+  li {
+    background-color: $ipb-dropdown--li--background-color;
+    a {
+      color: $ipb-dropdown--a--color;
+    }
+    &:hover {
+      background: $ipb-dropdown--li--hover--background-color;
+      a {
+        color: $ipb-dropdown--li--hover--a--color;
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_form.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_form.scss
new file mode 100644
index 000000000..5354bed03
--- /dev/null
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_form.scss
@@ -0,0 +1,37 @@
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
+$ipb--fieldset--background-color: $ipb-color-grey-50 !default;
+$ipb--fieldset--border-color: $ipb-color-grey-200 !default;
+$ipb--fieldset--border: 1px solid $ipb--fieldset--border-color !default;
+
+$ipb--fieldset--inside--fieldset--background-color: $ipb-color-grey-100 !default;
+
+$ipb-field--has-tooltip--content: "\f05a" !default;
+$ipb-field--has-tooltip--color: $ipb-color-grey-700 !default;
+
+$ipb-field--is-mandatory--content: "\f069" !default;
+$ipb-field--is-mandatory--color: $ipb-color-primary-700 !default;
+
+.form_fields {
+  fieldset {
+    background-color: $ipb--fieldset--background-color;
+    border: $ipb--fieldset--border;
+    fieldset {
+      background-color: $ipb--fieldset--inside--fieldset--background-color;
+    }
+  }
+}
+
+.form_field_label > .control-label[data-tooltip-instantiated="true"]:after {
+  content: $ipb-field--has-tooltip--content;
+  color: $ipb-field--has-tooltip--color;
+}
+
+.form_field .form_mandatory .control-label:after{
+  content: $ipb-field--is-mandatory--content;
+  color: $ipb-field--is-mandatory--color;
+};
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_illustration.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_illustration.scss
new file mode 100644
index 000000000..99f72d216
--- /dev/null
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_illustration.scss
@@ -0,0 +1,11 @@
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
+$ipb-svg-illustration--fill: $ipb-color-primary-700 !default;
+
+.ipb-svg-illustration--container > svg *[fill="#6c63ff"]{
+  fill: $ipb-svg-illustration--fill;
+}
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_input.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_input.scss
index e69de29bb..32915ce06 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_input.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_input.scss
@@ -0,0 +1,27 @@
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
+$ipb-form-control--color: $common-color-grey-800 !default;
+$ipb-form-control--is-focused--border-color: $common-color-primary-700 !default;
+
+$ipb-input-group-addon--border-color: $ipb-color-grey-300 !default;
+$ipb-input-group-addon--border: 1px solid $ipb-input-group-addon--border-color !default;
+$ipb-input-group-addon--background-color: $common-color-grey-100 !default;
+$ipb-input-group-addon--color: $common-color-grey-800 !default;
+
+
+.form-control {
+  color: $ipb-form-control--color;
+  &:focus {
+    border-color: $ipb-form-control--is-focused--border-color;
+  }
+}
+
+.input-group-addon {
+  border: $ipb-input-group-addon--border;
+  background-color: $ipb-input-group-addon--background-color;
+  color: $ipb-input-group-addon--color;
+}
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_modal.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_modal.scss
new file mode 100644
index 000000000..4cc32840e
--- /dev/null
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_modal.scss
@@ -0,0 +1,62 @@
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
+$ipb-modal--header--background-color: $ipb-color-white-100 !default;
+$ipb-modal--header--color: $ipb-color-grey-900 !default;
+
+$ipb-modal--header--close--color: $ipb-color-grey-900 !default;
+$ipb-modal--header--close--opacity: 1 !default;
+$ipb-modal--header--close--hover--color: $ipb-color-grey-700 !default;
+
+$ipb-modal--backdrop--opacity: 0.6 !default;
+$ipb-modal--backdrop--background-color: $ipb-color-blue-grey-800 !default;
+$ipb-modal--backdrop--backdrop-filter: blur(2px) !default;
+
+$ipb-modal--content--border-color: $ipb-color-grey-400 !default;
+$ipb-modal--content--border: 1px solid $ipb-modal--content--border-color !default;
+
+$ipb-modal--title--color: $ipb-modal--header--color !default;
+
+$ipb-modal--title--span--separator--background-color: $ipb-color-grey-800 !default;
+
+
+
+.modal .modal-dialog{
+
+  .modal-header {
+    background-color: $ipb-modal--header--background-color;
+    color: $ipb-modal--header--color;
+  }
+}
+
+.modal-backdrop.in {
+  background-color: common-adjust-alpha($ipb-modal--backdrop--background-color, $ipb-modal--backdrop--opacity);
+  backdrop-filter: $ipb-modal--backdrop--backdrop-filter;
+}
+
+.modal-content {
+  border: $ipb-modal--content--border;
+}
+
+.modal-header {
+  .close {
+    color: $ipb-modal--header--close--color;
+    opacity: $ipb-modal--header--close--opacity;
+    &:hover {
+      color: $ipb-modal--header--close--hover--color;
+    }
+  }
+}
+
+.modal-title {
+  color: $ipb-modal--title--color !important;
+
+  span ~ span {
+    &:before {
+      background-color: $ipb-modal--title--span--separator--background-color;
+    }
+  }
+}
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_nav.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_nav.scss
index 0b7eee726..722025faa 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_nav.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_nav.scss
@@ -1,4 +1,9 @@
-/* SCSS variables */
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
 $nav-pills--li--border-radius: $common-border-radius-300 !default;
 
 .nav-pills > li > a{
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_navigation-menu.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_navigation-menu.scss
deleted file mode 100644
index b20e1b06e..000000000
--- a/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_navigation-menu.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-.nav > li {
-	display: flex;
-}
-.nav > li > a {
-  display: flex;
-}
-
-.navbar-default .navbar-nav > li > a {
-  color: $common-color-grey-300;
-}
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_panel.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_panel.scss
index 843b3c35e..f36e3f229 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_panel.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_panel.scss
@@ -1,8 +1,27 @@
-/* SCSS variables */
-$panel--border-radius: $common-border-radius-300!default;
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
+$ipb-panel--border-color: $ipb-color-grey-400 !default;
+$ipb-panel--border: 1px solid $ipb-panel--border-color !default;
+$ipb-panel--background-color: $ipb-color-white-100 !default;
+
+$ipb-panel--heading--border-color: $ipb-color-grey-400 !default;
+$ipb-panel--heading--background-color: $ipb-color-grey-100 !default;
+$ipb-panel--heading--color: $ipb-color-grey-800 !default;
 
 
-.panel{
+
+.ipb-panel, .panel{
   box-shadow: none;
+  border: $ipb-panel--border;
+  background-color: $ipb-panel--background-color;
+  &.panel-default .panel-heading {
+    border-color: $ipb-panel--heading--border-color;
+    background-color: $ipb-panel--heading--background-color;
+    color: $ipb-panel--heading--color;
+  }
 }
 
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_progress-bar.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_progress-bar.scss
new file mode 100644
index 000000000..de4287dce
--- /dev/null
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_progress-bar.scss
@@ -0,0 +1,14 @@
+$ipb-progress--background-color: $ipb-color-grey-200 !default;
+
+$ipb-progress--bar--background-color: $ipb-color-primary-700 !default;
+$ipb-progress--bar--color: $ipb-color-white-100 !default;
+
+
+.ipb-progress, .progress {
+  background-color: $ipb-progress--background-color;
+}
+
+.ipb-progress--bar, .progress-bar {
+  background-color: $ipb-color-primary-700;
+  color: $ipb-progress--bar--color;
+}
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_tile.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_tile.scss
new file mode 100644
index 000000000..6691db16a
--- /dev/null
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_tile.scss
@@ -0,0 +1,48 @@
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
+$ipb-tile--background-color: $ipb-color-white-100 !default;
+$ipb-tile--border-color: $ipb-color-grey-200 !default;
+$ipb-tile--border: 1px solid $ipb-tile--border-color!default;  
+
+$ipb-tile--decoration--opacity: 0.1 !default;
+$ipb-tile--decoration--background-color: common-adjust-alpha($ipb-color-blue-700, $ipb-tile--decoration--opacity) !default;
+$ipb-tile--decoration--hover--opacity: 0.25 !default;
+$ipb-tile--decoration--hover--background-color: common-adjust-alpha($ipb-tile--decoration--background-color, $ipb-tile--decoration--hover--opacity) !default;
+$ipb-tile--decoration--icon--color: $ipb-color-blue-700 !default;
+
+$ipb-tile--title--color: $common-base-variable--text-color !default;
+
+$ipb-tile--description--color: $common-base-variable--text-color !default;
+
+.ipb-tile{
+  background-color: $ipb-tile--background-color;
+  border: $ipb-tile--border;
+}
+
+
+.ipb-tile--decoration {
+  background-color: $ipb-tile--decoration--background-color;
+}
+.ipb-tile:hover {
+  .ipb-tile--decoration {
+    background-color: $ipb-tile--decoration--hover--background-color;
+  }
+}
+
+.ipb-tile--decoration--icon {
+  &.icon {
+    color: $ipb-tile--decoration--icon--color;
+  }
+}
+
+.ipb-tile--title{
+  color: $ipb-tile--title--color;
+}
+
+.ipb-tile--description{
+  color: $ipb-tile--description--color;
+}
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/layout/_all.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/layout/_all.scss
index fb4df6ec9..0bc508a7e 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/themes/layout/_all.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/layout/_all.scss
@@ -1 +1,4 @@
-@import 'page';
\ No newline at end of file
+@import 'home';
+@import 'navigation-menu';
+@import 'page';
+@import 'tabs';
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/layout/_home.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/layout/_home.scss
new file mode 100644
index 000000000..3647dbbc0
--- /dev/null
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/layout/_home.scss
@@ -0,0 +1,21 @@
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
+$ipb-home--main-wrapper--before--background-image: url("../img/backgrounds/dots-left-top.svg") !default;
+$ipb-home--main-wrapper--before--background-size: 30% !default;
+
+$ipb-home--main-wrapper--after--background-image: url("../img/backgrounds/dots-right-bottom.svg") !default;
+$ipb-home--main-wrapper--after--background-size: 30% !default;
+
+.ipb-home .ipb-page--main-wrapper:before{
+  background-image: $ipb-home--main-wrapper--before--background-image;
+  background-size: $ipb-home--main-wrapper--before--background-size;
+}
+
+.ipb-home .ipb-page--main-wrapper:after{
+  background-image: $ipb-home--main-wrapper--after--background-image;
+  background-size: $ipb-home--main-wrapper--after--background-size;
+}
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/layout/_navigation-menu.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/layout/_navigation-menu.scss
new file mode 100644
index 000000000..7f1f2e0e3
--- /dev/null
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/layout/_navigation-menu.scss
@@ -0,0 +1,82 @@
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
+@import "../node_modules/bulma-scss/utilities/mixins";
+
+$ipb-navigation-menu--background-color: $ipb-color-blue-grey-900 !default;
+
+$ipb-navigation-menu--menu-entry--active--icon--color: $ipb-color-primary-600 !default;
+$ipb-navigation-menu--menu-entry--active--color: $ipb-color-grey-800 !default;
+$ipb-navigation-menu--menu-entry--active--background-color: $ipb-color-white-100 !default;
+
+$ipb-navigation-menu--dropdown-menu--items-remainder--color: $ipb-color-white-200 !default;
+$ipb-navigation-menu--dropdown-menu--items-remainder--hover--color: $ipb-color-white-100 !default;
+$ipb-navigation-menu--dropdown-menu--items-remainder--hover--background-color: $ipb-color-blue-grey-700 !default;
+
+$ipb-navigation-menu--user-card--color: $ipb-color-white-100 !default;
+$ipb-navigation-menu--user-card--photo--background-color: $ipb-color-grey-700 !default;
+
+$ipb-navigation-menu--user-part--background-color: $ipb-color-grey-800 !default;
+
+$ipb-navigation-menu-overlay--opacity: 0.6 !default;
+$ipb-navigation-menu-overlay--background-color: $ipb-color-blue-grey-800 !default;
+$ipb-navigation-menu-overlay--backdrop-filter: blur(2px) !default;
+
+.ipb-navigation-menu {
+  background-color: $ipb-navigation-menu--background-color;
+}
+
+// entry wrapper
+.ipb-navigation-menu--menu-entry--wrapper {
+  &.active .ipb-navigation-menu--menu-entry {
+    background-color: $ipb-navigation-menu--menu-entry--active--background-color;
+    color: $ipb-navigation-menu--menu-entry--active--color;
+
+    .ipb-navigation-menu--menu-entry--icon {
+      color: $ipb-navigation-menu--menu-entry--active--icon--color;
+    }
+  }
+}
+
+// menu entry
+.ipb-navigation-menu--menu-entry,
+.ipb-dropdown-menu--items-remainder > li > a {
+  color: $ipb-navigation-menu--dropdown-menu--items-remainder--color;
+  &:hover, &:focus:not(.ipb-not-focusable) {
+    color: $ipb-navigation-menu--dropdown-menu--items-remainder--hover--color;
+    background-color: $ipb-navigation-menu--dropdown-menu--items-remainder--hover--background-color;
+  }
+}
+
+.ipb-dropdown-menu--items-remainder {
+  background-color: $ipb-navigation-menu--background-color;
+}
+
+.ipb-navigation-menu--user-part {
+  background-color: $ipb-navigation-menu--user-part--background-color;
+}
+
+.ipb-navigation-menu--user-card {
+  color: $ipb-navigation-menu--user-card--color !important;
+  .ipb-navigation-menu--user-card--photo {
+    background-color: $ipb-navigation-menu--user-card--photo--background-color;
+  }
+}
+
+.ipb-navigation-menu-overlay {
+  background-color: common-adjust-alpha($ipb-navigation-menu-overlay--background-color, $ipb-navigation-menu-overlay--opacity);
+  backdrop-filter: $ipb-navigation-menu-overlay--backdrop-filter;
+}
+
+@include mobile {
+  .ipb-body {
+    .ipb-navigation-menu {
+      .ipb-navigation-menu--middle-part {
+        background-color: $ipb-navigation-menu--background-color;
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/layout/_page.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/layout/_page.scss
index 53830563a..9b8533402 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/themes/layout/_page.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/layout/_page.scss
@@ -1,4 +1,27 @@
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
+$ipb-copyright--color: $ipb-color-secondary-800 !default;
+
+$ipb-page--main-header--information--title--color: $common-base-variable--text-color !default;
+$ipb-page--main-header--information--subtitle--color: $common-base-variable--text-color !default;
+
 
 body{
   @extend %common-font-ral-med-100;
 }
+
+.ipb-copyright {
+  text-decoration: none !important;
+}
+
+.ipb-page--main-header--information--title{
+  color: $ipb-page--main-header--information--title--color;
+}
+
+.ipb-page--main-header--information--subtitle {
+  color: $ipb-page--main-header--information--subtitle--color;
+}
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/layout/_tabs.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/layout/_tabs.scss
new file mode 100644
index 000000000..8d22129fc
--- /dev/null
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/layout/_tabs.scss
@@ -0,0 +1,51 @@
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
+$ipb-tabs--tab--border-color: $ipb-color-grey-400 !default;
+$ipb-tabs--tab--border: solid 1px $ipb-tabs--tab--border-color !default;
+
+$ipb-tabs--tab--background-color: $ipb-color-grey-100 !default;
+$ipb-tabs--tab--color: $ipb-color-grey-900 !default;
+$ipb-tabs--tab--badge--background-color: transparent !default;
+$ipb-tabs--tab--badge--color: $ipb-color-grey-900 !default;
+$ipb-tabs--tab--hover--background-color: $ipb-color-grey-300 !default;
+$ipb-tabs--tab--hover--color: $ipb-color-grey-900 !default;
+$ipb-tabs--tab--badge--hover--background-color: $ipb-tabs--tab--hover--background-color !default;
+$ipb-tabs--tab--active--background-color: $ipb-color-white-100 !default;
+$ipb-tabs--tab--active--badge--background-color: $ipb-color-grey-200 !default;
+$ipb-tabs--tab--active--indicator--background-color: $ipb-color-primary-600 !default;
+
+.ipb-tabs.nav-pills > li{
+  > a {
+    background-color: $ipb-tabs--tab--background-color;
+    color: $ipb-tabs--tab--color;
+
+    > .badge {
+      background-color: $ipb-tabs--tab--badge--background-color;
+      color: $ipb-tabs--tab--badge--color;
+    }
+
+    border: $ipb-tabs--tab--border;
+    border-bottom: none;
+  }
+
+  &.active > a {
+    background-color: $ipb-tabs--tab--active--background-color;
+    &:before {
+      background-color: $ipb-tabs--tab--active--indicator--background-color;
+    }
+    > .badge {
+      background-color: $ipb-tabs--tab--active--badge--background-color;
+    }
+  }
+  &:hover > a, & > a:focus {
+    background-color: $ipb-tabs--tab--hover--background-color;
+    color:  $ipb-tabs--tab--hover--color;
+    > .badge {
+      background-color: $ipb-tabs--tab--badge--hover--background-color;
+    }
+  }
+}
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/pages/_all.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/pages/_all.scss
new file mode 100644
index 000000000..c3b7fd531
--- /dev/null
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/pages/_all.scss
@@ -0,0 +1,2 @@
+@import "base";
+@import "bricks/all";
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/pages/_base.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/pages/_base.scss
new file mode 100644
index 000000000..1a8f2ea13
--- /dev/null
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/pages/_base.scss
@@ -0,0 +1,8 @@
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
+$ipb-body-text-color: $ipb-color-grey-900 !default;
+$ipb-body-background-color: $ipb-color-white-200 !default;
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/pages/bricks/_all.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/pages/bricks/_all.scss
new file mode 100644
index 000000000..a1521c95e
--- /dev/null
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/pages/bricks/_all.scss
@@ -0,0 +1,3 @@
+@import "browse-brick";
+@import "manage-brick";
+@import "object-brick";
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/pages/bricks/_browse-brick.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/pages/bricks/_browse-brick.scss
new file mode 100644
index 000000000..2615c49bd
--- /dev/null
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/pages/bricks/_browse-brick.scss
@@ -0,0 +1,150 @@
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
+@import "../node_modules/bulma-scss/utilities/mixins";
+
+$ipb-browse-brick--mosaic-item--highlight-color:  $ipb-color-blue-800, $ipb-color-orange-800, $ipb-color-green-800, $ipb-color-pink-800, $ipb-color-cyan-800, $ipb-color-yellow-800, $ipb-color-purple-800;
+
+$ipb-browse-brick--mosaic-breadcrumb--active--color: $ipb-color-grey-800 !default;
+$ipb-browse-brick--mosaic-breadcrumb--a--color: $ipb-color-primary-800 !default;
+
+
+$ipb-browse-brick--mosaic-group-item--color: $common-base-variable--text-color !default;
+$ipb-browse-brick--mosaic-group-item--border-color: $ipb-color-grey-300 !default;
+$ipb-browse-brick--mosaic-group-item--border: 1px solid $ipb-browse-brick--mosaic-group-item--border-color !default;
+$ipb-browse-brick--mosaic-group-item--background-color: $ipb-color-white-100 !default;
+$ipb-browse-brick--mosaic-item--background-color: $ipb-color-white-100 !default;
+$ipb-browse-brick--mosaic-item--color: $common-base-variable--text-color !default;
+$ipb-browse-brick--mosaic-item--hover--color: inherit !default;
+$ipb-browse-brick--mosaic-item--hover--background-color--alpha: 0.05 !default;
+
+$ipb-browse-brick--mosaic-item-description--color: $ipb-color-grey-800 !default;
+
+$ipb-browse-brick--mosaic-item-image--background-color: common-adjust-alpha($ipb-color-blue-700, .1) !default;
+$ipb-browse-brick--mosaic-item-image--background-color--alpha: 0.1 !default;
+$ipb-browse-brick--mosaic-item-image--color: $ipb-color-blue-700 !default;
+
+$ipb-browse-brick-panel--mosaic--background-color: transparent !default;
+$ipb-browse-brick-panel--mosaic--border: none !default;
+
+$ipb-browse-brick--tree-item--color: $ipb-color-grey-900 !default;
+$ipb-browse-brick--tree-item--hyperlink--color: $common-hyperlink-color !default;
+
+$ipb-browse-brick--tree-item-filter-data--color: $ipb-color-grey-800 !default;
+
+$ipb-browse-brick--tree-item--description--color: $ipb-color-grey-800 !default;
+
+$ipb-browse-brick--tree-item--wrapper--color: inherit !default;
+
+$ipb-browse-brick--list-group-item--background-color: $ipb-color-white-100 !default;
+$ipb-browse-brick--list-group-item--border-top-color: $ipb-color-grey-400 !default;
+$ipb-browse-brick--list-group-item--border-top: 1px solid $ipb-browse-brick--list-group-item--border-top-color !default;
+
+$ipb-browse-brick--list-group--tree--background-color: $ipb-color-white-100 !default;
+
+$ipb-browse-brick--no-item--text--color: $ipb-color-grey-800 !default;
+
+.page_browse_brick_as_mosaic .ipb-browse-brick-panel{
+  background-color: $ipb-browse-brick-panel--mosaic--background-color !important;
+  border: $ipb-browse-brick-panel--mosaic--border !important;
+}
+
+#mosaic-breadcrumb {
+  a {
+    color: $ipb-browse-brick--mosaic-breadcrumb--a--color;
+  }
+  .active {
+    color: $ipb-browse-brick--mosaic-breadcrumb--active--color;
+  }
+}
+
+.mosaic-group-item {
+  background-color: $ipb-browse-brick--mosaic-group-item--background-color;
+  color: $ipb-browse-brick--mosaic-group-item--color;
+  border: $ipb-browse-brick--mosaic-group-item--border;
+
+  @for $i from 1 through length($ipb-browse-brick--mosaic-item--highlight-color) {
+    &:nth-child(#{length($ipb-browse-brick--mosaic-item--highlight-color)}n + #{$i}){
+      .mosaic-item:hover{
+        background-color: common-adjust-alpha(nth($ipb-browse-brick--mosaic-item--highlight-color, $i), $ipb-browse-brick--mosaic-item--hover--background-color--alpha);
+      }
+      .mosaic-item-image {
+        background-color: common-adjust-alpha(nth($ipb-browse-brick--mosaic-item--highlight-color, $i), $ipb-browse-brick--mosaic-item-image--background-color--alpha);
+        color: nth($ipb-browse-brick--mosaic-item--highlight-color, $i);
+      }
+    }
+  }
+}
+
+.mosaic-item {
+  background-color: $ipb-browse-brick--mosaic-item--background-color;
+  color: $ipb-browse-brick--mosaic-item--color;
+  
+  &:hover {
+    color: $ipb-browse-brick--mosaic-item--hover--color;
+  }
+}
+
+.mosaic-item-text {
+  .mosaic-item-description {
+    color: $ipb-browse-brick--mosaic-item-description--color;
+  }
+}
+
+.mosaic-item-image {
+  background-color: $ipb-browse-brick--mosaic-item-image--background-color;
+  color: $ipb-browse-brick--mosaic-item-image--color;
+}
+
+.list-group-item .list-group-item-text, .tree-item {
+  color: $ipb-browse-brick--tree-item--color;
+
+  & a {
+    color: $ipb-browse-brick--tree-item--hyperlink--color;
+  }
+}
+
+.list-group.tree .list-group-item .list-group-item-description {
+  color: $ipb-browse-brick--tree-item--description--color;
+}
+
+.list-group-item .tree-item-wrapper .tree-item-filter-data {
+  color: $ipb-browse-brick--tree-item-filter-data--color;
+  a {
+    color: $ipb-browse-brick--tree-item-filter-data--color;
+  }
+}
+
+#brick_content_tree .list-group-item>.tree-item-wrapper {;
+  color: $ipb-browse-brick--tree-item--wrapper--color;
+}
+
+#brick_content_tree  .list-group-item {
+  background-color: $ipb-browse-brick--list-group-item--background-color;
+  border: none;
+  border-top: $ipb-browse-brick--list-group-item--border-top;
+
+
+  @for $i from 1 through length($ipb-browse-brick--mosaic-item--highlight-color) {
+    &:nth-child(#{length($ipb-browse-brick--mosaic-item--highlight-color)}n + #{$i - 1}) {
+      &:hover {
+        background-color: common-adjust-alpha(nth($ipb-browse-brick--mosaic-item--highlight-color, $i), $ipb-browse-brick--mosaic-item--hover--background-color--alpha);
+      }
+      > .tree-item-wrapper .tree-item-image {
+        background-color: common-adjust-alpha(nth($ipb-browse-brick--mosaic-item--highlight-color, $i), $ipb-browse-brick--mosaic-item-image--background-color--alpha);
+        color: nth($ipb-browse-brick--mosaic-item--highlight-color, $i);
+      }
+    }
+  }
+}
+
+.list-group.tree {
+  background-color: $ipb-browse-brick--list-group--tree--background-color;
+}
+
+.ipb-browse-brick--no-item--text {
+  color: $ipb-browse-brick--no-item--text--color;
+}
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/pages/bricks/_manage-brick.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/pages/bricks/_manage-brick.scss
new file mode 100644
index 000000000..65fa00079
--- /dev/null
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/pages/bricks/_manage-brick.scss
@@ -0,0 +1,41 @@
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
+$ipb-manage-brick--export-action--color: $ipb-color-grey-800 !default;
+$ipb-manage-brick--no-result--text--color: $ipb-color-grey-800 !default;
+
+$ipb-manage-brick--pie-chart--colors:
+        $ipb-color-blue-400 $ipb-color-blue-950 "rgb(44, 160, 44)",
+        $ipb-color-blue-500 $ipb-color-blue-950 "rgb(214, 39, 40)",
+        $ipb-color-blue-600 $ipb-color-blue-100 "rgb(148, 103, 189)",
+        $ipb-color-blue-700 $ipb-color-blue-100 "rgb(140, 86, 75)",
+        $ipb-color-blue-800 $ipb-color-blue-100 "rgb(227, 119, 194)",
+        $ipb-color-blue-900 $ipb-color-blue-100 "rgb(127, 127, 127)",
+        $ipb-color-blue-950 $ipb-color-blue-100 "rgb(188, 189, 34)",
+        $ipb-color-blue-100 $ipb-color-blue-950 "rgb(23, 190, 207)",
+        $ipb-color-blue-200 $ipb-color-blue-950 "rgb(31, 119, 180)",
+        $ipb-color-blue-300 $ipb-color-blue-950 "rgb(255, 127, 14)"
+!default;
+
+@each $background, $text, $originalColor in $ipb-manage-brick--pie-chart--colors {
+  .c3-chart-arc path[style="fill: #{$originalColor}; cursor: pointer; opacity: 1;"] {
+    fill: $background !important;
+  }
+  .c3-legend-item-tile[style="stroke: #{$originalColor}; pointer-events: none;"] {
+    stroke: $background !important;
+  }
+  .c3-chart-arc:has(path[style="fill: #{$originalColor}; cursor: pointer; opacity: 1;"])  text {
+    fill: $text !important;
+  }
+}
+
+.ipb-manage-brick--export-action {
+  color: $ipb-manage-brick--export-action--color;
+}
+
+.ipb-manage-brick--no-result--text {
+  color: $ipb-manage-brick--no-result--text--color;
+}
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/pages/bricks/_object-brick.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/pages/bricks/_object-brick.scss
new file mode 100644
index 000000000..7f4dbbf9f
--- /dev/null
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/pages/bricks/_object-brick.scss
@@ -0,0 +1,11 @@
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* SCSS variables (can be overloaded) */
+$ipb-object-brick--url-to-clipboard-tooltip-copied--color: $ipb-color-green-500!default;
+
+.url-to-clipboard-tooltip-copied {
+  color: $ipb-object-brick--url-to-clipboard-tooltip-copied--color;
+}
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/vendors/_all.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/vendors/_all.scss
new file mode 100644
index 000000000..7d56fc320
--- /dev/null
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/vendors/_all.scss
@@ -0,0 +1 @@
+@import "datatables";
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/vendors/_datatables.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/vendors/_datatables.scss
new file mode 100644
index 000000000..223ce3894
--- /dev/null
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/vendors/_datatables.scss
@@ -0,0 +1,129 @@
+$ipb-vendors--datatables--paginate-button--colors: map-get(map-get(map-get($ipb-button-colors, ''), 'default'), '') !default;
+$ipb-vendors--datatables--paginate-button--hover--colors: map-get(map-get(map-get($ipb-button-colors, ''), 'default'), ':hover') !default;
+$ipb-vendors--datatables--paginate-button--focus--colors: map-get(map-get(map-get($ipb-button-colors, ''), 'default'), ':active') !default;
+$ipb-vendors--datatables--paginate-button--disabled--colors: map-get(map-get(map-get($ipb-button-colors, ''), 'default'), ':disabled') !default;
+$ipb-vendors--datatables--paginate-button--active--colors: map-get(map-get(map-get($ipb-button-colors, ''), 'primary'), '') !default;
+$ipb-vendors--datatables--paginate-button--active--hover--colors: map-get(map-get(map-get($ipb-button-colors, ''), 'primary'), ':hover') !default;
+
+$ipb-vendors-datatables--columns-header--border-bottom-color: $ipb-color-grey-400 !default;
+$ipb-vendors-datatables--columns-header--border-bottom: 2px solid $ipb-vendors-datatables--columns-header--border-bottom-color !default;
+
+$ipb-vendors-datatables--row--is-odd--background-color: $ipb-color-white-100 !default;
+$ipb-vendors-datatables--row--is-even--background-color: $ipb-color-white-200 !default;
+$ipb-vendors-datatables--row--hover--background-color: $ipb-color-blue-100 !default;
+$ipb-vendors-datatables--row--is-selected--color: $ipb-color-blue-900 !default;
+$ipb-vendors-datatables--row--is-selected--background-color: $ipb-color-blue-200 !default;
+$ipb-vendors-datatables--row--is-selected--hover--background-color: $ipb-color-blue-100 !default;
+
+$ipb-vendors-datatables--row-highlight--colors:(
+        'red': ($ipb-color-red-100, $ipb-color-red-200),
+        'danger': ($ipb-color-danger-200, $ipb-color-danger-300),
+        'alert': ($ipb-color-red-200, $ipb-color-red-300),
+        'orange': ($ipb-color-orange-100, $ipb-color-orange-200),
+        'warning': ($ipb-color-warning-200, $ipb-color-warning-300),
+        'blue': ($ipb-color-blue-200, $ipb-color-blue-300),
+        'info': ($ipb-color-information-200, $ipb-color-information-300),
+        'green': ($ipb-color-green-100, $ipb-color-green-200),
+        'success': ($ipb-color-success-100, $ipb-color-success-200),
+) !default;
+
+$ipb-vendors-datatables--row-highlight--first-cell--colors:(
+        'red': ($ipb-color-red-300),
+        'danger': ($ipb-color-danger-400),
+        'alert': ($ipb-color-red-400),
+        'orange': ($ipb-color-orange-300),
+        'warning': ($ipb-color-warning-400),
+        'blue': ($ipb-color-blue-400),
+        'info': ($ipb-color-information-400),
+        'green': ($ipb-color-green-300),
+        'success': ($ipb-color-success-300),
+) !default;
+
+.table {
+  > thead > tr > th {
+    border-bottom: $ipb-vendors-datatables--columns-header--border-bottom !important;
+  }
+}
+
+.table-striped > tbody > tr{
+  background-color: $ipb-vendors-datatables--row--is-even--background-color;
+  &:nth-of-type(2n+1) {
+    background-color: $ipb-vendors-datatables--row--is-odd--background-color;
+  }
+  @each $sColorLabel, $aAttributes in $ipb-vendors-datatables--row-highlight--colors {
+    $sBgColor: nth($aAttributes, 1);
+    $sBgColorHover: nth($aAttributes, 2);
+    &.ipb-is-#{$sColorLabel}, &.#{$sColorLabel}{
+      td {
+        background-color: $sBgColor;
+      }
+      &:hover td {
+        background-color: $sBgColorHover;
+      }
+
+    }
+  }
+  @each $sColorLabel, $aAttributes in $ipb-vendors-datatables--row-highlight--first-cell--colors {
+    $sBgColor: nth($aAttributes, 1);
+    &.ipb-is-#{$sColorLabel} td:first-child::before {
+      content: "";
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 3px;
+      height: 100%;
+      background-color: $sBgColor;
+    }
+  }
+  &:hover {
+    background-color: $ipb-vendors-datatables--row--hover--background-color;
+  }
+}
+
+table.dataTable  {
+  > thead, tbody, tfoot {
+    > tr.selected {
+      background-color: $ipb-vendors-datatables--row--is-selected--background-color;
+      color: $ipb-vendors-datatables--row--is-selected--color;
+      &:hover {
+        background-color: $ipb-vendors-datatables--row--is-selected--hover--background-color;
+      }
+    }
+  }
+}
+
+.pagination > .paginate_button{
+  > a {
+    background-color: nth($ipb-vendors--datatables--paginate-button--colors, 1);
+    color: nth($ipb-vendors--datatables--paginate-button--colors, 2);
+    border-color: nth($ipb-vendors--datatables--paginate-button--colors, 3);
+
+    &:hover {
+      background-color: nth($ipb-vendors--datatables--paginate-button--hover--colors, 1);
+      color: nth($ipb-vendors--datatables--paginate-button--hover--colors, 2);
+      border-color: nth($ipb-vendors--datatables--paginate-button--hover--colors, 3)
+    }
+
+    &:focus {
+      background-color: nth($ipb-vendors--datatables--paginate-button--focus--colors, 1);
+      color: nth($ipb-vendors--datatables--paginate-button--focus--colors, 2);
+      border-color: nth($ipb-vendors--datatables--paginate-button--focus--colors, 3)
+
+    }
+  }
+  &.disabled > a {
+    background-color: nth($ipb-vendors--datatables--paginate-button--disabled--colors, 1);
+    color: nth($ipb-vendors--datatables--paginate-button--disabled--colors, 2);
+    border-color: nth($ipb-vendors--datatables--paginate-button--disabled--colors, 3)
+  }
+  &.active > a {
+    background-color: nth($ipb-vendors--datatables--paginate-button--active--colors, 1);
+    color: nth($ipb-vendors--datatables--paginate-button--active--colors, 2);
+    border-color: nth($ipb-vendors--datatables--paginate-button--active--colors, 3);
+    &:hover{
+      background-color: nth($ipb-vendors--datatables--paginate-button--active--hover--colors, 1);
+      color: nth($ipb-vendors--datatables--paginate-button--active--hover--colors, 2);
+      border-color: nth($ipb-vendors--datatables--paginate-button--active--hover--colors, 3)
+    }
+  }
+}
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/vendors/_datatables.scss b/datamodels/2.x/itop-portal-base/portal/public/css/vendors/_datatables.scss
index 6f11d6d7f..41f07e7e7 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/vendors/_datatables.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/vendors/_datatables.scss
@@ -1,52 +1,14 @@
 /*
- * @copyright   Copyright (C) 2010-2024 Combodo SAS
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
  * @license     http://opensource.org/licenses/AGPL-3.0
  */
 
+/* SCSS variables (can be overloaded) */
 $ipb-vendors-datatables--cell--padding-x: $common-spacing-400 !default;
 $ipb-vendors-datatables--cell--padding-y: 10px !default;
 
-$ipb-vendors-datatables--columns-header--border-bottom: 2px solid $common-color-grey-400 !default;
-
-$ipb-vendors--datatables--paginate-button--colors: map-get(map-get(map-get($ipb-button-colors, ''), 'default'), '') !default;
-$ipb-vendors--datatables--paginate-button--hover--colors: map-get(map-get(map-get($ipb-button-colors, ''), 'default'), ':hover') !default;
-$ipb-vendors--datatables--paginate-button--focus--colors: map-get(map-get(map-get($ipb-button-colors, ''), 'default'), ':active') !default;
-$ipb-vendors--datatables--paginate-button--disabled--colors: map-get(map-get(map-get($ipb-button-colors, ''), 'default'), ':disabled') !default;
-$ipb-vendors--datatables--paginate-button--active--colors: map-get(map-get(map-get($ipb-button-colors, ''), 'primary'), '') !default;
-$ipb-vendors--datatables--paginate-button--active--hover--colors: map-get(map-get(map-get($ipb-button-colors, ''), 'primary'), ':hover') !default;
-
-$ipb-vendors-datatables--row--is-odd--background-color: $common-color-white-100 !default;
-$ipb-vendors-datatables--row--is-even--background-color: $common-color-white-200 !default;
-$ipb-vendors-datatables--row--is-selected--color: $common-color-blue-900 !default;
-$ipb-vendors-datatables--row--is-selected--background-color: $common-color-blue-200 !default;
-$ipb-vendors-datatables--row--is-selected--hover--background-color: $common-color-blue-100 !default;
-
 $ipb-vendors-datatables--row-highlight--first-cell--width: 3px !default;
 
-$ipb-vendors-datatables--row-highlight--colors:(
-        'red': ($common-color-red-100, $common-color-red-200),
-        'danger': ($common-color-danger-200, $common-color-danger-300),
-        'alert': ($common-color-red-200, $common-color-red-300),
-        'orange': ($common-color-orange-100, $common-color-orange-200),
-        'warning': ($common-color-warning-200, $common-color-warning-300),
-        'blue': ($common-color-blue-200, $common-color-blue-300),
-        'info': ($common-color-information-200, $common-color-information-300),
-        'green': ($common-color-green-100, $common-color-green-200),
-        'success': ($common-color-success-100, $common-color-success-200),
-) !default;
-
-$ipb-vendors-datatables--row-highlight--first-cell--colors:(
-        'red': ($common-color-red-300),
-        'danger': ($common-color-danger-400),
-        'alert': ($common-color-red-400),
-        'orange': ($common-color-orange-300),
-        'warning': ($common-color-warning-400),
-        'blue': ($common-color-blue-400),
-        'info': ($common-color-information-400),
-        'green': ($common-color-green-300),
-        'success': ($common-color-success-300),
-) !default;
-
 .table {
   > thead, tbody, tfoot {
     > tr {
@@ -57,95 +19,13 @@ $ipb-vendors-datatables--row-highlight--first-cell--colors:(
       }
     }
   }
-  > thead > tr > th {
-    border-bottom: $ipb-vendors-datatables--columns-header--border-bottom !important;
-  }
 }
 
 .table-striped > tbody > tr{
-  background-color: $ipb-vendors-datatables--row--is-even--background-color;
   cursor: pointer;
-  &:nth-of-type(2n+1) {
-    background-color: $ipb-vendors-datatables--row--is-odd--background-color;
-  }
-  @each $sColorLabel, $aAttributes in $ipb-vendors-datatables--row-highlight--colors {
-    $sBgColor: nth($aAttributes, 1);
-    $sBgColorHover: nth($aAttributes, 2);
-    &.ipb-is-#{$sColorLabel}, &.#{$sColorLabel}{
-      td {
-        background-color: $sBgColor;
-      }
-      &:hover td {
-        background-color: $sBgColorHover;
-      }
-      
-    }
-  }
-  @each $sColorLabel, $aAttributes in $ipb-vendors-datatables--row-highlight--first-cell--colors {
-    $sBgColor: nth($aAttributes, 1);
-    &.ipb-is-#{$sColorLabel} td:first-child::before {
-      content: "";
-      position: absolute;
-      left: 0;
-      top: 0;
-      width: 3px;
-      height: 100%;
-      background-color: $sBgColor;
-    }
-  }
- &:hover {
-    background-color: $common-color-blue-100;
-  }
 }
 
-.pagination > .paginate_button{
-  > a {
-    background-color: nth($ipb-vendors--datatables--paginate-button--colors, 1);
-    color: nth($ipb-vendors--datatables--paginate-button--colors, 2);
-    border-color: nth($ipb-vendors--datatables--paginate-button--colors, 3);
-
-    &:hover {
-      background-color: nth($ipb-vendors--datatables--paginate-button--hover--colors, 1);
-      color: nth($ipb-vendors--datatables--paginate-button--hover--colors, 2);
-      border-color: nth($ipb-vendors--datatables--paginate-button--hover--colors, 3)
-    }
-
-    &:focus {
-      background-color: nth($ipb-vendors--datatables--paginate-button--focus--colors, 1);
-      color: nth($ipb-vendors--datatables--paginate-button--focus--colors, 2);
-      border-color: nth($ipb-vendors--datatables--paginate-button--focus--colors, 3)
-
-    }
-  }
-  &.disabled > a {
-    background-color: nth($ipb-vendors--datatables--paginate-button--disabled--colors, 1);
-    color: nth($ipb-vendors--datatables--paginate-button--disabled--colors, 2);
-    border-color: nth($ipb-vendors--datatables--paginate-button--disabled--colors, 3)
-  }
-  &.active > a {
-    background-color: nth($ipb-vendors--datatables--paginate-button--active--colors, 1);
-    color: nth($ipb-vendors--datatables--paginate-button--active--colors, 2);
-    border-color: nth($ipb-vendors--datatables--paginate-button--active--colors, 3);
-    &:hover{
-      background-color: nth($ipb-vendors--datatables--paginate-button--active--hover--colors, 1);
-      color: nth($ipb-vendors--datatables--paginate-button--active--hover--colors, 2);
-      border-color: nth($ipb-vendors--datatables--paginate-button--active--hover--colors, 3)
-    }
-  }
-}
 
 .dataTables_length, .dataTables_filter, .dataTables_info {
   @extend %common-font-ral-nor-150;
 }
-
-table.dataTable  {
-  > thead, tbody, tfoot {
-    > tr.selected {
-        background-color: $ipb-vendors-datatables--row--is-selected--background-color;
-        color: $ipb-vendors-datatables--row--is-selected--color;
-      &:hover {
-        background-color: $ipb-vendors-datatables--row--is-selected--hover--background-color;
-      }
-    }
-  }
-}
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/templates/bricks/manage/popup-export-excel.html.twig b/datamodels/2.x/itop-portal-base/portal/templates/bricks/manage/popup-export-excel.html.twig
index 6479f43d7..59cfee2bd 100644
--- a/datamodels/2.x/itop-portal-base/portal/templates/bricks/manage/popup-export-excel.html.twig
+++ b/datamodels/2.x/itop-portal-base/portal/templates/bricks/manage/popup-export-excel.html.twig
@@ -10,15 +10,18 @@
         <p id="export-error" class="ipb-alert alert alert-danger" role="alert"></p>
     </div>
 
-    <div id="export-feedback">
+    <div id="export-feedback" class="ipb-export--feedback">
         <p id="export-excel-warning" class="ipb-alert alert alert-warning" role="alert">{{ 'UI:Bulk:Export:MaliciousInjection:Alert:Message'|dict_format(sWikiUrl)|raw }}</p>
-        <p class="export-message" style="text-align:center;">{{ 'ExcelExport:PreparingExport'|dict_s }}</p>
-        <div class="progress">
-            <div class="progress-bar" role="progressbar" style="width: 0%"
+        <div class="ipb-export--illustration ipb-svg-illustration--container">
+            {{ source('illustrations/undraw_export-files.svg') }}
+        </div>
+        <div class="ipb-progress progress">
+            <div class="ipb-progress--bar progress-bar" role="progressbar" style="width: 0%"
                  aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
                 <span class="progress-message">0%</span>
             </div>
         </div>
+        <p class="ipb-export-message export-message" style="text-align:center;">{{ 'ExcelExport:PreparingExport'|dict_s }}</p>
     </div>
 </div>
 <div class="modal-footer">
diff --git a/images/illustrations/undraw_export-files.svg b/images/illustrations/undraw_export-files.svg
new file mode 100644
index 000000000..6d2ab1c50
--- /dev/null
+++ b/images/illustrations/undraw_export-files.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="437.55115" height="512.62854" viewBox="0 0 437.55115 512.62854" xmlns:xlink="http://www.w3.org/1999/xlink" role="img" artist="Katerina Limpitsouni" source="https://undraw.co/"><g id="a4cc79cd-ea29-44e8-8b1f-c84c9f36b99b" data-name="Group 29"><circle id="b528ca4c-b6e8-4382-8c63-b3f7a5882e55" data-name="Ellipse 108" cx="103.19117" cy="179.22455" r="30" fill="#2f2e41"/><circle id="f2334603-0630-41b1-8883-db91ebd0df1d" data-name="Ellipse 109" cx="105.71115" cy="184.72055" r="24.561" fill="#a0616a"/><path id="a98f854d-ddd1-49f9-826e-9b3b51c42b30-76" data-name="Path 704" d="M580.47357,453.11426a10.51855,10.51855,0,0,0-1.072,1.264l-49.562-1.751-5.669-10.631-17.162,6.458,8.206,19.8a8,8,0,0,0,8.263,4.889l56.085-6.158a10.50026,10.50026,0,1,0,.911-13.866Z" transform="translate(-381.22442 -193.68573)" fill="#a0616a"/><path id="f257447d-301d-44a2-8e09-7759e64535dc-77" data-name="Path 705" d="M500.40658,458.01428a4.81194,4.81194,0,0,1-2.643-3.017l-6.9-23.169a13.37727,13.37727,0,1,1,24.208-11.392h0l13.372,20.235a4.8171,4.8171,0,0,1-1.981,7.02l-22.04105,10.289a4.811,4.811,0,0,1-4.011.03Z" transform="translate(-381.22442 -193.68573)" fill="#ccc"/><path id="becfa795-45e6-4313-bdd8-8732b5eb4129-78" data-name="Path 706" d="M549.22159,693.24127l10.768-5.862-17.485-44.322-15.892,8.651Z" transform="translate(-381.22442 -193.68573)" fill="#a0616a"/><path id="e8c8979c-fc56-471c-a205-c14c5d72c2f7-79" data-name="Path 707" d="M544.56158,691.22028l21.205-11.544h0a15.386,15.386,0,0,1,20.86969,6.15747l.0003.00055.239.439-34.72,18.9Z" transform="translate(-381.22442 -193.68573)" fill="#2f2e41"/><path id="ab11d9ef-02df-4748-a171-c660a3aec0b0-80" data-name="Path 708" d="M430.73458,693.28925h12.259l5.833-47.288h-18.1Z" transform="translate(-381.22442 -193.68573)" fill="#a0616a"/><path id="af78ce6e-a300-42ae-85b6-279af7ebed37-81" data-name="Path 709" d="M427.60656,689.28729h24.145a15.386,15.386,0,0,1,15.386,15.386v.501h-39.53Z" transform="translate(-381.22442 -193.68573)" fill="#2f2e41"/><path id="b8635a3a-781b-4583-ae1f-43c79305ccfd-82" data-name="Path 710" d="M506.91558,483.41425l4,48,44.619,133.856a4,4,0,0,1-2.52991,5.05957q-.16684.05566-.3381.09644l-13.675,3.256a4,4,0,0,1-4.5-2.091l-57.043-113.157a2,2,0,0,0-3.739.471l-25.1,114.362a4,4,0,0,1-3.907,3.142h-12.726a3.993,3.993,0,0,1-4.00046-3.98553q0-.03424.00046-.06848c1.166-79.3-2.68-169.653,27.936-183.946l5-13Z" transform="translate(-381.22442 -193.68573)" fill="#3f3d56"/><path id="e573b899-9021-4f9b-8786-b9ea4c0ab316-83" data-name="Path 711" d="M459.47558,478.81427l-5.154-31.177a30.877,30.877,0,0,1,9.769-28.006,30.36108,30.36108,0,0,1,28.331-6.925c.292.078.585.159.878.241a30.783,30.783,0,0,1,22.222,27.346c.984,13.54.1,33.184-9.678,49.87l-.19.324Z" transform="translate(-381.22442 -193.68573)" fill="#ccc"/><path id="bf1af282-84f0-4284-9d03-260240daa088-84" data-name="Path 712" d="M511.36859,365.35226a33.39994,33.39994,0,0,1-19.091,5.9,20.47,20.47,0,0,0,8.114,3.338,67.35852,67.35852,0,0,1-27.514.155,17.807,17.807,0,0,1-5.76-1.978,7.2889,7.2889,0,0,1-3.555-4.755c-.6-3.449,2.083-6.582,4.876-8.693a35.967,35.967,0,0,1,30.224-6.04c3.376.873,6.758,2.347,8.951,5.059s2.843,6.892.753,9.684Z" transform="translate(-381.22442 -193.68573)" fill="#2f2e41"/><path id="bd051e82-93fb-484c-bc2c-a05379150ad3-85" data-name="Path 713" d="M484.02157,342.76227c2.847-11.5-7.357-24.268-19.2-24.029-12.013.243-20.854,11.1-26.931,21.464s-12.115,22.117-23.269,26.58a24.029,24.029,0,0,1-32.946-22.894c-1.5,12.593.577,26.219,8.7,35.96s23.233,14.13,34.1,7.584c6.2-3.739,10.169-10.237,13.438-16.7s6.178-13.279,11.131-18.564,12.612-8.792,19.506-6.569c2.736.883,5.191,2.6,8.018,3.126s6.386-.82,6.772-3.669Z" transform="translate(-381.22442 -193.68573)" fill="#2f2e41"/><path id="a038711e-9241-43ca-acb8-65ac7fef7c62-86" data-name="Path 714" d="M424.82159,551.20526a10.743,10.743,0,0,1,2.743-16.243l21.305-95.5,21.613,8.871-27.737,91.081a10.8,10.8,0,0,1-17.924,11.791Z" transform="translate(-381.22442 -193.68573)" fill="#a0616a"/><path id="a8e2c108-97db-4287-b949-04189b24fe3b-87" data-name="Path 715" d="M440.43057,453.16425a4.812,4.812,0,0,1-.336-4l8.193-22.745a13.37759,13.37759,0,0,1,26.245,5.2h0l-1.245,24.222a4.81686,4.81686,0,0,1-5.76,4.475l-23.85-4.8a4.812,4.812,0,0,1-3.246-2.357Z" transform="translate(-381.22442 -193.68573)" fill="#ccc"/></g><g id="a8ec7779-81bc-4fb5-bea3-5b8fa1590d68" data-name="Group 28"><path id="a61284fa-5c43-4b2c-a220-e074c1426ed7-88" data-name="Path 410" d="M681.50659,197.34473a5.982,5.982,0,0,0-5.468-3.659H566.8776a5.92,5.92,0,0,0-5.917,5.917v138.095a5.92,5.92,0,0,0,5.917,5.917h109.161a5.925,5.925,0,0,0,5.917-5.917v-138.093A5.80986,5.80986,0,0,0,681.50659,197.34473Zm-.865,140.352a4.609,4.609,0,0,1-4.6,4.6H566.8776a4.6,4.6,0,0,1-4.6-4.6h0v-138.092a4.609,4.609,0,0,1,4.6-4.6h109.161a4.62606,4.62606,0,0,1,4.273,2.9,5.11465,5.11465,0,0,1,.173.519,4.55869,4.55869,0,0,1,.158,1.188Z" transform="translate(-381.22442 -193.68573)" fill="#ccc"/><path id="f058fc04-be1a-4760-b4ca-1d7d0096a0b4-89" data-name="Path 411" d="M658.7236,226.29175h-32.88a2.6305,2.6305,0,0,1,0-5.261h32.879a2.631,2.631,0,0,1,0,5.261Z" transform="translate(-381.22442 -193.68573)" fill="#ccc"/><path id="b7b03d80-c54f-4ac7-a733-77e3791388e5-90" data-name="Path 412" d="M658.7236,240.10175h-32.88a2.6305,2.6305,0,0,1,0-5.261h32.879a2.631,2.631,0,0,1,0,5.261Z" transform="translate(-381.22442 -193.68573)" fill="#ccc"/><path id="bbd645bb-3528-4838-b3c9-db478370a388-91" data-name="Path 413" d="M608.97759,247.96475h-24.033a2.962,2.962,0,0,1-2.959-2.959v-28.355a2.962,2.962,0,0,1,2.959-2.959h24.033a2.963,2.963,0,0,1,2.959,2.959v28.355A2.962,2.962,0,0,1,608.97759,247.96475Z" transform="translate(-381.22442 -193.68573)" fill="#ccc"/><path id="a70c21c1-6213-4b7f-bc14-591f551ac782-92" data-name="Path 414" d="M658.4946,268.37775h-74.307a2.6305,2.6305,0,0,1,0-5.261h74.307a2.63049,2.63049,0,0,1,0,5.261Z" transform="translate(-381.22442 -193.68573)" fill="#ccc"/><path id="af88612c-f069-4016-a622-4620c9d6e9ee-93" data-name="Path 415" d="M658.4946,282.19174h-74.307a2.63049,2.63049,0,0,1,0-5.261h74.307a2.63049,2.63049,0,1,1,0,5.261Z" transform="translate(-381.22442 -193.68573)" fill="#ccc"/><path id="b4028583-530b-4323-a807-42e8359c25be-94" data-name="Path 416" d="M658.4946,295.99673h-74.307a2.63049,2.63049,0,0,1,0-5.261h74.307a2.63049,2.63049,0,0,1,0,5.261Z" transform="translate(-381.22442 -193.68573)" fill="#ccc"/><path id="eea2a91b-a87e-450d-ac84-b33fc6ad943a-95" data-name="Path 417" d="M658.4946,309.80975h-74.307a2.63049,2.63049,0,0,1,0-5.261h74.307a2.63049,2.63049,0,0,1,0,5.261Z" transform="translate(-381.22442 -193.68573)" fill="#ccc"/><path id="f69f5fd9-c3c3-49bc-9ead-71d5a754157a-96" data-name="Path 418" d="M658.4946,323.61575h-74.307a2.63049,2.63049,0,0,1,0-5.261h74.307a2.63049,2.63049,0,0,1,0,5.261Z" transform="translate(-381.22442 -193.68573)" fill="#ccc"/></g><path id="b052e332-5d61-4357-af09-a12de450e4ae-97" data-name="Path 336" d="M747.43456,278.88326a7.6,7.6,0,0,0-6.95-4.65h-138.725a7.524,7.524,0,0,0-7.52,7.52v175.5a7.524,7.524,0,0,0,7.52,7.52h138.73a7.53,7.53,0,0,0,7.52-7.52v-175.5a7.38544,7.38544,0,0,0-.57-2.87Z" transform="translate(-381.22442 -193.68573)" fill="#e6e6e6"/><path d="M736.13867,454.91992H606.49414c-1.86816-.00195-3.33105-2.0459-3.33105-4.65283V287.46729c.00195-2.60938,1.46582-4.65284,3.33105-4.65284H736.13867c1.86914.00244,3.332,2.0459,3.332,4.65284v162.7998C739.46875,452.876,738.00488,454.91992,736.13867,454.91992Z" transform="translate(-381.22442 -193.68573)" fill="#fff"/><path id="a0e2f6aa-04b8-4ab3-a7b0-0f19b8b6a28a-98" data-name="Path 336" d="M747.43456,278.88326a7.6,7.6,0,0,0-6.95-4.65h-138.725a7.524,7.524,0,0,0-7.52,7.52v175.5a7.524,7.524,0,0,0,7.52,7.52h138.73a7.53,7.53,0,0,0,7.52-7.52v-175.5a7.38544,7.38544,0,0,0-.57-2.87Zm-1.1,178.37a5.857,5.857,0,0,1-5.85,5.85h-138.725a5.851,5.851,0,0,1-5.85-5.848V281.75426a5.858,5.858,0,0,1,5.85-5.85h138.73a5.879,5.879,0,0,1,5.43,3.68,6.48151,6.48151,0,0,1,.22.66,5.80007,5.80007,0,0,1,.2,1.51Z" transform="translate(-381.22442 -193.68573)" fill="#3f3d56"/><path id="f7f5684e-e384-4873-9fc1-6b481c0c3185-99" data-name="Path 337" d="M718.48455,315.66827h-41.786a3.343,3.343,0,0,1,0-6.686h41.786a3.343,3.343,0,1,1,0,6.686Z" transform="translate(-381.22442 -193.68573)" fill="#3f3d56"/><path id="a0d63c63-f814-470b-a777-b0a1c00c2ac9-100" data-name="Path 338" d="M718.48455,333.21828h-41.786a3.343,3.343,0,0,1,0-6.686h41.786a3.343,3.343,0,1,1,0,6.686Z" transform="translate(-381.22442 -193.68573)" fill="#3f3d56"/><path id="ff5e0da0-ae1b-43c5-a91c-4cd72feaad08-101" data-name="Path 339" d="M655.25856,343.21127h-30.537a3.765,3.765,0,0,1-3.761-3.761v-36.036a3.765,3.765,0,0,1,3.761-3.761h30.537a3.765,3.765,0,0,1,3.761,3.761v36.036A3.765,3.765,0,0,1,655.25856,343.21127Z" transform="translate(-381.22442 -193.68573)" fill="#6c63ff"/><path id="ad4ed544-ba1f-4890-b966-6cbda7ed2ca0-102" data-name="Path 340" d="M718.19457,369.15426h-94.436a3.343,3.343,0,0,1,0-6.686h94.436a3.343,3.343,0,1,1,0,6.686Z" transform="translate(-381.22442 -193.68573)" fill="#e6e6e6"/><path id="bb4cdd45-0f85-4a7a-88d0-4f1a9d7bd917-103" data-name="Path 341" d="M718.19457,386.70425h-94.436a3.343,3.343,0,0,1-.01855-6.686h94.45456a3.343,3.343,0,0,1,0,6.686Z" transform="translate(-381.22442 -193.68573)" fill="#e6e6e6"/><path id="a6089264-0f27-4995-b04f-a5be86198b98-104" data-name="Path 342" d="M718.19457,404.2543h-94.436a3.343,3.343,0,0,1,0-6.686h94.436a3.343,3.343,0,1,1,.01855,6.686Z" transform="translate(-381.22442 -193.68573)" fill="#e6e6e6"/><path id="a4f00200-1086-48db-adf1-de08956240d5-105" data-name="Path 343" d="M718.19457,421.80428h-94.436a3.343,3.343,0,1,1-.01855-6.686h94.45456a3.343,3.343,0,0,1,0,6.686Z" transform="translate(-381.22442 -193.68573)" fill="#e6e6e6"/><path id="b49f179d-0424-4766-955e-eb78e4d9d5b3-106" data-name="Path 344" d="M718.19457,439.35427h-94.436a3.343,3.343,0,1,1-.01855-6.686h94.45456a3.343,3.343,0,0,1,0,6.686Z" transform="translate(-381.22442 -193.68573)" fill="#e6e6e6"/><circle id="ba183dc1-a597-4106-bea7-eb7523e98551" data-name="Ellipse 44" cx="383.55115" cy="67.62854" r="54" fill="#6c63ff"/><path id="a4d5b786-8a25-41ee-bd38-08ceac89f4c5-107" data-name="Path 692" d="M773.28057,263.10526v-29.791h-15.342v29.791h-7.163l7.416,12.845,7.418,12.847,7.418-12.847,7.417-12.847Z" transform="translate(-381.22442 -193.68573)" fill="#fff"/><path id="fb232c29-52fe-45d7-b1d2-fa271477c305-108" data-name="Path 717" d="M784.8496,706.31427h-381a1,1,0,1,1,0-2h381a1,1,0,0,1,0,2Z" transform="translate(-381.22442 -193.68573)" fill="#e6e6e6"/><path id="b543f4e5-af9f-4f22-96b3-c92f4b8b4cba-109" data-name="Path 694" d="M752.29859,697.42127c-9.6,6.915-22.039,7.262-34.063,6.413-1.679-.118-3.346-.257-5-.407h-.033c-.079-.008-.159-.015-.235-.02l-1.02-.1.08.152.25.472c-.09-.158-.18-.313-.27-.471-.026-.047-.056-.095-.082-.142-3.115-5.421-6.2-11.04-6.992-17.23-.815-6.425,1.475-13.7,7.129-16.857a11.40586,11.40586,0,0,1,2.341-.981q.507-.15,1.028-.26a12.23,12.23,0,0,1,14.223,15.9c4.794-4.916,3.9-12.89,2.246-19.555s-3.663-14.081-.293-20.067a13.23294,13.23294,0,0,1,8.865-6.232c.113-.024.227-.049.34-.07a17.8481,17.8481,0,0,1,12.823,2.247c7.069,4.455,10.7,12.9,11.878,21.174C767.41359,674.70026,763.21158,689.56025,752.29859,697.42127Z" transform="translate(-381.22442 -193.68573)" fill="#f2f2f2"/></svg>
\ No newline at end of file