I would like to request support for the 'color' type for input elements when creating character sheets. A way to use these color attributes (which would store their data as CSS color strings) to player customization to roll templates would also be cool. E.g. w/ mockups: (Note that I'm using pug and less in the source for this example, but I compile these down to html and css for the character sheet) charBio.pug div.colors
span
label Roll Header Color:
+input('color', 'roll_head_color')
span
label Roll Body Color:
+input('color', 'roll_body_color')
rolltemplate.pug rolltemplate.sheet-rolltemplate-myrolltemplate
table(style='background: {{bodyColor}}, border-color: {{headColor}}')
thead: tr: th(style='background: {{headColor}}') {{charName}} ⇒ {{attr}}
tbody
tr: td Result {{result}}
| {{#notes}}
tr: td.notes
div Notes:
div {{notes}}
| {{/notes}}
rollTempalte.less .rolltemplate-myrolltemplate {
table {
border: solid 2px;
border-collapse: separate;
border-radius: 1em;
overflow: hidden;
width: 100%;
thead th {
color: #fff;
padding: 0.5em 1em;
}
tbody {
text-align: center;
tr:nth-child(2n+0) {
background: rgba(0,0,0,0.1);
}
td {
padding: 0.5em 0;
}
.upgrade, .downgrade {
span:nth-child(1) {
font-weight: bold;
padding-right: 1em;
}
}
.notes {
font-size: 0.8em;
font-style: italic;
word-break: break-word;
}
}
}
}
Now suppose I set the head_color and body_color attributes to '#7e3fc1' (a purple color) and '#ffffff' (white) respecitively. When the roll template outputs to the chat, it would look something like this: Alternatively, let's suppose Blumbo's player decides that Blumbo becomes an evil wizard and wants an edgier color scheme, say with head_color='#444444' and body_color='#ff8888'. Then their character's roll template results would look like this: