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
Add this code to your CSS file
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;
:root {
--f7-theme-color: #575A89;
--f7-theme-color-rgb: 87, 90, 137;
--f7-theme-color-shade: #474a70;
--f7-theme-color-tint: #696ca0;
}
Read docs, it has all required instructions how to get required variables https://framework7.io/docs/color-themes.html#custom-color-theme
Thanks nolimits4web for always been there to answer our questions.