Tools
https://material.io/design/color/the-color-system.html#tools-for-picking-colors
https://material.io/tools/color/#!/?view.left=1&view.right=0&primary.color=0d2538
Theme
<div class="bg-background-primary">
<span class="text-accent">Accent color</span>
</div>
Accent color
<div class="bg-background-primary">
<span class="text-accent opacity-75">Accent hover opacity .75</span>
</div>
Accent hover opacity .75
Alerts
from https://tailwindcss.com/components/alerts/
Holy smokes! Something seriously bad happened.
Accordion
from https://vuejsexamples.com/an-accordion-using-vuejs-and-tailwind-css/
With Component and Dark Theme:
Custom Blocks
/src/.vuepress/theme/styles/index.styl
This is a quote. Lorem ipsum dolor sit amet, ut alii voluptaria est, ad illum inimicus deterruisset eam. His eu bonorum adipisci definiebas, no vis nostrud conclusionemque. Ad his virtute accusata, pro habemus singulis temporibus ut, ne bonorum dolores euripidis quo. No nam amet erant intellegebat. Rationibus instructior id pri, vis case abhorreant ea, id sea meis feugiat.