obsidian-plugin/gra0007_obsidian-css-inlay-colors
1
0
Fork 0
mirror of https://github.com/gra0007/obsidian-css-inlay-colors.git synced 2026-07-22 05:18:59 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Include details for customising the styles

Browse source
This commit is contained in:
Benji Grant 2024-08-21 10:30:07 +10:00
parent 049a603500
commit a46567ca3f
No known key found for this signature in database
GPG key ID: 669D43F2AB2F4F1B
1 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
README.md
View file

@ -6,12 +6,24 @@
Show inline color hints for CSS colors in Obsidian.
To use, just put any valid CSS color syntax in a code block like so: \`#8A5CF5\`.
To use, just put any valid CSS color syntax in a code block like so: \`\#8A5CF5\`.
<img src="example.jpg" alt="Example of the extension running for all CSS color formats" width="200">
### Color Picker
Enable the color picker setting to change a color using a color picker in live preview mode. Note that the color picker does not support opacity, and will only let you select from sRGB colors. It will attempt to preserve the existing format you have written, as well as any existing opacity.
### Custom CSS
Customize the inlays by targeting the `.css-color-inlay` class. For example, you can make them circular with the following snippet:
```css
.css-color-inlay {
border-radius: 100px;
}
```
## Development
This project uses Biome and Yarn for linting/formatting and package management. Run `yarn dev` to build on changes.