alegendstale / obsidian-color-palette Goto Github PK
View Code? Open in Web Editor NEWCreate and insert color palettes into your notes.
License: GNU General Public License v3.0
Create and insert color palettes into your notes.
License: GNU General Public License v3.0
Downloaded through Brat. Colours didn’t render, saw that styles.css was missing and manually added styles.css to the plugin folder.
Now everything is perfect. Thank you for this plugin! I have been waiting for exactly this functionality for ages :)
Thank you so much for creating this plugin! I was just thinking two days ago, 「It'd be really nice if there was a plugin that could render HEX codes」, and here's a solution! Thank you so much!
One thing I thought of that could make this plugin even better is the ability to convert a code block with an URL to a code block with hex codes instead. That way, a code block dependent on an URL could quickly be made available offline.
One can still manually copy the hex codes into a new code block, but a quick conversion would be really convenient.
Again, thank you for this awesome plugin and keep up the great work‼
since one of the recent updates it's near impossible to scroll through documents with many color palettes. i have some documents with a large collection of palettes which are basically inaccessible now (tested with various themes, all have the same problem).
Hi, first of all great plugin. Thanks for the awesome job.
The other day I came across the the following notion template, and I saw this cute horizontal bar:
I think it could be useful as a line separator (like the --- line) or simply for aesthetic reasons.
I have been thinking on how to implement this, I am a complete css beginner. However, I figured out a way to achieve this using your plugin.
I just had to add more columns of colors, reduce the bar height, and add some transparent colors in between the different colors.
However, there are some options that I think would make the experience better.
Option for the bar to do nothing when hovering over the different colors i.e. let the palette be completely unresponsive
Having the option to remove the borders at the edges of the bar, so it is an actual rectangle.
Finally, having the option to access css variables of colors. For example I use the AnuPpuccin theme. It has multiple color variables that change depending on the flavor of the theme you choose. For example, the variable --ctp-peach (an rgb variable) (https://github.com/search?q=repo%3AAnubisNekhet%2FAnuPpuccin%20ctp-peach&type=code) would change depending on the flavor of theme. So, if I hard coded it in a pallet, once I change the theme from light to dark, the color would not be updated.
Thanks for reading and hopefully you like some of my ideas. Have a great day.
When I enable this plugin, all tooltips -- when you hover over file explorer buttons, ribbon icons, and files and folders -- disappear. When I hover over them, nothing happens. Things get back to normal as soon as this plugin is disabled, so I assume this plugin might be the problem.
Hi, I find this plugin really helpful and have a question: Is it possible to create gradient colors?
*no, not now, sorry
commands can no longer be accessed in this version. already existing color palettes are uneffected, individual palette codes can be copied and manually edited as well
Can I request support for more color representations supported by css styles, such as RGB and HSL:
#289aff;
rgb(40, 154, 255);
hsl(210, 100%, 58%);
Additionally, if the delimiter also supports ;
That's even better, than can directly copy the code block from the CSS source code
A little more greedy :
Maybe customize the render height?
Also, thank you to the author for sharing the plugin.
Originally, I searched like directly previewing the color block color in VSCode.
Finally, I found that your color palette plugin, which looks better!
The plugin is pretty cool. Thanks!
It'd be useful to be able to attach a custom text label to each color. Example:
#ff0000: alert
#f3e6c0: window trim
Since 2.12.0, there has been a bug in canvas where the canvas disappears when dragging any item around. Took me a while to figure that it was this plugin that was causing it oddly enough. Reverting back to 2.11.0 doesn't have that issue and have reverted back to it for the time being.
Thanks for your great plugin which gives impressive results.
I tested it on Windows 10. Some of the following examples are unchecked, because I don't know how to use them. Can you help me, please?
- [x] `{"height": "40"}`
```palette
#FFC300, #FF5733, #C70039, #900C3F, #581845
{"height": "40"}
```
- [ ] `{"width": "50"}`
```palette
#FFC300, #FF5733, #C70039, #900C3F, #581845
{"width": "50"}
```
- [x] `{"direction": "column"}` default
```palette
#FFC300, #FF5733, #C70039, #900C3F, #581845
{"direction": "column"}
```
- [ ] `{"direction": "column", "width": "50"}`
```palette
#FFC300, #FF5733, #C70039, #900C3F, #581845
{"direction": "column", "width": "50"}
```
- [x] `{"direction": "row"}` (default)
```palette
#FFC300, #FF5733, #C70039, #900C3F, #581845
{"direction": "row"}
```
- [x] `{"hover": true}` (default)
```palette
#FFC300, #FF5733, #C70039, #900C3F, #581845
{"hover": true}
```
- [x] `{"hover": false}`
```palette
#FFC300, #FF5733, #C70039, #900C3F, #581845
{"hover": false}
```
- [x] `{"gradient": false}` (default)
```palette
#FFC300, #FF5733, #C70039, #900C3F, #581845
{"gradient": false}
```
- [x] `{"gradient": true}`
```palette
#FFC300, #FF5733, #C70039, #900C3F, #581845
{"gradient": true}
```
- [ ] `{"override": true`
```palette
#FFC300, #FF5733, #C70039, #900C3F, #581845
{"override": true, "aliases": ["yellow", "orange", "red", "dark pink", "dark red violet"]}
```
- [x] `"aliases": ["yellow", "orange", "red", "dark pink", "dark red violet"]`
```palette
#FFC300, #FF5733, #C70039, #900C3F, #581845
{"aliases": ["yellow", "orange", "red", "dark pink", "dark red violet"]}
```
(Of course, you can take these examples for the documentations.)
"URL provided is not valid" pops up when submitting a coolors link. Colorhunt links work as expected.
Obsidian Version: 1.5.3
Installer Version: 1.5.3
Color Palette Version: 2.0.1
I am using the Color Palette plugin pretty extensively and recently found that the palettes are not rendering correctly.
It appears that the latest version of color palette introduced some breaking changes.
In my case, I was using newline delimited color palette.
#E4D00A
#808000
#80461B
#000000
#FFBF00
#5C4033
#FFFF00
#000000
Which will now only render the first color.
After looking at the plugin page i see that you've moved the options from the options screen to be inline with the code block and change the color palette to be comma+space delimited.
One I switched from line delimited to comma+space delimited, the palette renders correctly.
Please deprecate features first and create an announcement page for breaking changes for future updates so that we have a chance to change our notes before the old way is no longer supported.
Thank you.
I'd like to request an option to copy the color hex code without the # at the beginning.
Now: Clicking the color #FFFFFF on the color palette copies "#FFFFFF" to the clipboard.
Request: Clicking the color #FFFFFF on the color palette copies "FFFFFF" to the clipboard.
Thanks for this nice plugin!
What dose "codeblock link" mean,
I want to turn rgb into hex
but "Error: Selected text is not a codeblock with alink."
Did I misinterpret this command ?
rgb(017,050,093)
rgb(054,080,131)
rgb(115,107,157)
rgb(183,131,175)
rgb(245,166,115)
rgb(252,219,114)
{"height": 80}
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.