Answers for "css darken"

css darkmode

@media (prefers-color-scheme: dark) {

}

css darken color

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

css hover darken color

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

css darken

.button {
  color: #ff0000;
}

/* note: 100% is baseline so 85% is slightly darker, 
   20% would be significantly darker */
.button:hover {
  filter: brightness(85%);
}

how to lighten the color of text in html

There is "opacity" which will make the background shine through:

opacity: 0.5;(change the value according to your needs)