Roam - colored bold, italics and highlight by @CatoMinor3

Roam-colored_fonts.css

/*
Author:: @CatoMinor3
Version:: 2
Date:: June 14th, 2020
PayPal support: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=6AMGMUDRX29XU&source=url 
How to use this? Simply write c:COLOR (see supported colors below) and follow it with 
bold, italics or highlighted text.
*/

/* ---------------- Roam colors -----------------*/

/*Supporter colors:
https://github.com/mrmrs/colors

.navy { color: #001F3F; }
.blue { color: #0074D9; }
.aqua { color: #7FDBFF; }
.teal { color: #39CCCC; }
.olive { color: #3D9970; }
.green { color: #2ECC40; }
.lime { color: #01FF70; }
.yellow { color: #FFDC00; }
.orange { color: #FF851B; }
.red { color: #FF4136; }
.fuchsia { color: #F012BE; }
.purple { color: #B10DC9; }
.maroon { color: #85144B; }
.silver { color: #DDDDDD; }
.gray { color: #AAAAAA; }
.black { color: #111111; }

*/
[data-tag^="c:"] {
    	display:none !important;  
}

[data-tag^="c:"] + .roam-highlight, 
[data-tag^="c:"] + .rm-page-ref-link-color {
    color: white !important;
	border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
}

[data-tag="c:navy"] + .roam-highlight,
[data-tag="c:navy"] + .rm-page-ref-link-color {
	background-color: #001F3F !important;
}

[data-tag="c:navy"] + em, 
[data-tag="c:navy"] + strong 
{color: #001F3F; }

[data-tag="c:blue"] + .roam-highlight,
[data-tag="c:blue"] + .rm-page-ref-link-color {
	background-color: #0074D9 !important;
}


[data-tag="c:blue"] + em, 
[data-tag="c:blue"] + strong {
    color: #0074D9;
    
}

[data-tag="c:aqua"] + .roam-highlight,
[data-tag="c:aqua"] + .rm-page-ref-link-color {
	background-color: #7FDBFF !important;
}

[data-tag="c:aqua"] + em, 
[data-tag="c:aqua"] + strong {
    color: #7FDBFF;
    
}

[data-tag="c:teal"] + .roam-highlight,
[data-tag="c:teal"] + .rm-page-ref-link-color {
	background-color: #39CCCC !important;
}


[data-tag="c:teal"] + em,
[data-tag="c:teal"] + strong {
    color: #39CCCC;
    
}


[data-tag="c:olive"] + .roam-highlight,
[data-tag="c:olive"] + .rm-page-ref-link-color {
	background-color: #3D9970 !important;
}

[data-tag="c:olive"] + em,
[data-tag="c:olive"] + strong {
    color: #3D9970;
    
}

[data-tag="c:green"] + .roam-highlight,
[data-tag="c:green"] + .rm-page-ref-link-color {
	background-color: #2ECC40 !important;
}

[data-tag="c:green"] + em,
[data-tag="c:green"] + strong {
    color: #2ECC40;
    
}


[data-tag="c:lime"] + .roam-highlight,
[data-tag="c:lime"] + .rm-page-ref-link-color {

	background-color: #01FF70 !important;

}

[data-tag="c:lime"] + em,
[data-tag="c:lime"] + strong {
    color: #01FF70;
    
}

[data-tag="c:yellow"] + .roam-highlight,
[data-tag="c:yellow"] + .rm-page-ref-link-color {

	background-color: #FFDC00 !important;

}

[data-tag="c:yellow"] + em,
[data-tag="c:yellow"] + strong {
    color: #FFDC00;
    
}

[data-tag="c:orange"] + .roam-highlight,
[data-tag="c:orange"] + .rm-page-ref-link-color {

	background-color: #FF851B !important;

}

[data-tag="c:orange"] + em,
[data-tag="c:orange"] + strong {
    color: #FF851B;
    
}


[data-tag="c:red"] + .roam-highlight,
[data-tag="c:red"] + .rm-page-ref-link-color {

	background-color: #FF4136 !important;

}

[data-tag="c:red"] + em,
[data-tag="c:red"] + strong {
    color: #FF4136;
    
}

[data-tag="c:fuchsia"] + .roam-highlight,
[data-tag="c:fuchsia"] + .rm-page-ref-link-color {

	background-color: #F012BE !important;

}

[data-tag="c:fuchsia"] + em, 
[data-tag="c:fuchsia"] + strong {
    color: #F012BE;
    
}

[data-tag="c:purple"] + .roam-highlight,
[data-tag="c:purple"] + .rm-page-ref-link-color {

	background-color: #B10DC9 !important;

}

[data-tag="c:purple"] + em,
[data-tag="c:purple"] + strong {
    
    color: #B10DC9;
}

[data-tag="c:maroon"] + .roam-highlight,
[data-tag="c:maroon"] + .rm-page-ref-link-color {

	background-color: #85144B !important;

}

[data-tag="c:maroon"] + em,
[data-tag="c:maroon"] + strong {
    color: #85144B;
    
}

[data-tag="c:silver"] + .roam-highlight,
[data-tag="c:silver"] + .rm-page-ref-link-color {

	background-color: #DDDDDD !important;

}

[data-tag="c:silver"] + em,
[data-tag="c:silver"] + strong {
    color: #DDDDDD;
    
}

[data-tag="c:gray"] + .roam-highlight,
[data-tag="c:gray"] + .rm-page-ref-link-color {

	background-color: #AAAAAA !important;

}

[data-tag="c:gray"] + em,
[data-tag="c:gray"] + strong {
    color: #AAAAAA;
    
}

[data-tag="c:black"] + .roam-highlight,
[data-tag="c:black"] + .rm-page-ref-link-color {

	background-color: #111111 !important;

}

[data-tag="c:black"] + em,
[data-tag="c:black"] + strong {
    color: #111111;
    
}