Mermaid Themes

by jvsteiner
5
4
3
2
1
Score: 33/100

Description

Category: Customization & UI

The Mermaid Themes plugin allows Obsidian users to customize and apply themes to their mermaid.js diagrams. Users can either provide a complete mermaid theme object or modify specific parts of the base theme, with the plugin merging changes seamlessly. This enhances the visual appeal of diagrams by supporting advanced theming options. Users are required to use an alternative code block label (merm) instead of the default mermaid to integrate themes. The plugin leverages mermaid.js theming features, providing a flexible way to improve diagram aesthetics in notes.

Reviews

No reviews yet.

Stats

5
stars
16,698
downloads
0
forks
1,163
days
1,203
days
1,203
days
0
total PRs
0
open PRs
0
closed PRs
0
merged PRs
2
total issues
2
open issues
0
closed issues
0
commits

Latest Version

3 years ago

Changelog

updates required for making the community list

README file from

Github

Mermaid Themes

This is a plugin for Obsidian. It was generated based on the standard plugin template.

This project allows the user to easily apply and customize themes to mermaid.js diagrams in obsidian.

This plugin is supported by advertisements.

Note: this plugin is still in development, and there may be some bugs. Please report any issues you find.

It was inspired by the awesome new plugin for publishing your note content to Confluence. This project introduced me to Mermaid, and prompted me to make this.

Usage

Allows you to apply other themes to your mermaid diagrams in your notes. There are two main options, which are mutually exclusive. Either you supply an entire mermaid theme object, or you provide the parts of that object that you want to change. The plugin will then merge your customizations with the base theme, and apply the result to your diagrams. Documentations about how to create and use mermaid themes can be found here.

The mermaid code fence label is reserved. You have to use merm as an alternate. The code block looks like:

    ```merm
    ```

Installation

Until this plugin is available in the community plugins list, you can install it as a beta tester using the BRAT plugin.

Details on how to use it are available in their documentation. The short version is that you can install this plugin by adding the following custom plugin repository to your list of repositories in the BRAT plugin settings.

Development

PR's are welcome. You can build the plugin with npm run build and the plugin will be built to the root folder, so using the built artifacts is easy. You can also run npm run dev to have it automatically rebuild when you make changes.

Releasing new releases

This section is here to remind me how to release this.

Update your manifest.json with your new version number, such as 1.0.1, and the minimum Obsidian version required for your latest release.

Update your versions.json file with "new-plugin-version": "minimum-obsidian-version" so older versions of Obsidian can download an older version of your plugin that's compatible.

Create new GitHub release using your new version number as the "Tag version". Use the exact version number, don't include a prefix v. See here for an example: https://github.com/obsidianmd/obsidian-sample-plugin/releases

Upload the files manifest.json, main.js, styles.css as binary attachments. Note: The manifest.json file must be in two places, first the root path of your repository and also in the release.

Publish the release.

You can simplify the version bump process by running npm version patch, npm version minor or npm version major after updating minAppVersion manually in manifest.json. The command will bump version in manifest.json and package.json, and add the entry for the new version to versions.json

Similar Plugins

