Search...Search plugins and themes...
⌘K
Sign in
  • Get started
  • Download
  • Pricing
  • Enterprise
  • Account
  • Obsidian
  • Overview
  • Sync
  • Publish
  • Canvas
  • Mobile
  • Web Clipper
  • CLI
  • Learn
  • Help
  • Developers
  • Changelog
  • About
  • Roadmap
  • Blog
  • Resources
  • System status
  • License overview
  • Terms of service
  • Privacy policy
  • Security
  • Community
  • Plugins
  • Themes
  • Discord
  • Forum / 中文论坛
  • Merch store
  • Brand guidelines
Follow us
DiscordTwitterBlueskyThreadsMastodonYouTubeGitHub
© 2026 Obsidian

Sugar High

ankitchouhan1020ankitchouhan102042 downloads

Highlight rendered code blocks with Sugar High's lightweight semantic syntax colours.

Add to Obsidian
  • Overview
  • Scorecard
  • Updates2

Lightweight semantic syntax highlighting for rendered fenced code blocks in Obsidian, powered by Sugar High.

Features

  • Highlights 25 programming languages and common Markdown fence aliases.
  • Uses Sugar High's semantic light and dark palettes.
  • Optionally shows language labels and line numbers.
  • Includes a native copy button.
  • Leaves unsupported fences to Obsidian's native renderer.
  • Works on desktop and mobile without network access.
  • Never rewrites note content.

Sugar High applies to Reading view and rendered previews. Editing inside a fenced block continues to use Obsidian's native CodeMirror highlighting.

Usage

Add a supported language to a Markdown fence:

```typescript
class InterviewQueue {
  next(candidate: string) {
    return candidate ?? "Nobody waiting";
  }
}
```

Open the note in Reading view. Use Settings → Sugar High or the Command Palette to toggle language labels and line numbers.

Supported languages include JavaScript, TypeScript, CSS, Python, C, Go, Java, Rust, JSON, Diff, Shell, C++, C#, SQL, HTML, YAML, Markdown, Kotlin, Swift, PHP, TOML, PowerShell, Dockerfile, GraphQL, and HCL.

Obsidian cannot safely register symbolic fence aliases as CSS selectors. Use cpp instead of c++, and csharp or cs instead of c#.

Installation

Community plugins

Once published, install Sugar High from Obsidian's Community plugins directory.

Requires Obsidian 1.13.0 or newer.

Manual installation

Download main.js, manifest.json, and styles.css from the latest GitHub release. Place them in:

<vault>/.obsidian/plugins/sugar-high/

Then reload Obsidian and enable Sugar High under Community plugins.

Development

npm ci
npm run check

npm run build produces the minified main.js release artifact. Compiled output is intentionally excluded from the repository and attached to GitHub releases instead.

Releasing

  1. Run npm version patch, npm version minor, or npm version major.
  2. Commit the version changes and push them.
  3. Create and push an annotated tag matching manifest.json exactly, without a v prefix.
  4. GitHub Actions builds and attests the three release assets and creates a draft release.
  5. Add release notes and publish the draft.

For the initial Community directory submission, publish the 1.0.0 release first, then submit the GitHub repository through Obsidian's Community directory.

Privacy and security

Sugar High for Obsidian runs entirely locally. It has no telemetry, accounts, payments, advertisements, or network requests. It does not access files outside the vault or modify notes.

Credits

This integration is powered by the excellent Sugar High syntax highlighter created by Jiachi Liu (huozhi). Sugar High is bundled as a dependency and declares the MIT license. See Third-party notices.

This project is an independent Obsidian integration and is not affiliated with or endorsed by the Sugar High maintainers or Obsidian.

License

MIT © 2026 Ankit Chouhan.

HealthExcellent
ReviewPassed
About
Highlight rendered fenced code blocks with Sugar High's semantic light and dark palettes, supporting 25 languages and common Markdown fence aliases. Show optional language labels and line numbers, add a native copy button, and leave unsupported fences to Obsidian's renderer without altering note content. Work offline on desktop and mobile and apply only in Reading view and rendered previews while editing keeps Obsidian's native CodeMirror highlighting.
SyntaxAppearance
Details
Current version
1.0.1
Last updated
4 weeks ago
Created
4 weeks ago
Updates
2 releases
Downloads
42
Compatible with
Obsidian 1.13.0+
Platforms
Desktop, Mobile
License
MIT
Report bugRequest featureReport plugin
Author
ankitchouhan1020ankitchouhan1020
github.com/ankitchouhan1020
GitHubankitchouhan1020
  1. Community
  2. Plugins
  3. Syntax
  4. Sugar High

Related plugins

Minimal Theme Settings

Control the colors and fonts in Minimal Theme.

Hider

Hide interface elements such as tooltips, status bar, titlebar, and more.

Supercharged Links

Add attributes to internal links with the values of target note's frontmatter attributes.

Note Toolbar

Add customizable toolbars to your notes.

Style Settings

Adjust theme, plugin, and snippet CSS variables.

Link Favicons

See the favicon for a linked website.

Chat View

Chat View lets you quickly and easily create elegant Chat UIs in your Markdown Files.

Custom Font Loader

Customize your vault with any font you want (+ Support for Android and iOS).

Pretty Properties

Makes note properties look more fun: adds side image, banners, list property colors and allows to hide specific properties.

Lapel

Show the heading levels in the gutter of the editor.