{"_id":"@elricb/sass-themer-color","_rev":"3-1657c00bdc6951eabe5a3eaa5e1393b1","name":"@elricb/sass-themer-color","description":"Color scheme theory functions for sass","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@elricb/sass-themer-color","version":"1.0.0","description":"Color scheme theory functions for sass","main":"sass-themer-color/index.scss","scripts":{"test":"src/npm run start"},"repository":{"type":"git","url":"git+https://github.com/elricdesigns/sass-themer-color.git"},"author":{"name":"elricb"},"license":"ISC","bugs":{"url":"https://github.com/elricdesigns/sass-themer-color/issues"},"homepage":"https://github.com/elricdesigns/sass-themer-color#readme","gitHead":"ef1a2b07819f30e2b63dfb100021005466872761","_id":"@elricb/sass-themer-color@1.0.0","_shasum":"ced24fa4c41f2dbc097cad63f202579ca9e5db24","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.3","_npmUser":{"name":"elricb","email":"elricdesigns@gmail.com"},"dist":{"shasum":"ced24fa4c41f2dbc097cad63f202579ca9e5db24","tarball":"https://registry.npmjs.org/@elricb/sass-themer-color/-/sass-themer-color-1.0.0.tgz","integrity":"sha512-CF00l0nbSMsRye1tlTrsM9e2LqG9FFOxaCWFMu2oNnH4IQQtAH/xGNrxAa1rk6y0WBESjl4ZGQuZAKyn4kZ6hA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGxm3cgxKu9ZF3HffIQAAZNcCWWGyBcDKL8I70JXUz/hAiEAwNbkALxEzuM7yXfqsdyhv7UDKFYaY0s50oVU6LM892E="}]},"maintainers":[{"name":"elricb","email":"elricdesigns@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/sass-themer-color-1.0.0.tgz_1501781612925_0.7603034926578403"}},"1.0.1":{"name":"@elricb/sass-themer-color","version":"1.0.1","description":"Color scheme theory functions for sass","main":"sass-themer-color/index.scss","scripts":{"test":"src/npm run start"},"repository":{"type":"git","url":"git+https://github.com/elricdesigns/sass-themer-color.git"},"author":{"name":"elricb"},"license":"ISC","bugs":{"url":"https://github.com/elricdesigns/sass-themer-color/issues"},"homepage":"https://github.com/elricdesigns/sass-themer-color#readme","gitHead":"f79a4154e962e9578f2e8f565e956ad82da7773b","_id":"@elricb/sass-themer-color@1.0.1","_shasum":"249a31e3a558b03505da74b4bd9bb95147adec21","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.3","_npmUser":{"name":"elricb","email":"elricdesigns@gmail.com"},"dist":{"shasum":"249a31e3a558b03505da74b4bd9bb95147adec21","tarball":"https://registry.npmjs.org/@elricb/sass-themer-color/-/sass-themer-color-1.0.1.tgz","integrity":"sha512-x9WxEof0c8I+tR+atTRiThC5ro21QgybFy6urMRfpWMubtD2oCNP8xSCdXDQ2a/ucF45kjKMnEr6HuCnNOE5XQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDL5pPIXW0KieVLVP1ga6dbm0AxveY8AgL167oa0QJgQgIgTOs31Ih6yWfr2CI+zREShp0wkeiSEja6pKPG94oknAs="}]},"maintainers":[{"name":"elricb","email":"elricdesigns@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/sass-themer-color-1.0.1.tgz_1501789414848_0.06299558142200112"}}},"readme":"# sass-themer-color\n\nColor scheme theory functions for sass\n\n## library\n\nsass-themer-color/index.scss\n\n## demo\n\npublic/index.html\n\n## test\nsrc/app/router/route/IndexComponent/index.scss\n\n```\ncd src/\nnpm install\nnpm run start\n```\n\n## usage\n\n### theme mixins\n\n|name|mixin|\n|----|--------|\n| SetTheme | @include setColorThemePallet($map) |\n| SetLabels | @include setColorThemeLabels($map) |\n| SetThemeItem | @include setColorThemePalletItem($mapkey, $background, $foreground) |\n| SetLabelItem | @include setColorThemeLabelItem($labelname, $mapkey) |\n\n### theme functions\n\n|name|function|\n|----|--------|\n| GetForegroundColor | color-theme-fore($labelname) |\n| GetBackgroundColor | color-theme-back($labelname) |\n\n### scheme functions\n\n```\n$color - is any rgb/hsl/hex color code.\n$fraction - is any decimal neg/pos that represents percent (-1 to 1). E.g. 0.5 = 50%.\n```\n\n|name|function|\n|----|--------|\n| Analogous | color-scheme-analogous($color, $fraction) |\n| Monochromatic | color-scheme-monochromatic($color, $fraction) |\n| Shades | color-scheme-shades($color, $fraction) |\n| Triad | color-scheme-triad($color, $fraction) |\n| Complementary | color-scheme-complementary($color, $fraction) |\n| Compound | color-scheme-compound($color, $fraction) |\n\n\n### additional functions\n\n```\n$color - the base color that will change based on the difference between\n$color2 and $color3\n$color2 - the current/default color to measure against $color3\n$color3 - the changed foreground/background\n```\n\n\n|name|function|description|\n|----|--------|-----------|\n| Adaptive | color-scheme-adaptive($color, $color2, $color3) | will alter $color lightness based on the difference between $color2 and $color3 to maintain contrast |\n\n\n## example\n\n```scss\n@import \"~sass-themer-color/index.scss\";\n\n@include setColorThemePallet((\n    1: (\n        back: #805b58,\n        fore: #e8c046\n    ),\n    2: (\n        back: #E84E46,\n        fore: #000\n    ),\n    3: (\n        back: #FF0601,\n        fore: #000\n    ),\n    4: (\n        back: #E8AAAB,\n        fore: #000\n    ),\n    5: (\n        back: rgb(174, 5, 1),\n        fore: #fff\n    )\n));\n\n@include setColorThemeLabels((\n    highlight: 1,\n    menu: 1,\n    input: 2,\n    header: 3,\n    footer: 3,\n    body: 4,\n    overlay: 5,\n));\n\nheader {\n    color: color-theme-fore(header);\n    background-color: color-theme-back(header);\n}\n\nfooter {\n    color: color-theme-fore(footer);\n    background-color: color-theme-back(footer);\n}\n\n.overlay {\n    color: color-theme-fore(overlay);\n    background-color: color-theme-back(overlay);\n\n    .title {\n        color: color-theme-analogous(color-theme-fore(overlay), 0.5);\n        background-color: color-theme-analogous(color-theme-back(overlay), 0.5);\n    }\n}\n\n```\n","maintainers":[{"name":"elricb","email":"elricdesigns@gmail.com"}],"time":{"modified":"2022-06-12T17:31:50.084Z","created":"2017-08-03T17:33:34.054Z","1.0.0":"2017-08-03T17:33:34.054Z","1.0.1":"2017-08-03T19:43:36.070Z"},"homepage":"https://github.com/elricdesigns/sass-themer-color#readme","repository":{"type":"git","url":"git+https://github.com/elricdesigns/sass-themer-color.git"},"author":{"name":"elricb"},"bugs":{"url":"https://github.com/elricdesigns/sass-themer-color/issues"},"license":"ISC","readmeFilename":"README.md"}