Metadata-Version: 2.4
Name: als-computing-colors
Version: 1.0.3
Summary: ALS system design color palette for Python projects
Author: Hung Le
License-Expression: MIT
Project-URL: Homepage, https://github.com/Hungoliann/ALS-system-design-colors
Project-URL: Repository, https://github.com/Hungoliann/ALS-system-design-colors
Project-URL: Issues, https://github.com/Hungoliann/ALS-system-design-colors/issues
Keywords: colors,palette,als,design,matplotlib,plotly
Classifier: Programming Language :: Python :: 3
Classifier: Intended Audience :: Developers
Classifier: Topic :: Software Development :: Libraries
Requires-Python: >=3.8
Description-Content-Type: text/markdown

# ALS Computing Colors

Shared color palette published to both npm and PyPI.

## Install

### npm (Tailwind preset)

```bash
npm install @als-computing/colors
```

### PyPI (Python package)

```bash
pip install als-computing-colors
```

## Usage

### Tailwind CSS

```js
// tailwind.config.js
const alsColors = require('@als-computing/colors')

module.exports = {
  presets: [alsColors],
}
```

Then use classes like:

```html
<div class="bg-sky-base text-finch-white">Hello</div>
<button class="bg-finch-navy hover:bg-finch-navy-hover">Click</button>
```

### Python

```python
from als_computing_colors import colors, sky, slate, finch

print(colors["sky"]["base"])      # '#095B87'
print(sky["light"])                # '#0886CA'
print(slate["mid"])                # '#334256'
print(finch["navy_hover"])         # '#0E3B55'
```

## Palette

### `sky`

- `darkest`: `#073048`
- `dark`: `#004C70`
- `base`: `#095B87`
- `light`: `#0886CA`

### `slate`

- `dark`: `#464B53`
- `mid`: `#334256`
- `base`: `#64768D`
- `light`: `#C1D3E3`

### `finch`

- `navy`: `#004B71`
- `white`: `#F0F5F9`
- `cyan`: `#52BEE2`
- `slate-blue` (JS) / `slate_blue` (Python): `#7DA9CD`
- `sky_hover`: `#9ACFFC`
- `charcoal`: `#47484A`
- `mist_hover`: `#CED7DC`
- `navy_hover`: `#0E3B55`

## License

MIT