First of all, I want to express gratitude to @Quorafind (Boninall) (github.com) for bringing us many fantastic and practical plugins:
**Obsidian Canvas Style Menu is based on Obsidian-Collapse-Node. I modified the relevant code, added new features, and created this new plugin.
Once again, thank you for allowing me to use your code!!!
Obsidian Canvas Style Menu allows you to seamlessly modify canvas card styles through the canvas menu and supports the extension of styles using your own CSS snippets.
Obsidian Canvas Style Menu comes with several simple styles that you can directly use in the style menu, right-clicking on the button allows you to remove the style. You can also extend or override the default style menu using your own menu configuration and CSS snippets. Simply add your own menu configuration on the plugin settings page. Here's a brief explanation, and detailed documentation will be added later.
Note: The default Menu Config added is for style menus on cards. If you want to add style menus for connection lines, simply add cat: 'edge'
in the Menu Config.
cat: 'edge'
in the Sub Menu Config.Note: If your menu does not have sub-menus, the menu button will become a toggle button. Left-click applies the style, and right-click cancels the style.
Obsidian Canvas Style Menu supports the optional Obsidian default cssclasses styling method. You can achieve the effect of cssclasses without manually writing cssclasses by simply adding selector: 'cc'
in your Menu Config.
For Canvas Candy users, no need to write cssclasses anymore. Simply add the commonly used Canvas Candy cssclasses to the menu configs for easy use.
Note: Canvas Candy is a paid product and is not included in Canvas Style Menu. If you wish to use it, please visit Canvas Candy for more information.
Obsidian Canvas Style Menu supports adding custom icons. On the plugin settings page, scroll to the bottom, enter the icon name and SVG code, then click the add button on the left.
How to get an SVG icon? Taking Lucide icons as an example, find the desired icon, click the "Copy SVG" button, then paste it on the plugin settings page. Note that the icon must comply with Obsidian's Icon design guidelines.
If you are enjoy using Obsidian-Canvas-Style-Menu then please support my work and enthusiasm by buying me a coffee on https://www.buymeacoffee.com/michaellw.