css darken color

1.myElement:hover {
2  filter: brightness(150%);
3}

1// Darker a color
2rgba(var(--color-variable), 0.5);

1  .your-css-class:hover {
2    background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
3  }

1There is "opacity" which will make the background shine through:
2
3opacity: 0.5;(change the value according to your needs)