This Obsidian plugin allows you to create beautifully colored and still interactive notes with a custom coloring syntax.
- Custom coloring syntax that integrates well with existing obsidian syntax.
- Keyboard-centric coloring menu.
- Editor integrations to add and remove color.
- Wide variety of formatting options through the use of CSS classes.
- Sorting of Colors into themes and the ability to select them in a Notes frontmatter.
- No use of HTML tags.
Colored text uses the following syntax:
~={id} This text is colored according to the id=~
The id maps to the color and formatting options given by the currently active theme wich can be changed in the settings.
The formatting options include:
- Text color
- Italic
- Bold
- Underline, overline, throughline
- Capital letters, small capitals
These options are handled with CSS classes, wich means that any changes apply retroactively to all sections marked with the respective id.
Colors are boundled into themes. You can create, manage and set the currently active theme in the settings.
if you want to have a certain theme active in a note although it is not set as the currently active theme you can do so by setting the property ftcTheme
in the frontmatter to the name of the theme you want to use.
Right clicking on highlighted text lets you change the textcolor via the context menu. All Colors available in the current theme will be shown.
If the interactive delimiter option is enabled in the settings (default). you can change or remove the color of text via 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 inserts a colored section if no text is selected.
You can select a color by either by clicking on a button or by using the assigned keybind. Keybinds can be set in the settings or be disabled if so wanted.
These issues mainly arrise from the different techniques needed for Live Preview and Reading Mode and will be fixed in the future.
- Reading Mode.
- an unopened closing delimiter
=~
will lead to problems in reading mode.
- an unopened closing delimiter
- Selectable color themes
- More/better ways to apply color
- submenu in editor context menu
- add suggester
- changing color through interactable delimiter.
- Individual Commands for Theme Colors.
- Automatically Color by Keyword
- More (Custom) Css options.
- Option to use a Suggester Modal to choose color
- Full Note Commands (color by keyword etc.)
This plugin works by using a custom parser which allows the colloring to interact with the usual obsidian syntax. For each coloring id a css class is created.