.button {
color: #ff0000;
}
/* note: 100% is baseline so 85% is slightly darker,
20% would be significantly darker */
.button:hover {
filter: brightness(85%);
}@media (prefers-color-scheme: dark) {
} .your-css-class:hover {
background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
}// Darker a color
rgba(var(--color-variable), 0.5);There is "opacity" which will make the background shine through:
opacity: 0.5;(change the value according to your needs)