Metronic Private chat theme SCSS variables "--bs-info-light" is not defined
I am using metronic private chat theme. i didn't modify anything in that but in "https://preview.keenthemes.com/metronic8/react/demo1/apps/chat/private-chat#"
.text-dark and .bg-light-info are fetch from page-title.scss file. In my project .text-dark css fetch from text.scss and .bg-light-info from background.scss.
I think because of css property fetching from the mismatch files. the variables var(--bs-text-dark) and var(--bs-info-light) are showing as not defined. while inspect the elements both shows same class name-"p-5 rounded bg-light-info text-dark fw-bold mw-lg-400px text-start"
Replies (1)
Hi Aravindh,
Thank you for reaching out to us.
During development, you are using the original source files directly, and the class names will match the original file names. However, in production builds, CSS files are often minified and concatenated to optimize loading times. This process can lead to different class names in the final CSS file, making it harder to trace back to the original source files.
Does it cause any issues in your version?
Regards,
Lauris Stepanovs,
Keenthemes Support Team
