Skip to content

Piwqust/blackboard

Repository files navigation

Blackboard Text icon

Blackboard Text

A quiet, beautiful place to think.

A minimalist note-taking Chrome extension — elegant typography, multi-page tabs, themeable colors, and a freehand drawing layer that sits right on top of your words.

Version Manifest License

Blackboard Text — default Lavender theme


✦ Features

  • Distraction-free canvas — generous default whitespace, autosave, word + character counter tucked in the corner.
  • Typography that means it — 3 bundled weights of BoardGrotesque Sans plus Inter / Inter Tight and system serifs/sans, with adjustable size (12–128 px), line height, letter spacing, and content width up to 2400 px.
  • 8 curated themes + an Advanced drawer for fully custom text, background, and selection colors via a real HSV picker.
  • Pages with personality — each tab is an emoji, drag-and-drop reorderable, with a scrollable rail and soft fade edges.
  • Drawing layer — brush + eraser, fine stroke control, undo, per-page strokes that stay anchored to text when the window resizes.
  • Local & privatechrome.storage only. No accounts, no network, no telemetry.

✦ Themes

Eight themes — Lavender, Midnight, Sepia, Forest, Ocean, Rosé, Charcoal, Paper

Lavender Midnight Sepia Forest
#5B4FA8 on #F2F0F8 #E4DFD0 on #10172A #4A2E1F on #F6EAD3 #1F4D2B on #EDF3E5
Ocean Rosé Charcoal Paper
#0F4C5C on #E0EEF2 #7A3B4D on #FCEDEF #DDDAD2 on #1F1F23 #1A1A1A on #FAFAF7
Sepia theme Forest theme

✦ Pages & drawing

One page per emoji, switch in a click, sketch right on top.

Scrollable emoji page tabs Brush strokes over text

✦ Settings

Themes, fonts, sizing, and the Advanced color drawer — all in one popover.

Settings panel

Setting Default
Font BoardGrotesque Sans · 40 px · line-height 1.6
Width 1600 px
Theme Lavender

✦ Shortcuts

Shortcut Action
Ctrl / Cmd + N New page
Ctrl / Cmd + Z Undo last brush stroke
Alt + Shift + B / E Toggle brush / eraser
Tab / Shift + Tab Indent / outdent
Esc Close any popover

✦ Install locally

git clone https://github.com/Piwqust/blackboard-text.git
# chrome://extensions → Developer mode → Load unpacked → select the folder

The extension opens editor.html in a new tab — that's the whole UI.


✦ Tech notes

  • Manifest V3, service-worker action handler.
  • Strict CSP (script-src 'self'), zero dependencies, no build step.
  • storage permission only — no host permissions, no network.
  • Drawing coordinates stored in text-scaled pixels so strokes don't drift when font size or content width changes.

PRs welcome — keep it small, keep it quiet.

Blackboard Text · v1.6.0 · Made for people who like a blank page.

About

A quiet, beautiful place to think.

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Contributors