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 2795b0337..5a1ba95bf 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
@@ -2,6 +2,7 @@
 /* Import shame first as we want to override some of its styles */
 @import "shame";
 @import "../utils/all";
+@import "utils/all";
 @import "pages/all";
 @import "components/all";
 @import "vendors/all";
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/_all.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/_all.scss
new file mode 100644
index 000000000..3f1708078
--- /dev/null
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/_all.scss
@@ -0,0 +1 @@
+@import "variables/all";
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/variables/_all.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/variables/_all.scss
new file mode 100644
index 000000000..dad685091
--- /dev/null
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/variables/_all.scss
@@ -0,0 +1 @@
+@import "colors/all";
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/variables/colors/_all.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/variables/colors/_all.scss
new file mode 100644
index 000000000..85daeefe4
--- /dev/null
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/variables/colors/_all.scss
@@ -0,0 +1,9 @@
+/*
+ * @copyright   Copyright (C) 2010-2025Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+@import "base-palette";
+@import "semantic-palette";
+@import "lifecycle-palette";
+@import "skeleton-palette";
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/variables/colors/_base-palette.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/variables/colors/_base-palette.scss
new file mode 100644
index 000000000..e3db19d90
--- /dev/null
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/variables/colors/_base-palette.scss
@@ -0,0 +1,127 @@
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* 
+Base color palette 
+CSS variables 
+These are defined in themes/ as utils/ is included thrice and each time these variables are redeclared in the stylesheets
+*/
+:root {
+  --ipb-color-white-100: #{$ipb-color-white-100};
+  --ipb-color-white-200: #{$ipb-color-white-200};
+  --ipb-color-transparent: #{$ipb-color-transparent};
+
+  --ipb-color-grey-50: #{$ipb-color-grey-50};
+  --ipb-color-grey-100: #{$ipb-color-grey-100};
+  --ipb-color-grey-200: #{$ipb-color-grey-200};
+  --ipb-color-grey-300: #{$ipb-color-grey-300};
+  --ipb-color-grey-400: #{$ipb-color-grey-400};
+  --ipb-color-grey-500: #{$ipb-color-grey-500};
+  --ipb-color-grey-600: #{$ipb-color-grey-600};
+  --ipb-color-grey-700: #{$ipb-color-grey-700};
+  --ipb-color-grey-800: #{$ipb-color-grey-800};
+  --ipb-color-grey-900: #{$ipb-color-grey-900};
+  --ipb-color-grey-950: #{$ipb-color-grey-950};
+
+  --ipb-color-blue-grey-50: #{$ipb-color-blue-grey-50};
+  --ipb-color-blue-grey-100: #{$ipb-color-blue-grey-100};
+  --ipb-color-blue-grey-200: #{$ipb-color-blue-grey-200};
+  --ipb-color-blue-grey-300: #{$ipb-color-blue-grey-300};
+  --ipb-color-blue-grey-400: #{$ipb-color-blue-grey-400};
+  --ipb-color-blue-grey-500: #{$ipb-color-blue-grey-500};
+  --ipb-color-blue-grey-600: #{$ipb-color-blue-grey-600};
+  --ipb-color-blue-grey-700: #{$ipb-color-blue-grey-700};
+  --ipb-color-blue-grey-800: #{$ipb-color-blue-grey-800};
+  --ipb-color-blue-grey-900: #{$ipb-color-blue-grey-900};
+  --ipb-color-blue-grey-950: #{$ipb-color-blue-grey-950};
+
+  --ipb-color-blue-100: #{$ipb-color-blue-100};
+  --ipb-color-blue-200: #{$ipb-color-blue-200};
+  --ipb-color-blue-300: #{$ipb-color-blue-300};
+  --ipb-color-blue-400: #{$ipb-color-blue-400};
+  --ipb-color-blue-500: #{$ipb-color-blue-500};
+  --ipb-color-blue-600: #{$ipb-color-blue-600};
+  --ipb-color-blue-700: #{$ipb-color-blue-700};
+  --ipb-color-blue-800: #{$ipb-color-blue-800};
+  --ipb-color-blue-900: #{$ipb-color-blue-900};
+  --ipb-color-blue-950: #{$ipb-color-blue-950};
+
+  --ipb-color-cyan-100: #{$ipb-color-cyan-100};
+  --ipb-color-cyan-200: #{$ipb-color-cyan-200};
+  --ipb-color-cyan-300: #{$ipb-color-cyan-300};
+  --ipb-color-cyan-400: #{$ipb-color-cyan-400};
+  --ipb-color-cyan-500: #{$ipb-color-cyan-500};
+  --ipb-color-cyan-600: #{$ipb-color-cyan-600};
+  --ipb-color-cyan-700: #{$ipb-color-cyan-700};
+  --ipb-color-cyan-800: #{$ipb-color-cyan-800};
+  --ipb-color-cyan-900: #{$ipb-color-cyan-900};
+  --ipb-color-cyan-950: #{$ipb-color-cyan-950};
+
+  --ipb-color-green-100: #{$ipb-color-green-100};
+  --ipb-color-green-200: #{$ipb-color-green-200};
+  --ipb-color-green-300: #{$ipb-color-green-300};
+  --ipb-color-green-400: #{$ipb-color-green-400};
+  --ipb-color-green-500: #{$ipb-color-green-500};
+  --ipb-color-green-600: #{$ipb-color-green-600};
+  --ipb-color-green-700: #{$ipb-color-green-700};
+  --ipb-color-green-800: #{$ipb-color-green-800};
+  --ipb-color-green-900: #{$ipb-color-green-900};
+  --ipb-color-green-950: #{$ipb-color-green-950};
+
+  --ipb-color-orange-100: #{$ipb-color-orange-100};
+  --ipb-color-orange-200: #{$ipb-color-orange-200};
+  --ipb-color-orange-300: #{$ipb-color-orange-300};
+  --ipb-color-orange-400: #{$ipb-color-orange-400};
+  --ipb-color-orange-500: #{$ipb-color-orange-500};
+  --ipb-color-orange-600: #{$ipb-color-orange-600};
+  --ipb-color-orange-700: #{$ipb-color-orange-700};
+  --ipb-color-orange-800: #{$ipb-color-orange-800};
+  --ipb-color-orange-900: #{$ipb-color-orange-900};
+  --ipb-color-orange-950: #{$ipb-color-orange-950};
+
+  --ipb-color-red-100: #{$ipb-color-red-100};
+  --ipb-color-red-200: #{$ipb-color-red-200};
+  --ipb-color-red-300: #{$ipb-color-red-300};
+  --ipb-color-red-400: #{$ipb-color-red-400};
+  --ipb-color-red-500: #{$ipb-color-red-500};
+  --ipb-color-red-600: #{$ipb-color-red-600};
+  --ipb-color-red-700: #{$ipb-color-red-700};
+  --ipb-color-red-800: #{$ipb-color-red-800};
+  --ipb-color-red-900: #{$ipb-color-red-900};
+  --ipb-color-red-950: #{$ipb-color-red-950};
+
+  --ipb-color-pink-100: #{$ipb-color-pink-100};
+  --ipb-color-pink-200: #{$ipb-color-pink-200};
+  --ipb-color-pink-300: #{$ipb-color-pink-300};
+  --ipb-color-pink-400: #{$ipb-color-pink-400};
+  --ipb-color-pink-500: #{$ipb-color-pink-500};
+  --ipb-color-pink-600: #{$ipb-color-pink-600};
+  --ipb-color-pink-700: #{$ipb-color-pink-700};
+  --ipb-color-pink-800: #{$ipb-color-pink-800};
+  --ipb-color-pink-900: #{$ipb-color-pink-900};
+  --ipb-color-pink-950: #{$ipb-color-pink-950};
+
+  --ipb-color-yellow-100: #{$ipb-color-yellow-100};
+  --ipb-color-yellow-200: #{$ipb-color-yellow-200};
+  --ipb-color-yellow-300: #{$ipb-color-yellow-300};
+  --ipb-color-yellow-400: #{$ipb-color-yellow-400};
+  --ipb-color-yellow-500: #{$ipb-color-yellow-500};
+  --ipb-color-yellow-600: #{$ipb-color-yellow-600};
+  --ipb-color-yellow-700: #{$ipb-color-yellow-700};
+  --ipb-color-yellow-800: #{$ipb-color-yellow-800};
+  --ipb-color-yellow-900: #{$ipb-color-yellow-900};
+  --ipb-color-yellow-950: #{$ipb-color-yellow-950};
+
+  --ipb-color-purple-100: #{$ipb-color-purple-100};
+  --ipb-color-purple-200: #{$ipb-color-purple-200};
+  --ipb-color-purple-300: #{$ipb-color-purple-300};
+  --ipb-color-purple-400: #{$ipb-color-purple-400};
+  --ipb-color-purple-500: #{$ipb-color-purple-500};
+  --ipb-color-purple-600: #{$ipb-color-purple-600};
+  --ipb-color-purple-700: #{$ipb-color-purple-700};
+  --ipb-color-purple-800: #{$ipb-color-purple-800};
+  --ipb-color-purple-900: #{$ipb-color-purple-900};
+  --ipb-color-purple-950: #{$ipb-color-purple-950};
+}
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/variables/colors/_lifecycle-palette.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/variables/colors/_lifecycle-palette.scss
new file mode 100644
index 000000000..894c14a97
--- /dev/null
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/variables/colors/_lifecycle-palette.scss
@@ -0,0 +1,29 @@
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* 
+Lifecycle palette 
+ CSS variables 
+ These are defined in themes/ as utils/ is included thrice and each time these variables are redeclared in the stylesheets
+*/
+:root {
+  --ipb-lifecycle-new-state-primary-color: #{$ipb-lifecycle-new-state-primary-color};
+  --ipb-lifecycle-new-state-secondary-color: #{$ipb-lifecycle-new-state-secondary-color};
+  --ipb-lifecycle-neutral-state-primary-color: #{$ipb-lifecycle-neutral-state-primary-color};
+  --ipb-lifecycle-neutral-state-secondary-color: #{$ipb-lifecycle-neutral-state-secondary-color};
+  --ipb-lifecycle-waiting-state-primary-color: #{$ipb-lifecycle-waiting-state-primary-color};
+  --ipb-lifecycle-waiting-state-secondary-color: #{$ipb-lifecycle-waiting-state-secondary-color};
+  --ipb-lifecycle-success-state-primary-color: #{$ipb-lifecycle-success-state-primary-color};
+  --ipb-lifecycle-success-state-secondary-color: #{$ipb-lifecycle-success-state-secondary-color};
+  --ipb-lifecycle-failure-state-primary-color: #{$ipb-lifecycle-failure-state-primary-color};
+  --ipb-lifecycle-failure-state-secondary-color: #{$ipb-lifecycle-failure-state-secondary-color};
+  --ipb-lifecycle-frozen-state-primary-color: #{$ipb-lifecycle-frozen-state-primary-color};
+  --ipb-lifecycle-frozen-state-secondary-color: #{$ipb-lifecycle-frozen-state-secondary-color};
+
+  --ipb-lifecycle-active-state-primary-color: #{$ipb-lifecycle-active-state-primary-color};
+  --ipb-lifecycle-active-state-secondary-color: #{$ipb-lifecycle-active-state-secondary-color};
+  --ipb-lifecycle-inactive-state-primary-color: #{$ipb-lifecycle-inactive-state-primary-color};
+  --ipb-lifecycle-inactive-state-secondary-color: #{$ipb-lifecycle-inactive-state-secondary-color};
+}
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/variables/colors/_semantic-palette.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/variables/colors/_semantic-palette.scss
new file mode 100644
index 000000000..5d7b078b8
--- /dev/null
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/variables/colors/_semantic-palette.scss
@@ -0,0 +1,94 @@
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/*
+ Semantic palettes 
+ CSS variables
+ These are defined in themes/ as utils/ is included thrice and each time these variables are redeclared in the stylesheets 
+ */
+:root {
+  --ipb-color-primary-100: #{$ipb-color-primary-100};
+  --ipb-color-primary-200: #{$ipb-color-primary-200};
+  --ipb-color-primary-300: #{$ipb-color-primary-300};
+  --ipb-color-primary-400: #{$ipb-color-primary-400};
+  --ipb-color-primary-500: #{$ipb-color-primary-500};
+  --ipb-color-primary-600: #{$ipb-color-primary-600};
+  --ipb-color-primary-700: #{$ipb-color-primary-700};
+  --ipb-color-primary-800: #{$ipb-color-primary-800};
+  --ipb-color-primary-900: #{$ipb-color-primary-900};
+  --ipb-color-primary-950: #{$ipb-color-primary-950};
+
+  --ipb-color-secondary-100: #{$ipb-color-secondary-100};
+  --ipb-color-secondary-200: #{$ipb-color-secondary-200};
+  --ipb-color-secondary-300: #{$ipb-color-secondary-300};
+  --ipb-color-secondary-400: #{$ipb-color-secondary-400};
+  --ipb-color-secondary-500: #{$ipb-color-secondary-500};
+  --ipb-color-secondary-600: #{$ipb-color-secondary-600};
+  --ipb-color-secondary-700: #{$ipb-color-secondary-700};
+  --ipb-color-secondary-800: #{$ipb-color-secondary-800};
+  --ipb-color-secondary-900: #{$ipb-color-secondary-900};
+  --ipb-color-secondary-950: #{$ipb-color-secondary-950};
+
+  --ipb-color-information-100: #{$ipb-color-information-100};
+  --ipb-color-information-200: #{$ipb-color-information-200};
+  --ipb-color-information-300: #{$ipb-color-information-300};
+  --ipb-color-information-400: #{$ipb-color-information-400};
+  --ipb-color-information-500: #{$ipb-color-information-500};
+  --ipb-color-information-600: #{$ipb-color-information-600};
+  --ipb-color-information-700: #{$ipb-color-information-700};
+  --ipb-color-information-800: #{$ipb-color-information-800};
+  --ipb-color-information-900: #{$ipb-color-information-900};
+  --ipb-color-information-950: #{$ipb-color-information-950};
+
+  --ipb-color-success-100: #{$ipb-color-success-100};
+  --ipb-color-success-200: #{$ipb-color-success-200};
+  --ipb-color-success-300: #{$ipb-color-success-300};
+  --ipb-color-success-400: #{$ipb-color-success-400};
+  --ipb-color-success-500: #{$ipb-color-success-500};
+  --ipb-color-success-600: #{$ipb-color-success-600};
+  --ipb-color-success-700: #{$ipb-color-success-700};
+  --ipb-color-success-800: #{$ipb-color-success-800};
+  --ipb-color-success-900: #{$ipb-color-success-900};
+  --ipb-color-success-950: #{$ipb-color-success-950};
+
+  --ipb-color-warning-100: #{$ipb-color-warning-100};
+  --ipb-color-warning-200: #{$ipb-color-warning-200};
+  --ipb-color-warning-300: #{$ipb-color-warning-300};
+  --ipb-color-warning-400: #{$ipb-color-warning-400};
+  --ipb-color-warning-500: #{$ipb-color-warning-500};
+  --ipb-color-warning-600: #{$ipb-color-warning-600};
+  --ipb-color-warning-700: #{$ipb-color-warning-700};
+  --ipb-color-warning-800: #{$ipb-color-warning-800};
+  --ipb-color-warning-900: #{$ipb-color-warning-900};
+  --ipb-color-warning-950: #{$ipb-color-warning-950};
+
+  --ipb-color-danger-100: #{$ipb-color-danger-100};
+  --ipb-color-danger-200: #{$ipb-color-danger-200};
+  --ipb-color-danger-300: #{$ipb-color-danger-300};
+  --ipb-color-danger-400: #{$ipb-color-danger-400};
+  --ipb-color-danger-500: #{$ipb-color-danger-500};
+  --ipb-color-danger-600: #{$ipb-color-danger-600};
+  --ipb-color-danger-700: #{$ipb-color-danger-700};
+  --ipb-color-danger-800: #{$ipb-color-danger-800};
+  --ipb-color-danger-900: #{$ipb-color-danger-900};
+  --ipb-color-danger-950: #{$ipb-color-danger-950};
+
+  --ipb-color-error-100: #{$ipb-color-error-100};
+  --ipb-color-error-200: #{$ipb-color-error-200};
+  --ipb-color-error-300: #{$ipb-color-error-300};
+  --ipb-color-error-400: #{$ipb-color-error-400};
+  --ipb-color-error-500: #{$ipb-color-error-500};
+  --ipb-color-error-600: #{$ipb-color-error-600};
+  --ipb-color-error-700: #{$ipb-color-error-700};
+  --ipb-color-error-800: #{$ipb-color-error-800};
+  --ipb-color-error-900: #{$ipb-color-error-900};
+  --ipb-color-error-950: #{$ipb-color-error-950};
+
+  --ipb-caselog-color-highlight-1: #{$ipb-caselog-highlight-color-1};
+  --ipb-caselog-color-highlight-2: #{$ipb-caselog-highlight-color-2};
+  --ipb-caselog-color-highlight-3: #{$ipb-caselog-highlight-color-3};
+  --ipb-caselog-color-highlight-4: #{$ipb-caselog-highlight-color-4};
+  --ipb-caselog-color-highlight-5: #{$ipb-caselog-highlight-color-5};
+}
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/variables/colors/_skeleton-palette.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/variables/colors/_skeleton-palette.scss
new file mode 100644
index 000000000..7317d18f3
--- /dev/null
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/variables/colors/_skeleton-palette.scss
@@ -0,0 +1,13 @@
+/*
+ * @copyright   Copyright (C) 2010-2025 Combodo SAS
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
+/* Skeleton palette
+CSS variables
+These are defined in themes/ as utils/ is included thrice and each time these variables are redeclared in the stylesheets
+*/
+:root {
+  --skeleton-start-color: #{$ipb-skeleton-start-color};
+  --skeleton-stop-color: #{$ipb-skeleton-stop-color};
+}
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/utils/variables/colors/_base-palette.scss b/datamodels/2.x/itop-portal-base/portal/public/css/utils/variables/colors/_base-palette.scss
index 50e248dd9..25127c1aa 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/utils/variables/colors/_base-palette.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/utils/variables/colors/_base-palette.scss
@@ -121,123 +121,4 @@ $ipb-color-purple-800: $common-color-purple-800 !default;
 $ipb-color-purple-900: $common-color-purple-900 !default;
 $ipb-color-purple-950: $common-color-purple-950 !default;
 
