How do I change default color theme from #007aff to #575A89

Questions
1

Hello everyone thanks for your response in advance. Please I would like to change default color theme from blue to #575A89. I did not know how to apply this
:root {
–f7-theme-color: #f00;
–f7-theme-color-shade: #d60000;
–f7-theme-color-tint: #ff2929;
–f7-theme-color-rgb: 255, 0, 0;
}

nor this “app.utils.colorThemeCSSProperties(’#f00’);”
with the color I specified.
Thanks

2

Add this code to your CSS file

3

Thanks
I need to change this my color #575A89 for color-shade and color-tint so that it will not show red at all.
–f7-theme-color-shade: #d60000;
–f7-theme-color-tint: #ff2929;

4 
:root {
  --f7-theme-color: #575A89;
  --f7-theme-color-rgb: 87, 90, 137;
  --f7-theme-color-shade: #474a70;
  --f7-theme-color-tint: #696ca0;
}
5

Read docs, it has all required instructions how to get required variables https://framework7.io/docs/color-themes.html#custom-color-theme

6

Thanks nolimits4web for always been there to answer our questions.