Text-main-color not working

Support
#1

Hi,

I am trying to implement themes, but it is not working. Cannot find the issue

application.properties file :

jmix.ui.theme.name=sample
jmix.ui.theme-config=com/company/traveljourney/theme/sample-theme.properties

sample-theme.properties file :
@include=io/jmix/ui/theme/helium-theme.properties

sample.scss file :

@import "../helium/helium";

@mixin sample {
  @include helium;
}

sample-defaults.scss file :
@import "../helium/helium-defaults";

styles.scss file :

@import "sample-defaults";
@import "addons";
@import "sample";

.sample {
  @include addons;
  @include sample;
}


.labels {
  --text-main-color: #8BFFAA;
  text-align: center;
}

sample-ui.xml
<textField id="t1" stylename="labels"/>

Note : ‘text-align’ is working, but not ‘–text-main-color’

Thanks in advance

#2

Hi,

Custom styles must be placed inside <theme-name>.scss file within @mixin <theme-name>.

Regards,
Gleb