-$ipb-colors: $common-colors;
-
-/* CSS variables */
-:root {
-  --ipb-color-white-100: #{$ipb-color-white-100};
-  --ipb-color-white-200: #{$ipb-color-white-200};
-  --ipb-color-transparent: #{$ipb-color-transparent};
-
-  --ipb-color-grey-50: #{$ipb-color-grey-50};
-  --ipb-color-grey-100: #{$ipb-color-grey-100};
-  --ipb-color-grey-200: #{$ipb-color-grey-200};
-  --ipb-color-grey-300: #{$ipb-color-grey-300};
-  --ipb-color-grey-400: #{$ipb-color-grey-400};
-  --ipb-color-grey-500: #{$ipb-color-grey-500};
-  --ipb-color-grey-600: #{$ipb-color-grey-600};
-  --ipb-color-grey-700: #{$ipb-color-grey-700};
-  --ipb-color-grey-800: #{$ipb-color-grey-800};
-  --ipb-color-grey-900: #{$ipb-color-grey-900};
-  --ipb-color-grey-950: #{$ipb-color-grey-950};
-
-  --ipb-color-blue-grey-50: #{$ipb-color-blue-grey-50};
-  --ipb-color-blue-grey-100: #{$ipb-color-blue-grey-100};
-  --ipb-color-blue-grey-200: #{$ipb-color-blue-grey-200};
-  --ipb-color-blue-grey-300: #{$ipb-color-blue-grey-300};
-  --ipb-color-blue-grey-400: #{$ipb-color-blue-grey-400};
-  --ipb-color-blue-grey-500: #{$ipb-color-blue-grey-500};
-  --ipb-color-blue-grey-600: #{$ipb-color-blue-grey-600};
-  --ipb-color-blue-grey-700: #{$ipb-color-blue-grey-700};
-  --ipb-color-blue-grey-800: #{$ipb-color-blue-grey-800};
-  --ipb-color-blue-grey-900: #{$ipb-color-blue-grey-900};
-  --ipb-color-blue-grey-950: #{$ipb-color-blue-grey-950};
-
-  --ipb-color-blue-100: #{$ipb-color-blue-100};
-  --ipb-color-blue-200: #{$ipb-color-blue-200};
-  --ipb-color-blue-300: #{$ipb-color-blue-300};
-  --ipb-color-blue-400: #{$ipb-color-blue-400};
-  --ipb-color-blue-500: #{$ipb-color-blue-500};
-  --ipb-color-blue-600: #{$ipb-color-blue-600};
-  --ipb-color-blue-700: #{$ipb-color-blue-700};
-  --ipb-color-blue-800: #{$ipb-color-blue-800};
-  --ipb-color-blue-900: #{$ipb-color-blue-900};
-  --ipb-color-blue-950: #{$ipb-color-blue-950};
-
-  --ipb-color-cyan-100: #{$ipb-color-cyan-100};
-  --ipb-color-cyan-200: #{$ipb-color-cyan-200};
-  --ipb-color-cyan-300: #{$ipb-color-cyan-300};
-  --ipb-color-cyan-400: #{$ipb-color-cyan-400};
-  --ipb-color-cyan-500: #{$ipb-color-cyan-500};
-  --ipb-color-cyan-600: #{$ipb-color-cyan-600};
-  --ipb-color-cyan-700: #{$ipb-color-cyan-700};
-  --ipb-color-cyan-800: #{$ipb-color-cyan-800};
-  --ipb-color-cyan-900: #{$ipb-color-cyan-900};
-  --ipb-color-cyan-950: #{$ipb-color-cyan-950};
-
-  --ipb-color-green-100: #{$ipb-color-green-100};
-  --ipb-color-green-200: #{$ipb-color-green-200};
-  --ipb-color-green-300: #{$ipb-color-green-300};
-  --ipb-color-green-400: #{$ipb-color-green-400};
-  --ipb-color-green-500: #{$ipb-color-green-500};
-  --ipb-color-green-600: #{$ipb-color-green-600};
-  --ipb-color-green-700: #{$ipb-color-green-700};
-  --ipb-color-green-800: #{$ipb-color-green-800};
-  --ipb-color-green-900: #{$ipb-color-green-900};
-  --ipb-color-green-950: #{$ipb-color-green-950};
-
-  --ipb-color-orange-100: #{$ipb-color-orange-100};
-  --ipb-color-orange-200: #{$ipb-color-orange-200};
-  --ipb-color-orange-300: #{$ipb-color-orange-300};
-  --ipb-color-orange-400: #{$ipb-color-orange-400};
-  --ipb-color-orange-500: #{$ipb-color-orange-500};
-  --ipb-color-orange-600: #{$ipb-color-orange-600};
-  --ipb-color-orange-700: #{$ipb-color-orange-700};
-  --ipb-color-orange-800: #{$ipb-color-orange-800};
-  --ipb-color-orange-900: #{$ipb-color-orange-900};
-  --ipb-color-orange-950: #{$ipb-color-orange-950};
-
-  --ipb-color-red-100: #{$ipb-color-red-100};
-  --ipb-color-red-200: #{$ipb-color-red-200};
-  --ipb-color-red-300: #{$ipb-color-red-300};
-  --ipb-color-red-400: #{$ipb-color-red-400};
-  --ipb-color-red-500: #{$ipb-color-red-500};
-  --ipb-color-red-600: #{$ipb-color-red-600};
-  --ipb-color-red-700: #{$ipb-color-red-700};
-  --ipb-color-red-800: #{$ipb-color-red-800};
-  --ipb-color-red-900: #{$ipb-color-red-900};
-  --ipb-color-red-950: #{$ipb-color-red-950};
-
-  --ipb-color-pink-100: #{$ipb-color-pink-100};
-  --ipb-color-pink-200: #{$ipb-color-pink-200};
-  --ipb-color-pink-300: #{$ipb-color-pink-300};
-  --ipb-color-pink-400: #{$ipb-color-pink-400};
-  --ipb-color-pink-500: #{$ipb-color-pink-500};
-  --ipb-color-pink-600: #{$ipb-color-pink-600};
-  --ipb-color-pink-700: #{$ipb-color-pink-700};
-  --ipb-color-pink-800: #{$ipb-color-pink-800};
-  --ipb-color-pink-900: #{$ipb-color-pink-900};
-  --ipb-color-pink-950: #{$ipb-color-pink-950};
-
-  --ipb-color-yellow-100: #{$ipb-color-yellow-100};
-  --ipb-color-yellow-200: #{$ipb-color-yellow-200};
-  --ipb-color-yellow-300: #{$ipb-color-yellow-300};
-  --ipb-color-yellow-400: #{$ipb-color-yellow-400};
-  --ipb-color-yellow-500: #{$ipb-color-yellow-500};
-  --ipb-color-yellow-600: #{$ipb-color-yellow-600};
-  --ipb-color-yellow-700: #{$ipb-color-yellow-700};
-  --ipb-color-yellow-800: #{$ipb-color-yellow-800};
-  --ipb-color-yellow-900: #{$ipb-color-yellow-900};
-  --ipb-color-yellow-950: #{$ipb-color-yellow-950};
-
-  --ipb-color-purple-100: #{$ipb-color-purple-100};
-  --ipb-color-purple-200: #{$ipb-color-purple-200};
-  --ipb-color-purple-300: #{$ipb-color-purple-300};
-  --ipb-color-purple-400: #{$ipb-color-purple-400};
-  --ipb-color-purple-500: #{$ipb-color-purple-500};
-  --ipb-color-purple-600: #{$ipb-color-purple-600};
-  --ipb-color-purple-700: #{$ipb-color-purple-700};
-  --ipb-color-purple-800: #{$ipb-color-purple-800};
-  --ipb-color-purple-900: #{$ipb-color-purple-900};
-  --ipb-color-purple-950: #{$ipb-color-purple-950};
-}
\ No newline at end of file
+$ipb-colors: $common-colors;
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/utils/variables/colors/_lifecycle-palette.scss b/datamodels/2.x/itop-portal-base/portal/public/css/utils/variables/colors/_lifecycle-palette.scss
index 1af456588..30b449b84 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/utils/variables/colors/_lifecycle-palette.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/utils/variables/colors/_lifecycle-palette.scss
@@ -57,25 +57,4 @@ $ipb-lifecycle-states-colors: (
                 'primary-color': $ipb-lifecycle-inactive-state-primary-color,
                 'secondary-color': $ipb-lifecycle-inactive-state-secondary-color,
         ),
-);
-
-/* CSS varibales */
-:root {
-  --ipb-lifecycle-new-state-primary-color: #{$ipb-lifecycle-new-state-primary-color};
-  --ipb-lifecycle-new-state-secondary-color: #{$ipb-lifecycle-new-state-secondary-color};
-  --ipb-lifecycle-neutral-state-primary-color: #{$ipb-lifecycle-neutral-state-primary-color};
-  --ipb-lifecycle-neutral-state-secondary-color: #{$ipb-lifecycle-neutral-state-secondary-color};
-  --ipb-lifecycle-waiting-state-primary-color: #{$ipb-lifecycle-waiting-state-primary-color};
-  --ipb-lifecycle-waiting-state-secondary-color: #{$ipb-lifecycle-waiting-state-secondary-color};
-  --ipb-lifecycle-success-state-primary-color: #{$ipb-lifecycle-success-state-primary-color};
-  --ipb-lifecycle-success-state-secondary-color: #{$ipb-lifecycle-success-state-secondary-color};
-  --ipb-lifecycle-failure-state-primary-color: #{$ipb-lifecycle-failure-state-primary-color};
-  --ipb-lifecycle-failure-state-secondary-color: #{$ipb-lifecycle-failure-state-secondary-color};
-  --ipb-lifecycle-frozen-state-primary-color: #{$ipb-lifecycle-frozen-state-primary-color};
-  --ipb-lifecycle-frozen-state-secondary-color: #{$ipb-lifecycle-frozen-state-secondary-color};
-
-  --ipb-lifecycle-active-state-primary-color: #{$ipb-lifecycle-active-state-primary-color};
-  --ipb-lifecycle-active-state-secondary-color: #{$ipb-lifecycle-active-state-secondary-color};
-  --ipb-lifecycle-inactive-state-primary-color: #{$ipb-lifecycle-inactive-state-primary-color};
-  --ipb-lifecycle-inactive-state-secondary-color: #{$ipb-lifecycle-inactive-state-secondary-color};
-}
\ No newline at end of file
+);
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/utils/variables/colors/_semantic-palette.scss b/datamodels/2.x/itop-portal-base/portal/public/css/utils/variables/colors/_semantic-palette.scss
index 1b1e74b26..08e68faef 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/utils/variables/colors/_semantic-palette.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/utils/variables/colors/_semantic-palette.scss
@@ -98,89 +98,3 @@ $ipb-caselog-highlight-color-5: $common-caselog-highlight-color-5 !default;
 $ipb-caselog-highlight-color-6: $common-caselog-highlight-color-6 !default;
 $ipb-caselog-highlight-color-7: $common-caselog-highlight-color-7 !default;
 $ipb-caselog-highlight-colors: $common-caselog-highlight-colors !default;