info
• Similar plugins are suggested based on the common tags between the plugins.
Style Settings
5 years ago by mgmeyers
A dynamic user interface for adjusting theme, plugin, and snippet CSS variables within Obsidian
Minimal Theme Settings
6 years ago by @kepano
Settings plugin to control colors and fonts in Minimal Theme
Mermaid Tools
4 years ago by dartungar
Tools for improved Mermaid.js experience in Obsidian.md
Code Styler
3 years ago by Mayuran Visakan
A plugin for Obsidian.md for styling codeblocks and inline code
Diagrams
5 years ago by Sam Greenhalgh
Draw.io plugin for obsidian.md
Callout Manager
4 years ago by eth-p
An Obsidian.md plugin that makes creating and configuring callouts easy.
Fast Text Color
2 years ago by Leon Holtmeier
Obsidian plugin to enable colored text with a custom syntax.
TikZJax
4 years ago by artisticat1
Render LaTeX and TikZ diagrams in your notes
draw.io
3 months ago by somesanity
A plugin for Obsidian that integrates the draw.io editor into Obsidian.
Diagrams.Net
4 years ago by Jens M Gleditsch
This repository contains a plugin for Obsidian for inserting and editing diagrams.net (previously draw.io) diagrams.
Mehrmaid
2 years ago by huterguier
Rendering Obsidian Markdown inside Mermaid diagrams.
Theme Picker
5 years ago by kenset
Apex Dashboard
2 months ago by PandoraReads
Stop switching between Obsidian notes. One page. Everything you need. Memo your thoughts, crush your todos, track your projects — and make it look incredible doing it.
Excalidraw Extras
3 months ago by zsviczian
Companion Obsidian.md plugin hosting extra add-on optional features for the main Excalidraw-Obsidian plugin
Wechat Converter
3 months ago by davidlam-oss
Obsidian 公众号排版(支持自定义 CSS和公众号贴图)、飞书云同步与多平台(小红书、知乎等)发布插件。Markdown 转微信文章 / Feishu docs / 知乎、小红书、今日头条等草稿,支持数学公式、本地图片、GIF 和 Mermaid。
Mermaid Popup
2 years ago by ChenPengyuan
Dynamic Background
4 years ago by Samuel Song
Adding dynamic background effects to the Obsidian editor
Theme Design Utilities
5 years ago by pseudometa
Some utilities and Quality-of-Life features for designers of Obsidian themes.
HelpMate
3 years ago by TfTHacker
HelpMate for Obsidian - providing help and documentation from within Obsidian
D2
4 years ago by Terrastruct
The official D2 plugin for Obsidian. D2 is a modern diagram scripting language thats turns text to diagrams.
Rainbow-Colored Sidebar
a year ago by Kevin Woblick
Automatically color your sidebar like a rainbow. No configuration needed. 18 themes included.
Kroki
5 years ago by Greg Zuro
Nomnoml Diagram
5 years ago by Daeik Kim
Obsidian Plugin for nomnoml diagram
Day and Night
4 years ago by Kevin Patel
An Obsidian plugin to automatically switch between day and night themes based on a set schedule
Export Graph View
2 years ago by Sean McGhee
Plugin to export your vault's graph view.
Mermaid Zoom
a month ago by xiaozhuang0433
A plugin that adds zoom functionality to Mermaid charts in Obsidian.
MoreDraw
2 years ago by webceoboy2011
mordraw.com for obsidian plugin
Theme Toggler
4 years ago by larsmagnus
Toggle the theme in Obsidian's panels
Auto Class
5 years ago by Nathonius
Automatically add CSS classes to notes based on file path.
WaveDrom
5 years ago by Alex Stewart
Group Snippets
4 years ago by Mara-Li
Create folder of snippets to activate them in one click !
Adamantine Pick
4 years ago by Urist McMiner
Embeddable Pikchr(https://pikchr.org) diagrams renderer plugin for Obsidian(https://obsidian.md)
Flowcharts
2 years ago by land0r
Flowchart Plugin for Obsidian – Create and customize flowcharts seamlessly within your Obsidian vault. Powered by Flowchart.js and designed for productivity
Mermaid Icons
7 months ago by toshs
Obsidian plugin enabling the use of icons in Mermaid diagrams.
VARE
2 years ago by 4Source
This is a plugin for Obsidian (https://obsidian.md). Allows you to easily manage your plugins and themes inside Obsidian.
Theme Controller
2 years ago by Binaris
Set when and how the themes will be displayed
Smart DayNight switcher
a year ago by Andrii Hrushetskyi
Sankey
2 years ago by Finn Romaneessen
An Obsidian plugin to create sankey diagrams
Tabsdown
2 months ago by grafanakibana
Create accessible, theme-native tabbed blocks for Markdown-renderable content in Obsidian.
Pintora
2 years ago by Amias Lee
Create Pintora diagrams directly in the Obsidian.
Inline TikZ
a month ago by Lachlan Harris
Render seamless Tikz, CircuiTikz & other PGFPlots LaTeX diagrams directly in your notes.
GoBoard
8 months ago by Dmitry I. Sokolov
Obsidian plugin for rendering Go game diagrams from markdown code blocks
ICOR for Life - Interface
15 days ago by Paperless Movement S.L.
The vault's chrome in one place: hide the ribbon and Obsidian's own controls, and give any folder a colour, an icon and a label. Writes no CSS; the INKLINE theme draws it. Part of the ICOR for Life suite.