CSS Inlay Colors
by Benji Grant
Score: 51/100
favorite
share
Install Code
Similar Plugins
Snippetor
3 years ago by ebullient
Canvas CSS class
2 years ago by Lisandra-dev
View all similar plugins →
Description
Category: Customization & UI
#css#colors#visual

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.

Stats
9
stars
867
downloads
0
forks
143
days
28
days
28
days
12
total PRs
0
open PRs
0
closed PRs
12
merged PRs
2
total issues
0
open issues
2
closed issues
47
commits
Latest Version
1.2.0
a month ago
Changelog

[1.2.0]

New Features

  • 33aca1c Adds a setting to hide color names so only the inlay swatch is visible
See all version on GitHub
README file from
Similar Plugins
info
• Similar plugins are suggested based on the common tags between the plugins.
Snippetor
3 years ago by ebullient
An assist for creating CSS snippets for Obsidian
Canvas CSS class
2 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
Style Text
a year ago by Juanjo Arranz
Apply custom CSS styles to selected text in your Obsidian Notes
CSS Editor
a year ago by Zachatoo
Edit CSS snippets in Obsidian.
Sheets Extended
a year ago by NicoNekoru
Plugin that adds features to tables in obsidian including merging, vertical headers, and custom css
Show Whitespace
a year ago by Erin Schnabel
Show leading/trailing whitespace
Regex Mark
7 months ago by Mara-Li
CSS Inserter
4 months ago by Erika Gozar
Inserts user-defined css snippets into the selected text.
Minimal Theme Settings
4 months ago by @kepano
Settings plugin to control colors and fonts in Minimal Theme
css snippets
4 months ago by Daniel Brandenburg
Obsidian plugin for css snippets
Snippet Commands
4 months ago by death_au
Registers custom css snippets as commands (which you can bind hotkeys to)
MySnippets
4 months 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 🖌.
Auto Class
4 months ago by Nathonius
Automatically add CSS classes to notes based on file path.
Highlightr
4 months ago by Chetachi
A minimal and aesthetically pleasing highlighting menu that makes color-coded highlighting much easier 🎨.
Scrambling Title Animations
3 months ago by HistidineDwarf
Animates the title of an opened note by scrambling it in a few visually-appealing ways