selcukitmis-colorpallette v1.0.2
This package contains different color palletes
Using npm:
npm install selcukitmis-colorpallette --save
In Node.js:
const {material, bootstrap, semantic, schemas} = require("selcukitmis-colorpalette");
Semantic Theme Colors Usage
console.log(semantic.orange);
console.log(semantic.red);
console.log(semantic.yellow);
console.log(semantic.olive);
console.log(semantic.green);
console.log(semantic.teal);
console.log(semantic.blue);
console.log(semantic.violet);
console.log(semantic.purple);
console.log(semantic.pink);
console.log(semantic.brown);
console.log(semantic.grey);
console.log(semantic.black);
Bootstrap Colors Usage
console.log(bootstrap.primary);
console.log(bootstrap.secondary);
console.log(bootstrap.danger);
console.log(bootstrap.info);
console.log(bootstrap.success);
console.log(bootstrap.warning);
Material Colors Array
- red
- pink
- purple
- deepPurple
- indigo
- blue
- lightBlue
- cyan
- teal
- green
- lightGreen
- lime
- yellow
- amber
- orange
- deepOrange
- brown
- grey
blueGrey
Material Colors Usage (BLUE)
console.log(material.blue.shade_50);
console.log(material.blue.shade_100);
console.log(material.blue.shade_200);
console.log(material.blue.shade_300);
console.log(material.blue.shade_400);
console.log(material.blue.shade_500);
console.log(material.blue.shade_600);
console.log(material.blue.shade_700);
console.log(material.blue.shade_800);
console.log(material.blue.shade_900);
console.log(material.blue.shade_A100);
console.log(material.blue.shade_A200);
console.log(material.blue.shade_A400);
console.log(material.blue.shade_A700);
Material Colors Usage (RED)
console.log(material.red.shade_50);
console.log(material.red.shade_100);
console.log(material.red.shade_200);
console.log(material.red.shade_300);
console.log(material.red.shade_400);
console.log(material.red.shade_500);
console.log(material.red.shade_600);
console.log(material.red.shade_700);
console.log(material.red.shade_800);
console.log(material.red.shade_900);
console.log(material.red.shade_A100);
console.log(material.red.shade_A200);
console.log(material.red.shade_A400);
console.log(material.red.shade_A700);
Schemas
Schemas Array
- schemaOne
- schemaTwo
- schemaThree
- schemaFour
- schemaFive
- schemaSix
- schemaSeven
- schemaEight
- schemaNine
- schemaTen
- schemaEleven
- schemaTwelve
- schemaThirteen
- schemaFourteen
- schemaFifteen
- schemaSixteen
- schemaSeventeen
- schemaEightteen
- schemaNineteen
- schemaTwenty
Schema Usage
console.log("one : ", schemas.schemaOne.one, ", two : ", schemas.schemaOne.two, ", three : ", schemas.schemaOne.three, ", four : ", schemas.schemaOne.four);
console.log("one : ", schemas.schemaTwo.one, ", two : ", schemas.schemaTwo.two, ", three : ", schemas.schemaTwo.three, ", four : ", schemas.schemaTwo.four);