The proprietary app designer `Opentext Documentum xCP` calls Sencha Cmd under the hood when it builds a custom theme for a web app.
In the theme there's a map of colors by name and each color is a map of color values by color type.
The problem is in the generated css file only contains the classes for the first color in the map. However, if I paste the scss file to some online converter all colors are processed.
Here are the contents of the file: https://pastebin.com/zN5eHgBB , BTW, what's "default"?
Code:
$materialize-red: (
"base": #e51c23,
"lighten-5": #fdeaeb
);
$red: (
"base": #F44336,
"lighten-5": #FFEBEE
);
$colorsarray: (
"materialize-red": $materialize-red,
"red": $red
)!default;
@each $color_name, $color in $colorsarray {
@each $color_type, $color_value in $color {
@if $color_type == "base" {
.#{$color_name} {
background-color: $color_value !important;
}
.#{$color_name}-text {
color: $color_value !important;
}
}
@else if $color_name != "shades" {
.#{$color_name}.#{$color_type} {
background-color: $color_value !important;
}
.#{$color_name}-text.text-#{$color_type} {
color: $color_value !important;
}
}
}
}
Its location relative to build root is: sass\custom\components\_color.scss
I don't know how to isolate the problem. I just know the command line used by xCP to build the app and the app folder is generated by xCP too.
Code:
sencha.exe help package upgrade
sencha.exe help package build
No obvious errors are printed by these commands. _colors.scss is not mentioned.
The generated css files are located in build\resources\xcp-custom-theme-all-debug*.css
In them the classes for $shades immediately follow the classes for materialize-red : https://pastebin.com/Zfb0MScz :
Code:
/* C:/xCPDesigner16.4P6/Applications/EducationApplication/.metadata/.plugins/com.emc.xcp.uitemplate.ui/resources/custom-themes/fluxsn.MaterialTheme-2.3.0/packages/local/xcp-custom-theme/sass/custom/components/_color.scss:380 */
.materialize-red2-text.text-darken-4 {
color: #8b1014 !important;
}
/* C:/xCPDesigner16.4P6/Applications/EducationApplication/.metadata/.plugins/com.emc.xcp.uitemplate.ui/resources/custom-themes/fluxsn.MaterialTheme-2.3.0/packages/local/xcp-custom-theme/sass/custom/components/_color.scss:389 */
.black {
background-color: #000 !important;
}
/* C:/xCPDesigner16.4P6/Applications/EducationApplication/.metadata/.plugins/com.emc.xcp.uitemplate.ui/resources/custom-themes/fluxsn.MaterialTheme-2.3.0/packages/local/xcp-custom-theme/sass/custom/components/_color.scss:392 */
.black-text {
color: #000 !important;
}