Colorful Note Background

by andresgongora
favorite
share
0.0
(0)
5
4
3
2
1
Score: 30/100
Description
Category: Customization & UI

The Colorful Note Background plugin applies subtle colored backgrounds to notes based on their folder location or frontmatter metadata. Define rules that match folder names or key-value pairs in frontmatter and the plugin tints the background accordingly. Rules are evaluated in order, with the first match winning. Each rule lets you set a hex color and transparency level - low alpha values create gentle visual cues without overwhelming your content. Reorder rules to adjust priority or remove them as needed. Forked from the Colorful Note Borders plugin but uses backgrounds instead of borders.

Reviews
No reviews yet.
Stats
12
stars
903
downloads
0
forks
45
days
45
days
46
days
0
total PRs
0
open PRs
0
closed PRs
0
merged PRs
1
total issues
1
open issues
0
closed issues
2
commits
Latest Version
2 months ago
Changelog

Changelog

1.0.6 (2026.01.22)

  • Update LICENSE file for current year.

1.0.5 (2026.01.20)

  • Fix settings window layout issues.

1.0.4 (2026.01.20)

  • Added AGENTS.md with agent guidelines and project scratchpad.
  • Refreshed README: concise overview, install options, config table.
  • Adopted ESLint v9 flat config with eslint-plugin-obsidianmd (sentence case, settings-tab rules, no forbidden elements).
  • Removed dead code after CSS refactor: removeStyle, updateStyles, updateStyle, makeStyleName.
  • Switched styling to CSS custom properties: .cnb-highlighted + --cnb-highlight-color in styles.css (no dynamic style tags).
  • Fixed promise handling in settings UI via void this.plugin.saveSettings(); adjusted UI text to sentence case (e.g., “Move up/down”).
  • Added null guard for activeView.file to satisfy strict typing.
  • Deleted deprecated .eslintignore; added eslint.config.mjs.

1.0.0 (2025.08.29)

  • Forked from the original Colorful Note Borders plugin to create Colorful Note Background.
  • Updated README.md to reflect the new plugin name and functionality.
  • Changed script to support background colors instead of borders.
  • Added alpha control to interpolate between the chosen color and the current theme.
