Colour Complete

by jbrooksuk ST3

Sublime Text Plugin to complete colour names for CSS

Labels colour, color, complete, css, scss, sass, less

Details

Version 2014.04.26.17.46.34
Homepage james-brooks.uk
Issues github.com
Modified 9 years ago
Last Seen 19 minutes ago
First Seen 9 years ago

Installs

Total 6K
Win 4K
Mac 645
Linux 750

	Sep 28	Sep 27	Sep 26	Sep 25	Sep 24	Sep 23	Sep 22	Sep 21	Sep 20	Sep 19	Sep 18	Sep 17	Sep 16	Sep 15	Sep 14	Sep 13	Sep 12	Sep 11	Sep 10	Sep 9	Sep 8	Sep 7	Sep 6	Sep 5	Sep 4	Sep 3	Sep 2	Sep 1	Aug 31	Aug 30	Aug 29	Aug 28	Aug 27	Aug 26	Aug 25	Aug 24	Aug 23	Aug 22	Aug 21	Aug 20	Aug 19	Aug 18	Aug 17	Aug 16	Aug 15	Aug 14
Windows	0	0	0	0	0	0	0	1	1	1	0	0	0	0	1	0	2	2	1	0	0	0	1	0	0	1	1	0	0	0	0	0	2	0	0	0	0	0	1	0	0	0	0	0	0	1
Mac	0	0	0	0	0	0	0	0	0	0	0	0	1	0	0	0	0	1	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0
Linux	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	1	0	0	0	0	0	0	0	0	0	0	0	0	0

Readme

Source: raw.githubusercontent.com

ColourComplete

A work in progress Sublime Text plugin to complete custom CSS colour names with the hex value.

The idea came about whilst at work after we all gave up trying to remember the hex value for the Flat UI Colours.

Setup

Colours.sublime-settings contains a colours key which is an array of colours:

{
    "colours": [
        ["turquoise\tFlat UI", "#1abc9c"],
        ["emerland\tFlat UI", "#2ecc71"],
        ["peter-river\tFlat UI", "#3498db"],
        ["amethyst\tFlat UI", "#9b59b6"],
        ["wet-asphalt\tFlat UI", "#34495e"],
        ["green-sea\tFlat UI", "#16a085"],
        ["nephritis\tFlat UI", "#27ae60"],
        ["belize-hole\tFlat UI", "#2980b9"],
        ["wisteria\tFlat UI", "#8e44ad"],
        ["midnight-blue\tFlat UI", "#2c3e50"],
        ["sun-flower\tFlat UI", "#f1c40f"],
        ["carrot\tFlat UI", "#e67e22"],
        ["alizarin\tFlat UI", "#e74c3c"],
        ["clouds\tFlat UI", "#ecf0f1"],
        ["concrete\tFlat UI", "#95a5a6"],
        ["orange\tFlat UI", "#f39c12"],
        ["pumpkin\tFlat UI", "#d35400"],
        ["pomegranate\tFlat UI", "#c0392b"],
        ["silver\tFlat UI", "#bdc3c7"],
        ["asbestos\tFlat UI", "#7f8c8d"]
    ]
}

For anyone who doesn't know how Sublime completions work, the \tFlat UI will display on the right hand side of the completions list.

Now when you type alizarin Sublime will auto complete to #e74c3c. Simples!

Bugs

Adding a Colours.sublime-settings to your User folder will overwrite all existing default colours.
It'll only work in source.css scope. I need to add SCSS/SASS/LESS as well.

License

MIT