Disclosure: I’m new to all of this CSS, HTML, etc. shenanigans; aside from a private BookStack instance, this is my first venture into any kind of theming.
That being said, I put Casper in the dark and he picked up a few tricks/features. I’ve attached a couple screenshots, or you can check the theme out on my site. It’s a bit of a work in progress, but I thought it was sufficiently done enough for sharing.
The GitHub repo contains a more thorogh readme and usage examples for the features below.
PrismJS & Custom “One Dark” Theme
PrismJS is packaged with my custom One Dark theme and the following languages and plugins;
5 custom callout styles (inspired by BookStack callouts).
<div>can be used to include line-breaks and markdown in the callout; markdown requires a blank space after the
- Generic (white)
- Info (🛈 blue)
- Success (✓ green)
- Warning ( orange)
- Danger (⯃ red)
Styling for HTML5
<details> elements, used as accordions.
Styled Steps Tables
Custom format for single column tables outlining process steps.