CSS Inlay Colors

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

The CSS Inlay Colors plugin enhances the visual experience in Obsidian by displaying inline color hints for CSS color codes. Users can input any valid CSS color syntax, and the plugin renders a corresponding color block inline, making it easier to visualize and manage color styles within code blocks. A color picker feature allows users to edit colors directly in live preview mode, preserving the original format and opacity settings. The plugin also supports customization, enabling users to style the inlays by targeting the .css-color-inlay class with custom CSS.

Reviews
No reviews yet.
Stats
24
stars
3,047
downloads
0
forks
473
days
42
days
42
days
21
total PRs
0
open PRs
1
closed PRs
20
merged PRs
7
total issues
1
open issues
6
closed issues
47
commits
Latest Version
a month ago
Changelog

[1.4.0]

New Features

  • 4fdca1a Adds support for custom palettes that let you use standard color charts like RAL (e.g. (RAL 1004) or (aci 91))

Bug Fixes

  • 6c3b4e1 Ensure borders between the preview and text are hidden with certain themes in the live preview mode
README file from
Similar Plugins
info
• Similar plugins are suggested based on the common tags between the plugins.
Minimal Theme Settings
5 years ago by @kepano
Settings plugin to control colors and fonts in Minimal Theme
Highlightr
4 years ago by Chetachi
A minimal and aesthetically pleasing highlighting menu that makes color-coded highlighting much easier 🎨.
Colored Text
3 years ago by Erinc Ayaz
File Color
3 years ago by ecustic
An Obsidian plugin for setting colors on folders and files in the file tree.
Colored Tags
2 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.
MySnippets
4 years ago by Chetachi
MySnippets is a plugin that adds a status bar menu allowing the user to quickly manage their snippets within the comfort of their workspace 🖌.
Canvas CSS class
3 years ago by Lisandra-dev
A plugin that will add a css class to your canvas & adding to each canvas the path to help personnalization
Color Palette
2 years ago by ALegendsTale
Create and insert color palettes into your notes.
css snippets
5 years ago by Daniel Brandenburg
Obsidian plugin for css snippets
Dynamic Background
3 years ago by Samuel Song
Adding dynamic background effects to the Obsidian editor
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.
Style Text
2 years ago by Juanjo Arranz
Apply custom CSS styles to selected text in your Obsidian Notes
Pixel Perfect Image
10 months ago by Johan Sanneblad
Pixel perfect 100% image resizing, copy to clipboard, show image in Finder/Explorer, edit image in external editor, and much more.
Snippetor
4 years ago by ebullient
An assist for creating CSS snippets for Obsidian
Hyphenation
3 years ago by 7596ff
Enables justified text and hyphenation
Snippet Commands
4 years ago by death_au
Registers custom css snippets as commands (which you can bind hotkeys to)
Regex Mark
2 years ago by Mara-Li
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.
Group Snippets
3 years ago by Mara-Li
Create folder of snippets to activate them in one click !
Auto Class
4 years ago by Nathonius
Automatically add CSS classes to notes based on file path.
Quote Share
3 years ago by DuocNV
Generate beautifull image from Obsidian.
Additional Icons
2 years ago by Matthew Turk
Add additional iconsets to Obsidian
Note to RED
8 months ago by Yeban
一键将 Obsidian 笔记转换为小红书图片进行导出
Color cycler
2 years ago by Taylor Brennan
Plugin for Obsidian to dynamically change the accent color
Heading Decorator
8 months ago by dragonish
Implement displaying specific content around headings based on their levels.
Colorizelt
a year ago by Artsem Holub (WiNE-iNEFF)
Easy color and clear selected text
Custom Theme Studio
2 months ago by @gapmiss
An Obsidian.md plugin to create and tweak custom themes with live CSS editing, element styling, and instant previews. All without leaving Obsidian.
Docusaurus Style Admonitions
8 months ago by Ralf Weinbrecher
Gives Obsidian a Docusaurus compatible Admonitions syntax
CSS Inserter
a year ago by Erika Gozar
Inserts user-defined css snippets into the selected text.
Scrambling Title Animations
a year ago by HistidineDwarf
Animates the title of an opened note by scrambling it in a few visually-appealing ways
Note Favicon
9 months ago by mdklab
Obsidian plugin – Show Favicon from Metadata