Want to address this isn't a big issue as if it isn't solved I could end up using the code below. But if you eager to help, be my guest!
.c-common {font-weight: bold; color: #b1b1b1; text-shadow:1.5px 1.5px 0 #3e3e3e,-1.5px 1.5px 0 #3e3e3e,1.5px -1.5px 0 #3e3e3e,-1.5px -1.5px 0 #3e3e3e,0px 1.5px 0 #3e3e3e,0px -1.5px 0 #3e3e3e,-1.5px 0px 0 #3e3e3e,1.5px 0px 0 #3e3e3e,1.5px 1.5px 0 #3e3e3e,-1.5px 1.5px 0 #3e3e3e,1.5px -1.5px 0 #3e3e3e,-1.5px -1.5px 0 #3e3e3e,0px 1.5px 0 #3e3e3e,0px -1.5px 0 #3e3e3e,-1.5px 0px 0 #3e3e3e,1.5px 0px 0 #3e3e3e,1.5px 1.5px 0 #3e3e3e,-1.5px 1.5px 0 #3e3e3e,1.5px -1.5px 0 #3e3e3e,-1.5px -1.5px 0 #3e3e3e,1.5px 1.5px 0 #3e3e3e,-1.5px 1.5px 0 #3e3e3e,1.5px -1.5px 0 #3e3e3e,-1.5px -1.5px 0 #3e3e3e}
.c-rare {font-weight: bold; color: #00a800; text-shadow:1.5px 1.5px 0 #003b00,-1.5px 1.5px 0 #003b00,1.5px -1.5px 0 #003b00,-1.5px -1.5px 0 #003b00,0px 1.5px 0 #003b00,0px -1.5px 0 #003b00,-1.5px 0px 0 #003b00,1.5px 0px 0 #003b00,1.5px 1.5px 0 #003b00,-1.5px 1.5px 0 #003b00,1.5px -1.5px 0 #003b00,-1.5px -1.5px 0 #003b00,0px 1.5px 0 #003b00,0px -1.5px 0 #003b00,-1.5px 0px 0 #003b00,1.5px 0px 0 #003b00,1.5px 1.5px 0 #003b00,-1.5px 1.5px 0 #003b00,1.5px -1.5px 0 #003b00,-1.5px -1.5px 0 #003b00,1.5px 1.5px 0 #003b00,-1.5px 1.5px 0 #003b00,1.5px -1.5px 0 #003b00,-1.5px -1.5px 0 #003b00}
.c-epic {font-weight: bold; color: #8300c5; text-shadow:1.5px 1.5px 0 #2e0045,-1.5px 1.5px 0 #2e0045,1.5px -1.5px 0 #2e0045,-1.5px -1.5px 0 #2e0045,0px 1.5px 0 #2e0045,0px -1.5px 0 #2e0045,-1.5px 0px 0 #2e0045,1.5px 0px 0 #2e0045,1.5px 1.5px 0 #2e0045,-1.5px 1.5px 0 #2e0045,1.5px -1.5px 0 #2e0045,-1.5px -1.5px 0 #2e0045,0px 1.5px 0 #2e0045,0px -1.5px 0 #2e0045,-1.5px 0px 0 #2e0045,1.5px 0px 0 #2e0045,1.5px 1.5px 0 #2e0045,-1.5px 1.5px 0 #2e0045,1.5px -1.5px 0 #2e0045,-1.5px -1.5px 0 #2e0045,1.5px 1.5px 0 #2e0045,-1.5px 1.5px 0 #2e0045,1.5px -1.5px 0 #2e0045,-1.5px -1.5px 0 #2e0045}
.c-legendary {font-weight: bold; color: #ca0000; text-shadow:1.5px 1.5px 0 #470000,-1.5px 1.5px 0 #470000,1.5px -1.5px 0 #470000,-1.5px -1.5px 0 #470000,0px 1.5px 0 #470000,0px -1.5px 0 #470000,-1.5px 0px 0 #470000,1.5px 0px 0 #470000,1.5px 1.5px 0 #470000,-1.5px 1.5px 0 #470000,1.5px -1.5px 0 #470000,-1.5px -1.5px 0 #470000,0px 1.5px 0 #470000,0px -1.5px 0 #470000,-1.5px 0px 0 #470000,1.5px 0px 0 #470000,1.5px 1.5px 0 #470000,-1.5px 1.5px 0 #470000,1.5px -1.5px 0 #470000,-1.5px -1.5px 0 #470000,1.5px 1.5px 0 #470000,-1.5px 1.5px 0 #470000,1.5px -1.5px 0 #470000,-1.5px -1.5px 0 #470000}
.c-mythical {font-weight: bold; color: #fe5500; text-shadow:1.5px 1.5px 0 #591d00,-1.5px 1.5px 0 #591d00,1.5px -1.5px 0 #591d00,-1.5px -1.5px 0 #591d00,0px 1.5px 0 #591d00,0px -1.5px 0 #591d00,-1.5px 0px 0 #591d00,1.5px 0px 0 #591d00,1.5px 1.5px 0 #591d00,-1.5px 1.5px 0 #591d00,1.5px -1.5px 0 #591d00,-1.5px -1.5px 0 #591d00,0px 1.5px 0 #591d00,0px -1.5px 0 #591d00,-1.5px 0px 0 #591d00,1.5px 0px 0 #591d00,1.5px 1.5px 0 #591d00,-1.5px 1.5px 0 #591d00,1.5px -1.5px 0 #591d00,-1.5px -1.5px 0 #591d00,1.5px 1.5px 0 #591d00,-1.5px 1.5px 0 #591d00,1.5px -1.5px 0 #591d00,-1.5px -1.5px 0 #591d00}
.c-christmas {font-weight: bold; color: #9bfefe; text-shadow:1.5px 1.5px 0 #365959,-1.5px 1.5px 0 #365959,1.5px -1.5px 0 #365959,-1.5px -1.5px 0 #365959,0px 1.5px 0 #365959,0px -1.5px 0 #365959,-1.5px 0px 0 #365959,1.5px 0px 0 #365959,1.5px 1.5px 0 #365959,-1.5px 1.5px 0 #365959,1.5px -1.5px 0 #365959,-1.5px -1.5px 0 #365959,0px 1.5px 0 #365959,0px -1.5px 0 #365959,-1.5px 0px 0 #365959,1.5px 0px 0 #365959,1.5px 1.5px 0 #365959,-1.5px 1.5px 0 #365959,1.5px -1.5px 0 #365959,-1.5px -1.5px 0 #365959,1.5px 1.5px 0 #365959,-1.5px 1.5px 0 #365959,1.5px -1.5px 0 #365959,-1.5px -1.5px 0 #365959}
.c-easter {font-weight: bold; color: #90f99c; text-shadow:1.5px 1.5px 0 #325737,-1.5px 1.5px 0 #325737,1.5px -1.5px 0 #325737,-1.5px -1.5px 0 #325737,0px 1.5px 0 #325737,0px -1.5px 0 #325737,-1.5px 0px 0 #325737,1.5px 0px 0 #325737,1.5px 1.5px 0 #325737,-1.5px 1.5px 0 #325737,1.5px -1.5px 0 #325737,-1.5px -1.5px 0 #325737,0px 1.5px 0 #325737,0px -1.5px 0 #325737,-1.5px 0px 0 #325737,1.5px 0px 0 #325737,1.5px 1.5px 0 #325737,-1.5px 1.5px 0 #325737,1.5px -1.5px 0 #325737,-1.5px -1.5px 0 #325737,1.5px 1.5px 0 #325737,-1.5px 1.5px 0 #325737,1.5px -1.5px 0 #325737,-1.5px -1.5px 0 #325737}
/* Rarity Template Color Theme */
.c-quidz {font-weight: bold; color: #efb935; text-shadow:1.5px 1.5px 0 #452e09,-1.5px 1.5px 0 #452e09,1.5px -1.5px 0 #452e09,-1.5px -1.5px 0 #452e09,0px 1.5px 0 #452e09,0px -1.5px 0 #452e09,-1.5px 0px 0 #452e09,1.5px 0px 0 #452e09,1.5px 1.5px 0 #452e09,-1.5px 1.5px 0 #452e09,1.5px -1.5px 0 #452e09,-1.5px -1.5px 0 #452e09,0px 1.5px 0 #452e09,0px -1.5px 0 #452e09,-1.5px 0px 0 #452e09,1.5px 0px 0 #452e09,1.5px 1.5px 0 #452e09,-1.5px 1.5px 0 #452e09,1.5px -1.5px 0 #452e09,-1.5px -1.5px 0 #452e09,1.5px 1.5px 0 #452e09,-1.5px 1.5px 0 #452e09,1.5px -1.5px 0 #452e09,-1.5px -1.5px 0 #452e09}
.c-gems {font-weight: bold; color: #3bf54b; text-shadow:1.5px 1.5px 0 #002900,-1.5px 1.5px 0 #002900,1.5px -1.5px 0 #002900,-1.5px -1.5px 0 #002900,0px 1.5px 0 #002900,0px -1.5px 0 #002900,-1.5px 0px 0 #002900,1.5px 0px 0 #002900,1.5px 1.5px 0 #002900,-1.5px 1.5px 0 #002900,1.5px -1.5px 0 #002900,-1.5px -1.5px 0 #002900,0px 1.5px 0 #002900,0px -1.5px 0 #002900,-1.5px 0px 0 #002900,1.5px 0px 0 #002900,1.5px 1.5px 0 #002900,-1.5px 1.5px 0 #002900,1.5px -1.5px 0 #002900,-1.5px -1.5px 0 #002900,1.5px 1.5px 0 #002900,-1.5px 1.5px 0 #002900,1.5px -1.5px 0 #002900,-1.5px -1.5px 0 #002900}
/* Currency Template Color */
Back on topic, I there is a issue where infoboxes makes the text from the Currency and Rarity templates dark. When I use the templates outside of a infobox, they work as intended.
How they're supposed to be (Rarity article):
Here is the code used for the design:
.c-common {font-weight: bold; background: linear-gradient(#b1b1b1, #747474); background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0.8px linear-gradient(#3e3e3e, #252525)}
.c-rare {font-weight: bold; background: linear-gradient(#00a800, #006d00); background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0.8px linear-gradient(#003b00, #002300)}
.c-epic {font-weight: bold; background: linear-gradient(#8300c5, #55007f); background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0.8px linear-gradient(#2e0045, #1c0029)}
.c-legendary {font-weight: bold; background: linear-gradient(#ca0000, #820000); background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0.8px linear-gradient(#470000, #2b0000)}
.c-mythical {font-weight: bold; background: linear-gradient(#fe5500, #a43700); background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0.8px linear-gradient(#591d00, #351100)}
.c-christmas {font-weight: bold; background: linear-gradient(#9bfefe, #64a4a4); background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0.8px linear-gradient(#365959, #203535)}
.c-easter {font-weight: bold; background: linear-gradient(#90f99c, #5da165); background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0.8px linear-gradient(#325737, #1e3321)}
/* Rarity Template Color Theme */
.c-quidz {font-weight: bold; background: linear-gradient(#efb935, #9e7b24); background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0.8px linear-gradient(#452e09, #2c1d05)}
.c-gems {font-weight: bold; background: linear-gradient(#3bf54b, #28a331); background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0.8px linear-gradient(#002900, #001a00)}
/* Currency Template Color */