Page 1 of 1
rain - default font color
Posted: 21 Jan 2022, 15:31
by kubek1976
I have a problem with rain layout. I can't change default text color in all components. I have tried to change it in variables/_theme_light.scss but it is not working. Font color is set to #4B576F.
Where can i change font color - different for dark/light/dim mode ?
Re: rain - default font color
Posted: 26 Jan 2022, 15:05
by kubek1976
in overrides/_layout_styles.scss i added lines:
Code: Select all
body .ui-panelgrid .ui-panelgrid-cell {
color: $textColor;
}
body .ui-datatable .ui-datatable-data > tr {
color: $textColor;
}
now i can change font color in this components
Re: rain - default font color
Posted: 02 Feb 2022, 15:33
by mert.sincan
Hi,
I checked this issue. It works fine for me. Could you please attach a screenshot for us to replicate?
Best Regards,
Re: rain - default font color
Posted: 04 Feb 2022, 14:55
by kubek1976
My settings :
1) in _layout_light.scss :
$textColor:#191a1c !default;
2) in _theme_light.scss
$shade700:#000000 !default; //text color
Chrome console - font color is still #4B576F :
body .ui-panelgrid .ui-panelgrid-cell {
border: 1px solid #DFE3EA;
background: #ffffff;
color: #4B576F;
padding: 1rem;
}
My rain version is 3.0.0 . Maybe thats the problem ?
Re: rain - default font color
Posted: 14 Feb 2022, 03:16
by mert.sincan
Hi,
Sorry for the confusion! The $textColor variable is for the layout. This doesn't affect components. You need to change component variables according to your needs. Please review our Sass doc;
https://www.primefaces.org/designer/api ... es/10.0.0/
Best Regards,