vscode snippets for hex color using the defaults from semnatic-ui

colors.code-snippets

{
	// Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
	// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
	// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
	// used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
	// Placeholders with the same ids are connected.
	// Example:
	// "Print to console": {
	// 	"scope": "javascript,typescript",
	// 	"prefix": "log",
	// 	"body": [
	// 		"console.log('$1');",
	// 		"$2"
	// 	],
	// 	"description": "Log output to console"
	// }
	"color-red": {
		"prefix": "color-red",
		"body": "#DB2828",
		"description": "Red from Semantic UI"
	},
	"color-orange": {
		"prefix": "color-orange",
		"body": "#FE9A76",
		"description": "Orange from Semantic UI"
	},
	"color-yellow": {
		"prefix": "color-yellow",
		"body": "#FFD700",
		"description": "Yellow from Semantic UI"
	},
	"color-olive": {
		"prefix": "color-olive",
		"body": "#32CD32",
		"description": "Olive from Semantic UI"
	},
	"color-green": {
		"prefix": "color-green",
		"body": "#016936",
		"description": "Green from Semantic UI"
	},
	"color-teal": {
		"prefix": "color-teal",
		"body": "#008080",
		"description": "Teal from Semantic UI"
	},
	"color-blue": {
		"prefix": "color-blue",
		"body": "#0E6EB8",
		"description": "Blue from Semantic UI"
	},
	"color-violet": {
		"prefix": "color-violet",
		"body": "#EE82EE",
		"description": "Violet from Semantic UI"
	},
	"color-purple": {
		"prefix": "color-purple",
		"body": "#B413EC",
		"description": "Purple from Semantic UI"
	},
	"color-pink": {
		"prefix": "color-pink",
		"body": "#FF1493",
		"description": "Pink from Semantic UI"
	},
	"color-brown": {
		"prefix": "color-brown",
		"body": "#A52A2A",
		"description": "Brown from Semantic UI"
	},
	"color-grey": {
		"prefix": "color-grey",
		"body": "#A0A0A0",
		"description": "Grey from Semantic UI"
	},
	"color-black": {
		"prefix": "color-black",
		"body": "#000000",
		"description": "Black from Semantic UI"
	}
}