fix: dashboard names invisible due to same background color

[YounixM]

Summary

Issue:

After:

[github-actions]

Build Error! No Linked Issue found. Please link an issue or mention it in the body using #<issue_id>

[ankitnayan]

Do we know which PR caused this? Else maybe this PR causes the other PR to break UI for which this was put in place

[YounixM]

@ankitnayan : The dark mode styles had more specificity and hence dark mode color gets applied. In this PR, we have updated lightMode specific color only, hence it won't revert the other change.

[YounixM]

https://github.com/SigNoz/signoz/pull/5672/files

frontend/src/container/ListOfDashboard/DashboardList.styles.scss

Line 78:

.title {
	color: var(--bg-vanilla-100);
	font-size: var(--font-size-sm);
	font-style: normal;
	font-weight: var(--font-weight-medium);
	line-height: 20px;
	letter-spacing: -0.07px;

	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

This style was more specific and the styles got applied.

[ankitnayan]

ok