A special tag #c:rainbow that changes the color of the following ^^highlight^^ and [[ ]] tag.

Roam-rainbow-tag.css

/* 		
Author: @CatoMinor3
Version: 1.1
Date: September 17th, 2020
Paypal support:  https://www.paypal.me/catominor3
What it does: A special tag #c:rainbow that changes 
the color of the following ^^highlight^^ and [[ ]] tag, or bold or emphasis.

How to use it? 
1) Put this code into roam/css
2) Simply assign class to the item under {{mermaid}}:
class IDOFTHEITEM merCOLOR; 

*/


[data-tag="c:rainbow"] + .roam-highlight,
[data-tag="c:rainbow"] + .rm-page-ref-link-color {
	  background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
  
}

[data-tag="c:rainbow"] + em,
[data-tag="c:rainbow"] + strong {
	  background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
	  -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  
 }