# Chartjs Custom Colors

> Sub-skill of chartjs: Custom Colors (+2).

- Skill: `vamseeachanta/chartjs-custom-colors` (Agent Skill)
- Install (CLI): `npx skillmds@latest add vamseeachanta/chartjs-custom-colors`
- Raw SKILL.md: https://api.skillmd.com/api/skills/vamseeachanta/chartjs-custom-colors/raw
- Safety review: PASS (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: vamseeachanta (https://skillmd.com/u/vamseeachanta)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/vamseeachanta/chartjs-custom-colors

---


# Custom Colors (+2)

## Custom Colors


```javascript
const colors = [
  'rgba(255, 99, 132, 0.7)',
  'rgba(54, 162, 235, 0.7)',
  'rgba(255, 206, 86, 0.7)',
  'rgba(75, 192, 192, 0.7)',
  'rgba(153, 102, 255, 0.7)'
];
```

## Custom Tooltips


```javascript
options: {
  plugins: {
    tooltip: {
      callbacks: {
        label: function(context) {
          let label = context.dataset.label || '';
          if (label) {
            label += ': ';
          }

*See sub-skills for full details.*

## Custom Legends


```javascript
options: {
  plugins: {
    legend: {
      position: 'bottom',
      labels: {
        font: {
          size: 14
        },
        usePointStyle: true
      }
    }
  }
}
```