This Obsidian plugin allows you to create beautifully colored interactive notes using a custom coloring syntax.
Color text sections using the following syntax:
~={id} This text is colored according to the id=~
The id maps to one of the color formats provided by the current active theme, which can be selected in the settings.
The formatting options include:
These options are handled using CSS classes, which means that any changes will be applied to preexisting sections marked with the respective id retroactively.
Colors are bundled into themes, which can be created and edited in the plugin settings. You can also pick the global active theme there.
If you want to override your global active theme for a specific note, you can do so by setting the frontmatter property ftcTheme
to the name of the theme you wish to use.
Right clicking on highlighted text lets you change the color via the context menu. All colors included in the current theme will be available.
If the interactive delimiter option is enabled in the settings (default), you can change or remove the color of text using the interactive delimiter shown in place of the color name.
Calling the change text color
command opens the coloring menu, which allows you to choose the color of the selected text or insert a colored section if no text is selected.
You can select a color by clicking the corresponding button or using the keybind assigned in the theme editor. Keybinds can be disabled entirely in the settings, if desired.
These issues mainly arise from the different techniques required for live preview and reading mode and will be fixed in the future.
=~
will lead to problems in reading mode.This plugin uses a custom parser, which allows the coloring to interact with the established Obsidian Markdown syntax. A CSS class containing the specified style options is created for each color id.