themes and colours

Five themes to start from, or five colours of your own.

themes

classic is the default. The others are midnight, mint, bubblegum and onyx.

<script type="module">
  import 'noxy-bots/element';
</script>

<noxy-bot theme="midnight"></noxy-bot>

your own colours

Five attributes set the colours: color-shell, color-screen, color-eye, color-accent and color-mouth, each a hex like #7cffcb. Any you leave out come from the theme, and Nox works out the shading itself. That shading starts from a light top, so custom colours don’t suit onyx, which is shaded by hand.

<script type="module">
  import 'noxy-bots/element';
</script>

<noxy-bot
  theme="midnight"
  color-eye="#7cffcb"
  color-accent="#ff4f9a"
></noxy-bot>

In React and JS, give look.theme all five as base, as the code above shows.