# @lrnwebcomponents/simple-colors

> Automated conversion of simple-colors/

Latest version **8.0.2** (published 2024-02-29) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install @lrnwebcomponents/simple-colors
pnpm add @lrnwebcomponents/simple-colors
yarn add @lrnwebcomponents/simple-colors
bun add @lrnwebcomponents/simple-colors
```

## Health

**Score 35/100 (D)** — status: abandoned.

Positive: esm support; no vulnerabilities; high maintenance score.

Warnings: low downloads; no types.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 8.0.2 |
| Published | 2024-02-29 |
| First published | 2018-10-24 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 3 |
| Unpacked size | 293.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 274 |
| Author | haxtheweb |
| Maintainers | heymp, btopro, nikkimk, cgldevel |
| Keywords | web-components, html |

## Links

- npm: https://www.npmjs.com/package/@lrnwebcomponents/simple-colors
- Repository: https://github.com/elmsln/lrnwebcomponents
- Homepage: https://github.com/elmsln/lrnwebcomponents#readme
- Issues: https://github.com/elmsln/lrnwebcomponents/issues
- npm.io page: https://npm.io/package/@lrnwebcomponents/simple-colors

## Dependencies (3)

- [lit](https://npm.io/package/lit.md) ^3.1.2
- [@lrnwebcomponents/a11y-utils](https://npm.io/package/@lrnwebcomponents/a11y-utils.md) ^8.0.2
- [@lrnwebcomponents/simple-colors-shared-styles](https://npm.io/package/@lrnwebcomponents/simple-colors-shared-styles.md) ^8.0.2

## Alternatives

- [@tsparticles/shape-image](https://npm.io/package/@tsparticles/shape-image.md) — 303.7K weekly downloads
- [@tsparticles/shape-line](https://npm.io/package/@tsparticles/shape-line.md) — 233.7K weekly downloads
- [stringify-attributes](https://npm.io/package/stringify-attributes.md) — 58.6K weekly downloads
- [mobile-drag-drop](https://npm.io/package/mobile-drag-drop.md) — 46.3K weekly downloads
- [@comunica/actor-rdf-parse-html](https://npm.io/package/@comunica/actor-rdf-parse-html.md) — 29.2K weekly downloads

## Recent versions

- 8.0.2 (latest) — 2024-02-29
- 8.0.1 — 2024-02-27
- 8.0.0 — 2023-12-21
- 7.0.18 — 2023-09-11
- 7.0.17 — 2023-09-08
- 7.0.16 — 2023-08-18
- 7.0.15 — 2023-07-13
- 7.0.11 — 2023-06-27
- 7.0.10 — 2023-06-27
- 7.0.5 — 2023-06-21
- 7.0.4 — 2023-06-20
- 7.0.2 — 2023-06-02
- 7.0.1 — 2023-06-01
- 7.0.0 — 2023-05-09
- 4.2.0 — 2023-03-30
- … 107 more at https://npm.io/package/@lrnwebcomponents/simple-colors/versions

## README

# <simple-colors>

Colors
> a utilty that provides a global set of color classes and variables based on theme and accent color attributes

## Usage
To use this web component in your project you can utilize one of the following styles of syntax.

```js
/* In an existing module / web component */
import '@lrnwebcomponents/simple-colors.js';
/* At top of an application */
<script type="module" src="simple-colors.js"></script>
/* Alternatives for top of application */
<script type="module">
  import '@lrnwebcomponents/simple-colors.js';

  import {SimpleColors} from '@lrnwebcomponents/simple-colors';
</script>
```

## Develop / Demo
Run `yarn start` will start a local development server, open your default browser to display it, open your finder to the correct window and start watching the `/src` directory for changes and automatically rebuilding the element and documentation site for the demo.
```bash
$ yarn start
```

## Test

```bash
$ yarn run test
```

## Build
Builds ensure that wcfactory can correctly compile your web component project to
work on the maximum number of browsers possible.
```bash
$ yarn run build
```

## Contributing

1. Fork it! `git clone git@github.com/elmsln/lrnwebcomponents.git`
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -m 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request :D

## Code style

Colors (and all lrnwebcomponents) use [Prettier][prettier] to auto-format JS and JSON.  The style rules get applied when you commit a change.  If you choose to, you can [integrate your editor][prettier-ed] with Prettier to have the style rules applied on every save.

[prettier]: https://github.com/prettier/prettier/
[prettier-ed]: https://github.com/prettier/prettier/#editor-integration
[polyserve]: https://github.com/Polymer/polyserve
[web-component-tester]: https://github.com/Polymer/web-component-tester

## License
[Apache-2.0 License](http://opensource.org/licenses/Apache-2.0)

---
_Source: https://npm.io/package/@lrnwebcomponents/simple-colors · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._