CSS Inlay Colors

by Benji Grant
Score: 53/100
favorite
share
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.

Stats
14
stars
1,312
downloads
0
forks
234
days
119
days
119
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
4 months ago
Changelog

[1.2.0]

New Features

  • 33aca1c Adds a setting to hide color names so only the inlay swatch is visible
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
Group Snippets
3 years ago by Mara-Li
Create folder of snippets to activate them in one click !
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
Hyphenation
2 years ago by 7596ff
Enables justified text and hyphenation
Style Text
2 years ago by Juanjo Arranz
Apply custom CSS styles to selected text in your Obsidian Notes
Regex Mark
10 months ago by Mara-Li
CSS Inserter
7 months ago by Erika Gozar
Inserts user-defined css snippets into the selected text.
Minimal Theme Settings
4 years ago by @kepano
Settings plugin to control colors and fonts in Minimal Theme
css snippets
4 years ago by Daniel Brandenburg
Obsidian plugin for css snippets
Snippet Commands
3 years ago by death_au
Registers custom css snippets as commands (which you can bind hotkeys to)
MySnippets
3 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 🖌.
Auto Class
3 years ago by Nathonius
Automatically add CSS classes to notes based on file path.
Highlightr
3 years ago by Chetachi
A minimal and aesthetically pleasing highlighting menu that makes color-coded highlighting much easier 🎨.
Scrambling Title Animations
6 months ago by HistidineDwarf
Animates the title of an opened note by scrambling it in a few visually-appealing ways
Note Favicon
24 days ago by mdklab
Obsidian plugin – Show Favicon from Metadata
Heading Decorator
16 days ago by dragonish
Implement displaying specific content around headings based on their levels.
Docusaurus Style Admonitions
10 days ago by Ralf Weinbrecher
Gives Obsidian a Docusaurus compatible Admonitions syntax
Note to RED
7 days ago by Yeban
一键将 Obsidian 笔记转换为小红书图片进行导出