README file from
Similar Plugins
info
• Similar plugins are suggested based on the common tags between the plugins.
Add an ID to the front matter
3 years ago by llimllib
Advanced Merger
3 years ago by Anto Keinänen
AI Note Tagger
a year ago by Jasper Mayone
Auto tagging obsidian notes w/ AI
Auto Folder Collapse
2 years ago by Dario Casciato
A plugin for Obsidian that automatically collapses all child folders when you collapse a parent folder. This helps keep your file explorer organized and clutter-free.
Auto Front Matter
3 years ago by conorzhong
Auto Note Mover
4 years ago by faru
This is a plugin for Obsidian (https://obsidian.md).
Auto Template Trigger
3 years ago by Numeroflip
An obsidian.md plugin, to automatically trigger a template on new file creation
Background Image
3 years ago by shmolf
Backgroundset
a year ago by daonali
similar as vscode background
Beautitab
2 years ago by Andrew McGivery
A plugin for Obsidian.MD that creates a customizable new tab view with beautiful backgrounds, quotes, search, and more.
Blueprint
a month ago by François Vaux
Repeatable templates plugin for Obsidian
Canvas Card Background Remover
2 years ago by luxmargos
This Obsidian plugin allows you to make the background of cards transparent in the Canvas for specific embed types, including Image (png), Canvas, and even Markdown.
Color cycler
2 years ago by Taylor Brennan
Plugin for Obsidian to dynamically change the accent color
Color Folders and Files
a year ago by Mithadon
Obsidian plugin to customize the appearance of folders and files through a context menu with color picker and style options.
Color Palette
3 years ago by ALegendsTale
Create and insert color palettes into your notes.
Colored Tags
3 years ago by Pavel Frankov
Colorizes tags in different colors.
Colored Tags Wrangler
2 years ago by AndreasSasDev
Obsidian Plugin : Assign colors to tags. Has integrations with other plugins, like Kanban.
Colored Text
3 years ago by Erinc Ayaz
Colorizelt
a year ago by Artsem Holub (WiNE-iNEFF)
Easy color and clear selected text
Conditional Properties
2 months ago by Diego Eis
Automate frontmatter property updates in your Obsidian notes using simple conditional rules.
Connections
2 months ago by Eric Van Cleve
create folder notes with dropdown
a year ago by Sturdy Shawn
Create Note in Folder
3 years ago by Mara-Li
Set a folder in settings and get directly a command to create a note in it. Use this with QuickAdd/Button to get more pratical things :D
CSS Inlay Colors
2 years ago by Benji Grant
Show inline color hints for CSS colors in Obsidian
Current View
8 months ago by Lucas Ostmann
Automatically set the view mode (Reading, Live Preview, Source) for notes in Obsidian using folder rules, file patterns, or frontmatter.
Dataview (to) Properties
8 months ago by Mara-Li
Sync inline Dataview to properties (YAML frontmatter)
Draft Indicator
2 years ago by Brian Boucheron
Show draft status with ✎ icons in the Obsidian file explorer.
Dynamic Background
3 years ago by Samuel Song
Adding dynamic background effects to the Obsidian editor
Enhance Copy Note
4 years ago by kzhovn
Plugin which enhances the copy command for Obsidian.
Featured Image
a year ago by Johan Sanneblad
Obsidian plugin to automatically set a featured image property in your notes based on the first image, YouTube link, or Auto Card Link image found in your document. This allows you to create rich note galleries using Folder Notes and Dataview.
File Color
3 years ago by ecustic
An Obsidian plugin for setting colors on folders and files in the file tree.
File Explorer++
2 years ago by kelszo
A plugin for https://obsidian.md, which enables the ability to hide and pin specific files and folders in the file explorer by applying custom filters.
Fold Properties
a year ago by James Alexandre
Adds Fold/Unfold Properties Function to Folder Context Menu
Fold Properties By Default
a year ago by Tommy Bergeron
Always have editor/metadata properties folded by default.
Folder Canvas
a year ago by Nancy Lee
Generate a canvas view of your folder structure
Folder Focus Mode
4 years ago by grochowski
Focus file explorer on chosen folder and its files and subdirectories, while hiding all the other elements.
Folder Links
a year ago by Stefan Rausch
Obsidian Plugin that enables using links to folders.
Folder Note
5 years ago by xpgo
Plugin to add description note to a folder for Obsidian.
Folder notes
3 years ago by Lost Paul
Create notes within folders that can be accessed without collapsing the folder, similar to the functionality offered in Notion.
Folder Periodic Notes
2 years ago by Andrew Heekin
Force note view mode
5 years ago by Benny Wydooghe
Front Matter Timestamps
2 years ago by LighthouseDino
Front Matter Title
4 years ago by Snezhig
Plugin for Obsidian.md
Frontmatter Alias Display
3 years ago by muhammadv-i
A plugin for Obsidian.md to show front-matter aliases as display names in the file menu.
Frontmatter generator
2 years ago by Hananoshika Yomaru
A plugin for Obsidian that generates frontmatter for notes
Frontmatter Markdown Links
a year ago by mnaoumov
Obsidian Plugin that adds support for markdown links in frontmatter
Frontmatter Metadata Link Classes
8 months ago by Varvara Zmeeva / zmeeva.io
Enhanced internal links with automatic classnames based on frontmatter metadata.
Frontmatter Tag Sugest
4 years ago by Jonathan Miller
Autocompletes tags in Obsidian YAML frontmatter. No more deleting #!
FuzzyTag
3 years ago by Adrian
Generate Timeline
a year ago by Shanshuimei
An obsidian plugin to generate timelines from tags, folders, files or metadata automatically. 根据标签,文件夹,文件或者属性自动生成时间轴的插件。
Hidden Folder
3 years ago by ptrsvltns
obsidian plugin for hidden folder
Hide Folders
3 years ago by JonasDoesThings
Toggle the visibility of folders in the Obsidian.MD file navigator based on name-patterns
Hierarchical Backlinks
a year ago by Jason Motylinski
Plugin which displays backlinks as a tree structure based on file paths
Highlightr
4 years ago by Chetachi
A minimal and aesthetically pleasing highlighting menu that makes color-coded highlighting much easier 🎨.
Insert Arknights URL Banner
8 months ago by Rerurate_514
Obsidianのプラグイン、img_dwnldr_wikigg_ak_ktに保存されている画像を選択してbannersプロパティに簡単に設定できるプラグイン
Minimal Theme Settings
5 years ago by @kepano
Settings plugin to control colors and fonts in Minimal Theme
Note aliases
3 years ago by Pulsovi
This plugin manages wikilinks aliases and save them on the aliases list of the linked note
Note Companion Folder
2 years ago by Chris Verbree
A Obsidian Plugin providing a way to associate a folder to a note
Note Favicon
a year ago by mdklab
Obsidian plugin – Show Favicon from Metadata
Note UID Generator
9 months ago by Valentin Pelletier
Allow you to automatically generate UID for the notes in your vault.
Open Related Url
4 years ago by Dan Pickett
Paste Image Into Property
a year ago by Nito
Pixel Pets
7 months ago by Lucas Jin
Adds cute pixel pets to Obsidian.
Print
a year ago by Marijn Bent
Print your notes directly from Obsidian
Pseudo Mica
a year ago by Alexis C
Publish Note to Mowen Note
7 months ago by ziyou
This is a mowen plugin for Obsidian (https://obsidian.md)
Quick Explorer
5 years ago by PJ Eby
Perform file explorer operations (and see your current file path) from the Obsidian.md title bar
Remove Empty Folders
2 years ago by fnya
Remove Empty Folders for Obsidian
Simple Archiver
a year ago by Mike Farr
An Obsidian plugin that enables you to quickly archive a single note or an entire folder of notes.
Simple Banner
8 months ago by Sandro Ducceschi
Visually enhance your Obsidian notes with a customizable banner. Supports icons and time/date display.
Sort Frontmatter
2 years ago by Kanzi
Sort frontmatter automatically
Style Importer
3 years ago by Josh Rouwhorst
Obsidian.md plugin to import a stylesheet from a URL to the snippets folder.
Symlink Creator
a year ago by Tobias Heidler
A plugin for Obsidian that allows the creation of symlinks - for Windows, OS X and Linux only!
Template Folder
8 months ago by LucasOe
Obsidian plugin to move notes to a folder when applying a template.
Testing Vault
3 years ago by Michael Pedersen
Time Things
2 years ago by Nick Winters
Show clock, track time spent editing a note, and track the last time a note has been edited.
Title-Only Tab
10 months ago by tristone13th
a plugin of obsidian for to change showing tab name to short
Update frontmatter modified date
3 years ago by Alan Grainger
Automatically update a frontmatter/YAML modified date field
Update Time Updater
2 years ago by MURATAGAWA Kei
Obsidian plugin to update the 'update time' element when saving or manually.
Waypoint
4 years ago by Idrees Hassan
Obsidian plugin that gives you the power to generate dynamic MOCs in your folder notes. Enables folders to show up in the graph view and removes the need for messy tags!