Help modifying rushikesh CSS snippets for better text visibility in accented background

[bamajon1974]

Good morning.

I am using two of rushikesh CSS snippets ( GitHub - r-u-s-h-i-k-e-s-h/Obsidian-CSS-Snippets: Welcome to the ObsidianMD CSS Snippets repository, a collection of CSS code snippets to enhance the user interface elements of ObsidianMD ) in my vault, Command Palette Styling 1 and Tooltip Styling. Direct links are below. The snippets mostly work but in the default light theme with purple accent color, the black text in the command modal hotkey suggestions and tooltip verbiage is washed out by the purple background. Please see uploaded images at https://imgur.com/a/Odb4rly . How do I modify the CSS code to reduce the opacity of the hokey suggestion backgrounds (and not entire command palette modal) and tooltip background as variables that are accent color and theme aware to make the text more visible?

Thanks!

Snippets/Command%20palette%20styling%2001.md

Snippets/Tooltip%20styling.md

[ariehen]

For the command palette you can change the .suggestion-hotkey section to something like this. Adjust the percentage to your liking.

.suggestion-hotkey {
  background-color: color-mix(in srgb, var(--text-accent) 40%, transparent);
  color: black;
}

For the tooltip, change this:

body {
  --red: hsla(var(--interactive-accent-hsl), 0.5); /* originally 0.9 */
}