Search...Search plugins and themes...
⌘K
Sign in
  • Get started
  • Download
  • Pricing
  • Enterprise
  • Account
  • Obsidian
  • Overview
  • Sync
  • Publish
  • Canvas
  • Mobile
  • Web Clipper
  • CLI
  • Learn
  • Help
  • Developers
  • Changelog
  • About
  • Roadmap
  • Blog
  • Resources
  • System status
  • License overview
  • Terms of service
  • Privacy policy
  • Security
  • Community
  • Plugins
  • Themes
  • Discord
  • Forum / 中文论坛
  • Merch store
  • Brand guidelines
Follow us
DiscordTwitterBlueskyThreadsMastodonYouTubeGitHub
© 2026 Obsidian

File Tree Selector Hue Rotate

markcrobbinsmarkcrobbins75 downloads

Injects an animated color-rotating border overlay box around hovered or active items using direct, sequential border-color frames.

Add to Obsidian
  • Overview
  • Scorecard
  • Updates1

title: README

README

🔍 Table of Contents

  • README ^toc-readme
    • 📑 AI Primary Files ^toc-aiprimaryfiles
    • [🎯 Project Abstract & Core Value [[#^toc-abstract|TOC]]](#a-projectabstractcorevaluetocabstracttoc) ^toc-projectabstractcorevaluetocabstracttoc
    • [🛠%EF%B8%8F Technology Stack at a Glance [[#^toc-stack|TOC]]](#a-efb88ftechnologystackataglancetocstacktoc) ^toc-efb88ftechnologystackataglancetocstacktoc
    • [🗺%EF%B8%8F Project Layout Blueprint [[#^toc-blueprint|TOC]]](#a-efb88fprojectlayoutblueprinttocblueprinttoc) ^toc-efb88fprojectlayoutblueprinttocblueprinttoc
    • [⚡ Quick Start for AI Developers [[#^toc-quickstart|TOC]]](#a-quickstartforaideveloperstocquickstarttoc) ^toc-quickstartforaideveloperstocquickstarttoc
      • 1. Verify Environment ^toc-1verifyenvironment
      • 2. Compile & Run Tests ^toc-2compileruntests
    • [🚀 Go to... [[#^toc-goto|TOC]]](#a-gototocgototoc) ^toc-gototocgototoc

TOC

Injects an animated color-rotating border overlay box around hovered or active items using direct, sequential border-color frames.

icon tree

📑 AI Primary Files

TOC

  • 🔹 AGENTS.md
  • 🔹 ARCHIVE.md
  • 🔹 BUILD.md
  • 🔹 CODE.md
  • 🔹 DESIGN.md
  • 🔹 FEATURES.md
  • 🔹 LOG.md
  • 🔹 MANUAL.md
  • 🔸 README.md
  • 🔹 SPEC.md
  • 🔹 TASKS.md
  • 🔹 TERMS.md
  • 🔹 TESTING.md
  • 🔹 VERSIONS.md

🎯 Project Abstract & Core Value [[#^toc-abstract|TOC]]

TOC

  • A specialized UI enhancement utility designed to inject floating, hardware-accelerated color-rotating border overlays onto active and hovered nodes within the Obsidian file tree workspace, operating over an independent layout plane to eliminate overflow clipping constraints.

🛠%EF%B8%8F Technology Stack at a Glance [[#^toc-stack|TOC]]

TOC

  • Target Operating System: Cross-platform (Windows, macOS, Linux)
  • Core Languages & Runtimes: JavaScript (ES6+), Node.js runtime, CSS3 Keyframe Animations
  • Integrations: Obsidian API (Plugin Architecture Core), HTML5 Document Object Model (DOM)

🗺%EF%B8%8F Project Layout Blueprint [[#^toc-blueprint|TOC]]

TOC

  • AGENTS.md ➔ System prompts and operational boundaries for AI teammates.
  • AIMD/ARCHIVE.md ➔ Scriptorium for scrapped ideas and sunset components.
  • AIMD/BUILD.md ➔ Compiler pipelines, flags, and packaging steps.
  • AIMD/CODE.md ➔ Syntax style guidelines and error-handling mandates.
  • AIMD/DESIGN.md ➔ Structural topology, design patterns, and data flows.
  • AIMD/FEATURES.md ➔ Capability matrices and functional product roadmap.
  • AIMD/LOG.md ➔ Chronological audit trail of development decisions.
  • AIMD/MANUAL.md ➔ Installation, user runbooks, and diagnostic workflows.
  • README.md ➔ Primary entry point and structural system abstract.
  • AIMD/SPEC.md ➔ Technical constraints, parameters, and protocol definitions.
  • AIMD/TASKS.md ➔ Dynamic task board and backlog management queue.
  • AIMD/TERMS.md ➔ Technical glossary, definitions, and vocabulary indexes.
  • AIMD/TESTING.md ➔ Automation suites, edge cases, and QA assertion routines.
  • AIMD/VERSIONS.md ➔ Change trackers and version milestone evolution lists.

⚡ Quick Start for AI Developers [[#^toc-quickstart|TOC]]

TOC

1. Verify Environment

TOC

🖥️ CMD
node -v && npm -v

2. Compile & Run Tests

TOC

🖥️ CMD
npm install && npm run build

🚀 Go to... [[#^toc-goto|TOC]]

TOC

  • 🔹 AGENTS.md
  • 🔹 ARCHIVE.md
  • 🔹 BUILD.md
  • 🔹 CODE.md
  • 🔹 DESIGN.md
  • 🔹 FEATURES.md
  • 🔹 LOG.md
  • 🔹 MANUAL.md
  • 🔸 README.md
  • 🔹 SPEC.md
  • 🔹 TASKS.md
  • 🔹 TERMS.md
  • 🔹 TESTING.md
  • 🔹 VERSIONS.md
HealthExcellent
ReviewSatisfactory
About
Inject animated color-rotating border overlays around hovered or active items in the Obsidian file tree. Render overlays on a separate layout plane to prevent overflow clipping and use hardware-accelerated CSS keyframe animations for smooth, sequential color frames.
AppearanceSidebarCSS
Details
Current version
1.0.0
Last updated
3 months ago
Created
4 months ago
Updates
1 release
Downloads
75
Compatible with
Obsidian 1.0.0+
Platforms
Desktop, Mobile
License
MIT
Report bugRequest featureReport plugin
Author
markcrobbinsmarkcrobbinsmarkcrobbins2112
GitHubmarkcrobbins2112
  1. Community
  2. Plugins
  3. Appearance
  4. File Tree Selector Hue Rotate

Related plugins

Style Settings

Adjust theme, plugin, and snippet CSS variables.

Custom Font Loader

Customize your vault with any font you want (+ Support for Android and iOS).

Lapel

Show the heading levels in the gutter of the editor.

Show Whitespace

CSS styles and CM6 extensions to highlight whitespace in Source and Live Preview modes.

Snippetor

Create and tweak common snippets.

Fontsource

Load custom fonts from Fontsource into your notes.

Focus Mode

Add a toggle to hide interface elements so you can focus on your note.

Colorful Folders

Automatically adds color-code folders, tags, and your Graph View with premium palettes, and auto-assign smart icons to visualize your structures instantly

Animated Cursor

Simple yet smooth animated cursor.

Better Bullets

Improves readability of bulleted notes.