Blackthorn Theme 2.0
This is version 2 of the Blackthorn theme, a theme for GM binder by /u/blckthorn. You can find the dark version of this theme here. Feel free to PM me with any questions, criticisms, comments or suggestions
About this theme - Use, Changes | Statblocks - Monster, Vehicle | Using Art - Full Page Stains, DIY |
Basic elements - Headings, Note Blocks | Footers - Tree Images, Old Footers | Credits - Credits and Thanks |
Tables - Tables, Class Blocks | Extras - Divider Images, etc. | |
About this theme
Use
Use all or parts of this theme freely within GM Binder, even if it's something you're selling. A brief mention is always nice as I like seeing what people have done with it
To use this theme - copy the theme (and html) code section and paste into the top of your document
Back up your work - It bears mentioning that if you are making tweaks to this, or any other theme, copy your code regularly to a text file or Google Docs
Changes
- New custom footer images. The tree silhouette on the side can be disabled. There is also an option to use the old Xanathar's-style footers (see below)
- New full-page watercolor stains - an adaptation of those created by FallenWyvern
- A brief how-to on creating your own watercolor stains using Photoshop/GIMP
- Vehicle statblocks have been added
- Minor element, color and font adjustments
- Added classes that can be used for centering, indenting or padding text left and right
- New divider art
Themed Elements
To my knowledge, all elements have been themed. This includes fonts, headings, part headers, noteblocks, tables, statblocks, footers, fonts and art.
Snippets, including cover pages, should work correctly
Headings
There are 6 headings. Headings 1-5 are pretty standard, while heading 6 is centered and can be easily modified for special uses
h1 (#) is at the top of this page
h2 heading (##)
h3 heading (###)
h4 heading (####)
h5 heading (#####)
h6 (######)
Part Headers
Part header examples are on pages 2 and 4
PHB
Part Header Example
Note Blocks
Note Block
All Note Block headings are white
Text is black
Description Block
Description block headings are colored
For this theme, I reduced the line spacing for the Description Block
Should you prefer the original Description Block line spacing, remove the following 2 lines from that theme section:
<font color=#d9b257> .phb .descriptive p {padding-bottom:0; line-height:1.2em}
.phb .descriptive p+p {padding-top:0em} </font>
Tables
Including Class Blocks, tables and wide tables
Tables
Size | HP | AC | Str | Dex | Attack | Damage | |||
---|---|---|---|---|---|---|---|---|---|
Tiny | 20 | 18 | 4 | 18 | +8 | 1d4 + 4 | |||
Small | 25 | 16 | 6 | 14 | +6 | 1d8 + 2 | |||
Medium | 40 | 13 | 10 | 12 | +5 | 2d6 + 1 | |||
Large | 50 | 10 | 14 | 10 | +6 | 2d10 + 2 | |||
Huge | 80 | 10 | 18 | 6 | +8 | 2d12 + 4 |
To make a wide table, insert the following before the table, making sure not to forget the </div> tag afterwards
<div class=wide>
Class Blocks
The Deadly Class
Level | Proficiency Bonus | Features | Deadliness Modifier | |
---|---|---|---|---|
1st | +2 | angry chicken | +3 | |
2nd | +3 | fatal blunder | +4 | |
10th | +4 | deadly on Tuesday | +10 | |
20th | +5 | a true ninja | +42 |
There is also a transparent Class Block option.
Activate it by replacing the existing Class Block section with:
/* Class Block - Clear */
.phb .classTable
{
border-image-outset: 25px 10px !important;
align:center;
width:90%;
margin-left:auto;
margin-right:auto;
line-height:11px;
border-image-source: url(https://www.gmbinder.com/images/9MsVmEn.png);
background-color: inherit;
}
.phb .classTable h5 {color: #c3e5d4; font-weight: 100;}
Monster Blocks
Yep, custom theme for the monster block
Monster Name
Size, Alignment
- Armor Class AC
- Hit Points Hitpoints
- Speed Speed
STR DEX CON INT WIS CHA 4 (-3) 16 (+3) 10 (+0) 2 (-4) 10 (+0) 1 (-5)
- Saving Throws saving_throws
- Skills skills
- Damage Vulnerabilities damage_vulnerabilities
- Damage Resistances Resistances
- Damage Immunities Damage_Immunities
- Condition Immunities condition_Immunities
- Senses Senses
- Languages Languages
- Challenge Challenge and Xp
Actions
Multiattack. The Creature Name makes Number and type of attacks
Ability Description. Attack Style: Attack Bonus to hit, Reach/Range, one target. Hit: Damage Damage Type damage
General Ability Description. General Attack Description
Vehicle Blocks
Ghosts of Saltmarch introduced Vehicle statblocks.
Note that since there is no snippet, you will need to copy the examples found in this theme to use them. The following narrow and wide vehicle statblocks are templates
Since the vehicle statblocks do take up a few lines of code, I normally delete those style sections from the theme when not using them.
Narrow Vehicle Statblock
Vehicle Type
Size of vehicle (0 ft. by 0 ft.)
- Creature Capacity 0 crew, 0 passengers
- Cargo Capacity 0 tons
- Travel Pace 0 miles per hour (0 miles per day)
STR | DEX | CON | INT | WIS | CHA | |||
---|---|---|---|---|---|---|---|---|
10 (+0) | 10 (-0) | 10 (+0) | 0 | 0 | 0 |
- Damage Immunities immunities
- Condition Immunities immunities
Actions
On its turn...
Fire Weapon. weapon
Move. movement
Hull
Armor Class 10
Hit Points 0 (damage threshold 0)
Control: Type
Armor Class 10
Hit Points 0
How vehicle moves
Movement: Type1
Armor Class 10
Hit Points 0; -0 ft. speed per 0 damage taken
Speed (land or water) 0 ft.
Movement: Type2
Armor Class 10
Hit Points 0; -0 ft. speed per 0 damage taken
Speed (land or water) 0 ft.
Weapon: Weapon1
Armor Class 10
Hit Points 0
Attack Type: +0 to hit, range 0/0 ft. Hit: 0 (0d0) damage
Weapon description
DMG
Part Header Example
Wide Vehicle Block
Vehicle Type
Size of vehicle (0 ft. by 0 ft.)
- Creature Capacity 0 crew, 0 passengers
- Cargo Capacity 0 tons
- Travel Pace 0 miles per hour (0 miles per day)
STR | DEX | CON | INT | WIS | CHA | |||
---|---|---|---|---|---|---|---|---|
10 (+0) | 10 (-0) | 10 (+0) | 0 | 0 | 0 |
- Damage Immunities immunities
- Condition Immunities immunities
Actions
On its turn...
Fire Weapon. weapon
Move. movement
Hull
Armor Class 10
Hit Points 0 (damage threshold 0)
Control: Type
Armor Class 10
Hit Points 0
How vehicle moves
Movement: Type1
Armor Class 10
Hit Points 0; -0 ft. speed per 0 damage taken
Speed (land or water) 0 ft.
Movement: Type2
Armor Class 10
Hit Points 0; -0 ft. speed per 0 damage taken
Speed (land or water) 0 ft.
Weapon: Weapon1
Armor Class 10
Hit Points 0
Attack Type: +0 to hit, range 0/0 ft. Hit: 0 (0d0) damage
Weapon description
Etc...
Adding the page number to the last page can be tricky as the normal method doesn't seem to work with this theme. Instead, use the following:
<div class='pageNumber auto'></div>
Working with Images
Full Page Watercolor Stains
I've adapted the full-page watercolor stains by FallenWyvern to work with this theme:
How to use these is beyond the scope of this document, but here's some tutorials:
https://www.gmbinder.com/share/-L4Yt8ZSxmhwqt--yNRT https://www.gmbinder.com/share/-Kx5i9fuxhuci6BUrbJq
Photoshop/GIMP Stains
For those who use Photoshop, here's the steps I use to create my own watercolor stains. GIMP works well too, I'm just not as familiar with it
Start by downloading and importing the brushes
(Resource zip file link in the following tutorial):
Tutorial, Direct Link to resource file
Step 1 - Get rid of the smooth edge
- Select all on the image and copy it into a new document with a transparent background
- Select the eraser tool and set the mode to 'Pencil'
- Choose a brush and erase just of the edge of the image, giving it a "torn paper" look. Don't drag these large brushes, just click. I usually use more than 1 brush to vary the effect
Step 2 - Create a semi-transparent edge
- Change the eraser tool mode to 'Brush' and set the opacity to 50%
- Choose a different brush and use it to erase a little bit more of the edge - this creates the semi-transparent look
Step 3 (optional) - Create a faded stain under the edge
- Start a new layer and make sure it is underneath the original image
- Select the brush tool, set it to 50% opacity and select a black color
- Paint underneath the edge by clicking with your choice of brush
- When you are done, set the opacity of the underneath layer to 40%
- To give it a lighter color so it shows against a dark background - make sure the bottom layer is selected, then go into Hue/Saturation. Adjust the Brightness up by 60%.
Credits and thanks
Thank you to the GMbinder developers for all their work creating GM Binder
Check out their Patreon Page
Art Used to create this theme:
Background was created by modifying 'Some Old Gray Worn Paper Background' by My Free Textures
Texture used to create the Monster Statblock and the Part Headers can be found at: Texture King
Footer image branch and tree elements created using my own photos. Celtic knots inspired by the Book of Kells
Blackthorn Dark Theme by /u/blckthorn