https://github.com/haru3s/obsidian-bhl-note-theme

Black Highlighter SCP Wikidot Theme Recreated to Work With Obsidian
https://github.com/haru3s/obsidian-bhl-note-theme

obsidian obsidian-md obsidian-notes obsidian-snippet obsidian-theme

Last synced: 6 days ago
JSON representation

Black Highlighter SCP Wikidot Theme Recreated to Work With Obsidian

• Host: GitHub
• URL: https://github.com/haru3s/obsidian-bhl-note-theme
• Owner: Haru3S
• License: mit
• Created: 2024-11-01T18:25:16.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-01T19:33:27.000Z (about 2 months ago)
• Last Synced: 2024-12-17T03:49:47.200Z (9 days ago)
• Topics: obsidian, obsidian-md, obsidian-notes, obsidian-snippet, obsidian-theme
• Language: CSS
• Homepage:
• Size: 25.4 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Obsidian-BHL-Note-Theme

## Black Highlighter Recreation in Obsidian.



  



A recreation of [Black Highlighter](https://scp-wiki.wikidot.com/theme:black-highlighter-theme) 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 uses and relies the [JetBrains Mono](https://www.jetbrains.com/lp/mono/) or [Bai Jamjuree](https://fonts.google.com/specimen/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`.