{"_id":"@boeleboom/open-color","_rev":"1-b25d685fc23e01bd582292e5d5e379cb","name":"@boeleboom/open-color","description":"Fork of Open color scheme for web UI","dist-tags":{"latest":"1.5.1"},"versions":{"1.5.1":{"name":"@boeleboom/open-color","version":"1.5.1","description":"Fork of Open color scheme for web UI","main":"open-color.json","files":["open-color.json","open-color.css","open-color.scss","open-color.less","open-color.styl"],"scripts":{"test":"","compile-templates":"node compile-templates.js"},"repository":{"type":"git","url":"git+https://github.com/yeun/open-color.git"},"keywords":["color","colorscheme","color swatches","SCSS","LESS","Stylus","CSS"],"author":{"name":"Jeong Heeyeun","email":"hyd5012@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/yeun/open-color/issues"},"homepage":"https://github.com/yeun/open-color","devDependencies":{"ase-utils":"^0.1.1","handlebars":"^4.0.5","uuid":"^3.0.1","archiver":"^1.3.0"},"gitHead":"ce19113f79ebb3aa6aaf41232f0b92a3c2611acf","_id":"@boeleboom/open-color@1.5.1","_npmVersion":"5.5.1","_nodeVersion":"8.2.1","_npmUser":{"name":"boeleboom","email":"boele.boom@hotmail.com"},"dist":{"integrity":"sha512-dBJ5e69UC+NozxJC8ZL/HuwA7m80MM3FQCYPHcnZJNwWGDhJPme4EqAs3QVnIdeZwru2mQqXzTWtAf+yVIxb/g==","shasum":"771c2baf7165913865029e44653374cf410f19f6","tarball":"https://registry.npmjs.org/@boeleboom/open-color/-/open-color-1.5.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEOtgC0gAhdYypW6O6W51TyVzSMG3NVul9fDQaRuGf/8AiB8bvLZUfa+AYmsy3iCwOJkwfzPzxg16j5ZGrcTV8kImw=="}]},"maintainers":[{"name":"boeleboom","email":"boele.boom@hotmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/open-color-1.5.1.tgz_1511000226939_0.07507269736379385"}}},"readme":"# Open color\n\nOpen color is an [open-source](https://en.wikipedia.org/wiki/Open-source_software) color scheme optimized for UI like font, background, border, etc.\n\n## Goals\n\n- All colors shall have adequate use\n- Provide general color for UI design\n- All colors will be beautiful in itself and harmonious\n- At the same brightness level, the perceived brightness will be constant\n\n**Note**\n\n* The colors are subject to change in the future. Thus, using an Open color as a main identity color is not recommended.\n\n## Available colors\n\n![available colors](https://yeun.github.io/open-color/asset/images/open-color.svg)\n\n## Installation\n\n```\n$ npm install open-color\n```\n```\n$ bower install open-color\n```\n\n## Variable convention\n\n### Sass, SCSS\n\n```sass\n$oc-(color)-(number)\n```\n\n### LESS\n\n```less\n@oc-(color)-(number)\n```\n\n### Stylus\n\n```styl\noc-(color)-(number)\n```\n### CSS\n\n```css\n--oc-(color)-(number)\n```\n\n---\n\n- `oc`:  Abbreviation for Open color\n- `(color)`: Color name such as gray, red, lime, etc.\n- `(number)`: 0 to 9. Brightness spectrum.\n\n\n## How to use\n\nImport the file to your project and use the variables.\n\n**Example for Sass, SCSS**\n\n```sass\n@import 'path/open-color';\n\n.body {\n  background-color: $oc-gray-0;\n  color: $oc-gray-7;\n}\n\na {\n  color: $oc-teal-7;\n\n  &:hover,\n  &:focus,\n  &:active {\n    color: $oc-indigo-7;\n  }\n}\n```\n\n**Example for LESS**\n\n```less\n@import 'path/open-color';\n\n.body {\n  background-color: @oc-gray-0;\n  color: @oc-gray-7;\n}\n\na {\n  color: @oc-teal-7;\n\n  &:hover,\n  &:focus,\n  &:active {\n    color: @oc-indigo-7;\n  }\n}\n```\n\n**Example for Stylus**\n\n```styl\n@import 'path/open-color.styl'\n\n.body\n  background-color: oc-gray-0\n  color: oc-gray-7\n\na\n  color: oc-teal-7\n\n  &:hover\n  &:focus\n  &:active\n    color: oc-indigo-7\n```\n\n**Example for CSS**\n\n```css\n@import 'path/open-color.css';\n\n.body {\n  background-color: var(--oc-gray-0);\n  color: var(--oc-gray-7);\n}\n\na {\n  color: var(--oc-teal-7);\n}\n\na:hover,\na:focus,\na:active {\n  color: var(--oc-indigo-7);\n}\n```\n\n## Contribution\n\nCheck out the list below.\n\n### Color value\n\n- `open-color.json` \n   - Change and `$ npm run compile-templates`\n- `docs/asset/download/open-color_*.*.*.aco`\n- `docs/asset/download/open-color_*.*.*.clr`\n- Adobe library (admin rights)\n\n### Version number\n\n- `package.json`\n- `docs/asset/download/open-color_*.*.*.aco`\n- Adobe library (admin rights)\n\n### Document\n\n- `README.md`\n- `docs/documents.html`\n\n### Introduction\n\n- `README.md`\n","maintainers":[{"name":"boeleboom","email":"boele.boom@hotmail.com"}],"time":{"modified":"2022-04-04T19:58:28.746Z","created":"2017-11-18T10:17:07.835Z","1.5.1":"2017-11-18T10:17:07.835Z"},"homepage":"https://github.com/yeun/open-color","keywords":["color","colorscheme","color swatches","SCSS","LESS","Stylus","CSS"],"repository":{"type":"git","url":"git+https://github.com/yeun/open-color.git"},"author":{"name":"Jeong Heeyeun","email":"hyd5012@gmail.com"},"bugs":{"url":"https://github.com/yeun/open-color/issues"},"license":"MIT","readmeFilename":"README.md"}