Skip to content

Instantly share code, notes, and snippets.

@guidouil
Last active November 22, 2020 09:24
Show Gist options
  • Save guidouil/12190e34d695e7f86197ae05e8cb9b9f to your computer and use it in GitHub Desktop.
Save guidouil/12190e34d695e7f86197ae05e8cb9b9f to your computer and use it in GitHub Desktop.
Semantic UI / Fomantic UI colors list function
const colors = () => {
return [
{
name: 'black',
css: 'black',
code: '#1B1C1D',
},
{
name: 'red',
css: 'red',
code: '#DB2828',
},
{
name: 'orange',
css: 'orange',
code: '#F2711C',
},
{
name: 'yellow',
css: 'yellow',
code: '#FBBD08',
},
{
name: 'olive',
css: 'olive',
code: '#B5CC18',
},
{
name: 'green',
css: 'green',
code: '#21BA45',
},
{
name: 'teal',
css: 'teal',
code: '#00B5AD',
},
{
name: 'blue',
css: 'blue',
code: '#2185D0',
},
{
name: 'purple',
css: 'purple',
code: '#A333C8',
},
{
name: 'violet',
css: 'violet',
code: '#6435C9',
},
{
name: 'pink',
css: 'pink',
code: '#E03997',
},
{
name: 'brown',
css: 'brown',
code: '#A5673F',
},
{
name: 'grey',
css: 'grey',
code: '#767676',
},
];
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment