composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-04-21 01:28:47 +02:00
Code Issues Packages Projects Releases Wiki Activity

N°8274 - Move CSS color declaration to themes/ to avoid them being redeclared with every file importing utils

Browse Source
This commit is contained in:
Stephen Abello
2025-04-11 10:09:18 +02:00
parent a5c14c3a48
commit 06cc64f6d6
12 changed files with 278 additions and 236 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
datamodels/2.x/itop-portal-base/portal/public/css/themes/_all.scss
View File

@@ -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";

1
datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/_all.scss Normal file
View File

@@ -0,0 +1 @@
@import "variables/all";

1
datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/variables/_all.scss Normal file
View File

@@ -0,0 +1 @@
@import "colors/all";

9
datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/variables/colors/_all.scss Normal file
View File

@@ -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";

127
datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/variables/colors/_base-palette.scss Normal file
View File

@@ -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};
}

29
datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/variables/colors/_lifecycle-palette.scss Normal file
View File

@@ -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};
}

94
datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/variables/colors/_semantic-palette.scss Normal file
View File

@@ -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};
}

13
datamodels/2.x/itop-portal-base/portal/public/css/themes/utils/variables/colors/_skeleton-palette.scss Normal file
View File

@@ -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};
}

121
datamodels/2.x/itop-portal-base/portal/public/css/utils/variables/colors/_base-palette.scss
View File

@@ -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};
}
$ipb-colors: $common-colors;

23
datamodels/2.x/itop-portal-base/portal/public/css/utils/variables/colors/_lifecycle-palette.scss
View File

@@ -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};
}
);

86
datamodels/2.x/itop-portal-base/portal/public/css/utils/variables/colors/_semantic-palette.scss
View File

@@ -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};
}

9
datamodels/2.x/itop-portal-base/portal/public/css/utils/variables/colors/_skeleton-palette.scss
View File

@@ -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};
}
$ipb-skeleton-stop-color: $common-skeleton-stop-color !default;