Obsidian-BHL-Note-Theme

Black Highlighter Recreation in Obsidian.

A recreation of Black Highlighter from the SCP Wikidot.

IMPORTANT: If you see an issue in the styling and have modifed the code to fix it, create an issue so I can add it to the main branch. Ty ^w^

There are a set of 7 main CSS classes that can be used to apply individual schemes to your notes.

NOTE: Headers 4 and 6 were personal preference and relies on the JetBrains Mono or Bai Jamjuree fonts. If you don't wish to use these, then just change or remove those font-family lines from the snippet.

Page Themes

• Black Highlighter (black-highlighter)
• Global Occult Coalition (bhl-coalition)

Global Occult Coalition link colours are a little buggy.

New Age Collection

• Deep Crimson (bhl-new-age_deepcrimson)
• Mutant Green (bhl-new-age_mutantgreen)
• Skylight Blue (bhl-new-age_skylightblue)
• Neon Orange (bhl-new-age_neonorange)
• Healer Pink (bhl-new-age_healerpink)
• Lavender Violet (bhl-new-age_lavenderviolet)
• Seafoam Teal (bhl-new-age_seafoamteal)

How to Install and Use the CSS Snippet

1. Download Black Highlighter Note Theme.css from this repo.
2. Open the settings panel in Obsidian and click the Appearance tab.
3. Scroll to "CSS snippets" and click the folder icon.
4. Drop Black Highlighter Note Theme.css into the folder that appears.
5. Now back in Obsidian, next to "CSS snippets", click the "Reload snippets" button.
6. You should now see Black Highlighter Note Theme in the list. Toggle it on and you're ready to go!

NOTE: You must put the CSS class black-highlighter inside the note’s (file) properties cssclasses.