hey! i got frustrated with there being no good ways of recreating minecraft visuals using something like css, and it eventually frustrated me enough that i ended up doing it myself.
i recreated the minecraft seven font (for the most part, there's definitely a few errors) and spent some time implementing various text-based visuals into css. currently, it includes all 16 color codes, text shadows, bold / italic / strikethrough / underlined text, titles, subtitles, and chat.
you can see how it looks here!
feel free to use this! i made it because nobody had already. just grab the minecraft.css file as well as the fonts and you're all set :>
yeah okay fair it looks complicated
basically, the way minecraft colors work is that there's 4 values for different levels of each RGB channel: 0, 85, 170, and 255. every default color is some combination of these numbers. the color of a color's shadow is calculated by dividing the value of each channel by 4.
so gold is rgb(255, 170, 0), and its shadow is rgb(255/4, 170/4, 0/4), or rgb(64, 42, 0).
because that's how minecraft does it
| name | color | hex |
|---|---|---|
| black | #000 | |
| dark_blue | #00A | |
| dark_green | #0A0 | |
| dark_aqua | #0AA | |
| dark_red | #A00 | |
| dark_purple | #A0A | |
| gold | #FA0 | |
| gray | #AAA | |
| dark_gray | #555 | |
| blue | #55F | |
| green | #5F5 | |
| aqua | #5FF | |
| red | #F55 | |
| light_purple | #F5F | |
| yellow | #FF5 | |
| white | #FFF |