rain - default font color

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
kubek1976
Posts: 5
Joined: 12 Jan 2022, 14:03

21 Jan 2022, 15:31

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 ?

kubek1976
Posts: 5
Joined: 12 Jan 2022, 14:03

26 Jan 2022, 15:05

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

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

02 Feb 2022, 15:33

Hi,

I checked this issue. It works fine for me. Could you please attach a screenshot for us to replicate?

Best Regards,

kubek1976
Posts: 5
Joined: 12 Jan 2022, 14:03

04 Feb 2022, 14:55

Image

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 ?

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

14 Feb 2022, 03:16

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,

Post Reply

Return to “Rain - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests