Simple CSS color viewer for Atom, automatically enabled.
Thanks Adem İlter and interacthings for the idea :)
Install:
apm install webbox-color
It shows the colors of the CSS colors in all the color formats HEX, Short HEX, rgb and rgba
To use line endings, disable filling:
Also you can use in HTML or embedded CSS
You can edit your styles.less
to customize colors.
// ~/.atom/styles.less.editor {.color-box {// Customize Line Endings&.on-line-end {border-radius: 2px 5px;margin-left: 1px;border: 1px solid #fff;background-image: -webkit-linear-gradient(top,transparent 0%,rgb(200, 200, 200) 100%);}// Customize Background Mode&.on-background {border-radius: 0;text-shadow: none;box-shadow: 0 0 5px 2px #fff;border: 1px solid #000;}}}
When you apply these settings, you'll see something like that:
Good catch. Let us know what about this package looks wrong to you, and we'll investigate right away.