Is it possible to override latex color with bold color when i type `**$[formula$**`?

Custom CSS & Theme Design
1

What I’m trying to do

I want the latex text color to be replaced by the bold color when I type **$[formula]$**.

Things I have tried

/* bold color */
:root body {
  --bold-color: rgb(93, 149, 255) !important;
}

/*Created by ChatGPT*/
strong > span.katex {
  color: rgb(93, 149, 255) !important;
}