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 11 years ago
Last Seen 1 week ago
First Seen 11 years ago

Installs

Total 6K
Win 4K
Mac 667
Linux 762

	Feb 22	Feb 21	Feb 20	Feb 19	Feb 18	Feb 17	Feb 16	Feb 15	Feb 14	Feb 13	Feb 12	Feb 11	Feb 10	Feb 9	Feb 8	Feb 7	Feb 6	Feb 5	Feb 4	Feb 3	Feb 2	Feb 1	Jan 31	Jan 30	Jan 29	Jan 28	Jan 27	Jan 26	Jan 25	Jan 24	Jan 23	Jan 22	Jan 21	Jan 20	Jan 19	Jan 18	Jan 17	Jan 16	Jan 15	Jan 14	Jan 13	Jan 12	Jan 11	Jan 10	Jan 9	Jan 8
Windows	1	0	0	0	1	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	1	0	1	0	0	0	0	0	0	0	1	0	0	1	8
Mac	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	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	0	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