-
-/* CSS variables */
-:root {
-  --ipb-color-primary-100: #{$ipb-color-primary-100};
-  --ipb-color-primary-200: #{$ipb-color-primary-200};
-  --ipb-color-primary-300: #{$ipb-color-primary-300};
-  --ipb-color-primary-400: #{$ipb-color-primary-400};
-  --ipb-color-primary-500: #{$ipb-color-primary-500};
-  --ipb-color-primary-600: #{$ipb-color-primary-600};
-  --ipb-color-primary-700: #{$ipb-color-primary-700};
-  --ipb-color-primary-800: #{$ipb-color-primary-800};
-  --ipb-color-primary-900: #{$ipb-color-primary-900};
-  --ipb-color-primary-950: #{$ipb-color-primary-950};
-
-  --ipb-color-secondary-100: #{$ipb-color-secondary-100};
-  --ipb-color-secondary-200: #{$ipb-color-secondary-200};
-  --ipb-color-secondary-300: #{$ipb-color-secondary-300};
-  --ipb-color-secondary-400: #{$ipb-color-secondary-400};
-  --ipb-color-secondary-500: #{$ipb-color-secondary-500};
-  --ipb-color-secondary-600: #{$ipb-color-secondary-600};
-  --ipb-color-secondary-700: #{$ipb-color-secondary-700};
-  --ipb-color-secondary-800: #{$ipb-color-secondary-800};
-  --ipb-color-secondary-900: #{$ipb-color-secondary-900};
-  --ipb-color-secondary-950: #{$ipb-color-secondary-950};
-
-  --ipb-color-information-100: #{$ipb-color-information-100};
-  --ipb-color-information-200: #{$ipb-color-information-200};
-  --ipb-color-information-300: #{$ipb-color-information-300};
-  --ipb-color-information-400: #{$ipb-color-information-400};
-  --ipb-color-information-500: #{$ipb-color-information-500};
-  --ipb-color-information-600: #{$ipb-color-information-600};
-  --ipb-color-information-700: #{$ipb-color-information-700};
-  --ipb-color-information-800: #{$ipb-color-information-800};
-  --ipb-color-information-900: #{$ipb-color-information-900};
-  --ipb-color-information-950: #{$ipb-color-information-950};
-
-  --ipb-color-success-100: #{$ipb-color-success-100};
-  --ipb-color-success-200: #{$ipb-color-success-200};
-  --ipb-color-success-300: #{$ipb-color-success-300};
-  --ipb-color-success-400: #{$ipb-color-success-400};
-  --ipb-color-success-500: #{$ipb-color-success-500};
-  --ipb-color-success-600: #{$ipb-color-success-600};
-  --ipb-color-success-700: #{$ipb-color-success-700};
-  --ipb-color-success-800: #{$ipb-color-success-800};
-  --ipb-color-success-900: #{$ipb-color-success-900};
-  --ipb-color-success-950: #{$ipb-color-success-950};
-
-  --ipb-color-warning-100: #{$ipb-color-warning-100};
-  --ipb-color-warning-200: #{$ipb-color-warning-200};
-  --ipb-color-warning-300: #{$ipb-color-warning-300};
-  --ipb-color-warning-400: #{$ipb-color-warning-400};
-  --ipb-color-warning-500: #{$ipb-color-warning-500};
-  --ipb-color-warning-600: #{$ipb-color-warning-600};
-  --ipb-color-warning-700: #{$ipb-color-warning-700};
-  --ipb-color-warning-800: #{$ipb-color-warning-800};
-  --ipb-color-warning-900: #{$ipb-color-warning-900};
-  --ipb-color-warning-950: #{$ipb-color-warning-950};
-
-  --ipb-color-danger-100: #{$ipb-color-danger-100};
-  --ipb-color-danger-200: #{$ipb-color-danger-200};
-  --ipb-color-danger-300: #{$ipb-color-danger-300};
-  --ipb-color-danger-400: #{$ipb-color-danger-400};
-  --ipb-color-danger-500: #{$ipb-color-danger-500};
-  --ipb-color-danger-600: #{$ipb-color-danger-600};
-  --ipb-color-danger-700: #{$ipb-color-danger-700};
-  --ipb-color-danger-800: #{$ipb-color-danger-800};
-  --ipb-color-danger-900: #{$ipb-color-danger-900};
-  --ipb-color-danger-950: #{$ipb-color-danger-950};
-
-  --ipb-color-error-100: #{$ipb-color-error-100};
-  --ipb-color-error-200: #{$ipb-color-error-200};
-  --ipb-color-error-300: #{$ipb-color-error-300};
-  --ipb-color-error-400: #{$ipb-color-error-400};
-  --ipb-color-error-500: #{$ipb-color-error-500};
-  --ipb-color-error-600: #{$ipb-color-error-600};
-  --ipb-color-error-700: #{$ipb-color-error-700};
-  --ipb-color-error-800: #{$ipb-color-error-800};
-  --ipb-color-error-900: #{$ipb-color-error-900};
-  --ipb-color-error-950: #{$ipb-color-error-950};
-
-  --ipb-caselog-color-highlight-1: #{$ipb-caselog-highlight-color-1};
-  --ipb-caselog-color-highlight-2: #{$ipb-caselog-highlight-color-2};
-  --ipb-caselog-color-highlight-3: #{$ipb-caselog-highlight-color-3};
-  --ipb-caselog-color-highlight-4: #{$ipb-caselog-highlight-color-4};
-  --ipb-caselog-color-highlight-5: #{$ipb-caselog-highlight-color-5};
-}
\ No newline at end of file
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/utils/variables/colors/_skeleton-palette.scss b/datamodels/2.x/itop-portal-base/portal/public/css/utils/variables/colors/_skeleton-palette.scss
index 1d398ca98..f178ef85c 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/utils/variables/colors/_skeleton-palette.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/utils/variables/colors/_skeleton-palette.scss
@@ -7,11 +7,4 @@
 /* - Colors used by skeletons svg to display placeholders */
 
 $ipb-skeleton-start-color: $common-skeleton-start-color !default;
-$ipb-skeleton-stop-color: $common-skeleton-stop-color !default;
-
-/* CSS variables */
-/* Skeleton CSS3 variables are not ipb prefixed as they are not iTop backoffice exclusives*/
-:root {
-  --skeleton-start-color: #{$ipb-skeleton-start-color};
-  --skeleton-stop-color: #{$ipb-skeleton-stop-color};
-}
\ No newline at end of file
+$ipb-skeleton-stop-color: $common-skeleton-stop-color !default;
\ No newline at end of file