This is from his direct copy with notes still included: /* example colors */ .sheet-rolltemplate-custom .sheet-container { /* this is the default color */ --header-bg-color: rgba(112,32,130,1); --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-red { --header-bg-color: #F00; } .sheet-rolltemplate-custom .sheet-container.sheet-color-green { --header-bg-color: #0F0; --header-text-color: #000; } Basically, the lower 2 parts that start with ".sheet-rolltemplate-custom .sheet-container.sheet-color-" are the parts that you are calling with {{color=red}} or {{color=green}} in the macro. You just choose the color name at the end of that line, put the color codes in for background and text, and you are done. There is probably a good tool for coming up with the color codes like Jakob used. Since I could easily choose whatever color I wanted from the color choosing tool in GIMP, I used rgba for my colors. My color section of the css ended up looking like this. .sheet-rolltemplate-custom .sheet-container.sheet-color-black { --header-bg-color: #OOO; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-brown { --header-bg-color: rgba(144,77,10,1); --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-yellow { --header-bg-color: rgba(230,195,90,1); --header-text-color: #OOO; } .sheet-rolltemplate-custom .sheet-container.sheet-color-grey { --header-bg-color: rgba(187,187,187,1); --header-text-color: #OOO; } .sheet-rolltemplate-custom .sheet-container.sheet-color-blue { --header-bg-color: rgba(6,54,134,1); --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-red { --header-bg-color: rgba(125,26,26,1); --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-green { --header-bg-color: rgba(67,128,91,1); --header-text-color: #FFF; } Good luck!