als-computing-colors 1.0.3

ALS system design color palette for Python projects

ALS Computing Colors

Shared color palette published to both npm and PyPI.

Install

npm (Tailwind preset)

npm install @als-computing/colors

PyPI (Python package)

pip install als-computing-colors

Usage

Tailwind CSS

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

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

Then use classes like:

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

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