pfrankov / obsidian-colored-tags

Colorizes tags in different colors.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Colored Tags Plugin for Obsidian

Demo

Settings with custom palette

Settings

Colorizes tags in different colors. Colors of nested tags are mixed with the root tag to improve readability. Text color contrast is automatically matched to comply with AA level of WCAG 2.1. The colors are adjusted for the dark theme as well.

The main idea of the plugin is to make tags visually different from each other, so you should expect that the colors may change with upcoming updates.

If you need to color individual tags, this plugin is not suitable. Try Colored Tag Wrangler instead.

Limitations:

  • Properties tags can not be styled until fixes in Obsidian.

Roadmap

  • Settings for palette size, base chroma, and base lightness.
  • Optimization: store existing, already calculated colors of tags. Render only new ones.
  • Optimization: append styles instead of replacing each time.
  • Change color assignments to predictable cycle from one color to another (breaking change).
  • Ability to color non-latin tags
  • Optimization: calculating order in group must be better than O(n^2)
  • Optimization: remove outdated tags from config on start of plugin
  • Optimization: save already calculated palettes to avoid unnecessary computations
  • Color blending must use only Hue property
  • Optimization: speed up loading Obsidian by using Web Workers or delaying massive calculations
  • Optimization: temporary save all colors to avoid flashing tag's colors on start of Obsidian

Installation

Obsidian plugin store

This plugin is available in the Obsidian community plugin store https://obsidian.md/plugins?id=colored-tags

BRAT

You can install this plugin via BRAT: pfrankov/obsidian-colored-tags

My other Obsidian plugins

  • Local GPT that assists with local AI for maximum privacy and offline access.

Inspired by

About

Colorizes tags in different colors.

License:MIT License


Languages

Language:TypeScript 93.1%Language:JavaScript 6.9%