Placeholder wrong color?

[jzju]

https://cdn.jsdelivr.net/gh/AnnMarieW/dash-bootstrap-templates@master/dbc.css

.dbc input::placeholder {
  color: var(--bs-body-color) !important;
  background-color: var(--bs-body-bg) !important;
}

.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}

Shoudn't the placeholder be gray insted of black?

Also could the placeholder color for dbc.Input and dcc.Dropdown be synced. It seems that they are different even if it's bs-secondary-color?

.Select-placeholder {
  color: var(--bs-secondary-color) !important;
  background-color: var(--bs-body-bg) !important;
}

Seems to fix it but brobably need .dbc tags.

[AnnMarieW]

Hi @jzju Yes, you are correct! Nice catch - thank you :medal_sports:

I'll make the correction today, check tomorrow for the corrected version as it takes a bit to for the CDN to refresh.