Colorful unicode d6 menu

You can roll six-sided dice of various colors. This just shows the results of the rolls, it does not total them.

d6%20unicode%204%20color

Here’s the Action code. If you Italicize a roll it turns while, Bold for Red, Bold around Italic for blue, Italic around Bold for Green.

**2 dice** red **!!(2d[⚀,⚁,⚂,⚃,⚄,⚅])** white *!!(2d[⚀,⚁,⚂,⚃,⚄,⚅])*
**3 dice** red **!!(3d[⚀,⚁,⚂,⚃,⚄,⚅])** white *!!(3d[⚀,⚁,⚂,⚃,⚄,⚅])*
**4 dice** red  **!!(4d[⚀,⚁,⚂,⚃,⚄,⚅])** white *!!(4d[⚀,⚁,⚂,⚃,⚄,⚅])*
**5 dice** red **!!(5d[⚀,⚁,⚂,⚃,⚄,⚅])** white *!!(5d[⚀,⚁,⚂,⚃,⚄,⚅])*
**6 dice** blue **_!!(6d[⚀,⚁,⚂,⚃,⚄,⚅])_** green _**!!(6d[⚀,⚁,⚂,⚃,⚄,⚅])**_

And here’s the Stylus code:

div.chat-message em span.value { font-style: normal; font-size: 30px; color: white; }
div.chat-message strong span.value { font-weight: normal; font-size: 30px; color: red; }
div.chat-message strong em .value { font-style: normal; font-weight: normal; font-size: 30px; color: lightblue; }
div.chat-message em strong .value { font-style: normal; font-weight: normal; font-size: 30px; color: seagreen; }

Here’s the tutorial on installing Stylus: Use Stylus to make dice menus (and more)

2 Likes

@xBladeRunner I shared this with the team, everyone thought it was pretty darn cool!

Thanks much for this tutorial addition :clap:

1 Like

This is useless, but I was experimenting and kind of went down a rat-hole.

48%20PM

It uses unicode to display the cards, and some more CSS trickery to zoom up the font just on the card to 64px.

Action code:

|     | 
|----------|----------|----------|----------|
| clubs **!(1d[🃑, 🃒, 🃓, 🃔, 🃕, 🃖, 🃗, 🃘, 🃙, 🃚, 🃛, 🃜, 🃝, 🃞])** | diamonds *!(1d[🃁, 🃂, 🃃, 🃄, 🃅, 🃆, 🃇, 🃈, 🃉, 🃊, 🃋, 🃌, 🃍, 🃎])* |
| hearts *!(1d[🂱, 🂲, 🂳, 🂴, 🂵, 🂶, 🂷, 🂸, 🂹, 🂺, 🂻, 🂼, 🂽, 🂾])* | spades **!(1d[🂡, 🂢, 🂣, 🂤, 🂥, 🂦, 🂧, 🂨, 🂩, 🂪, 🂫, 🂬, 🂭, 🂮])** |

Stylus code:

div.chat-message td em .value {
    color: red;
    background-color: white;
    font-weight: normal;
    font-style: normal;
    font-size: 64px;
}
div.chat-message td strong .value {
    color: black;
    background-color: white;
    font-weight: normal;
    font-style: normal;
    font-size: 64px;
}

This code works with the dice code above because this applies styling only to cards-as-dice in tables.

To make it (marginally) useful, it probably needs the tertiary operators to first roll a d4 to get suit, then make the correct roll and bold or italic styling to correctly display the card.