hyper-themes

# Hyper Theme Development

Create and publish color themes for Hyper terminal.

## Theme Structure

Themes are plugins that modify colors via `decorateConfig`:

```
hyper-theme-name/
├── package.json
├── index.js
└── README.md
```

## package.json

```json
{
  "name": "hyper-theme-name",
  "version": "1.0.0",
  "description": "A beautiful theme for Hyper",
  "main": "index.js",
  "keywords": ["hyper", "hyper-plugin", "hyper-theme"],
  "author": "Your Name",
  "license": "MIT"
}
```

**Required:** Include both `hyper-plugin` and `hyper-theme` keywords.

## Theme Implementation

### index.js

```javascript
exports.decorateConfig = (config) => {
  return Object.assign({}, config, {
    // Background and foreground
    foregroundColor: '#eff0eb',
    backgroundColor: '#282a36',
    borderColor: '#222430',

    // Cursor
    cursorColor: '#97979b',
    cursorAccentColor: '#282a36',

    // Selection
    selectionColor: 'rgba(151, 151, 155, 0.3)',

    // ANSI colors (16 colors)
    colors: {
      black: '#282a36',
      red: '#ff5c57',
      green: '#5af78e',
      yellow: '#f3f99d',
      blue: '#57c7ff',
      magenta: '#ff6ac1',
      cyan: '#9aedfe',
      white: '#f1f1f0',
      lightBlack: '#686868',
      lightRed: '#ff5c57',
      lightGreen: '#5af78e',
      lightYellow: '#f3f99d',
      lightBlue: '#57c7ff',
      lightMagenta: '#ff6ac1',
      lightCyan: '#9aedfe',
      lightWhite: '#eff0eb',
    },

    // Optional: Tab bar colors
    css: `
      ${config.css || ''}
      .tabs_nav {
        background-color: #282a36;
      }
      .tab_tab {
        color: #6272a4;
        border: none;
      }
      .tab_active {
        color: #f8f8f2;
        background-color: #44475a;
      }
    `,
  });
};
```

## Color Palette Guidelines

### Essential Colors
- `foregroundColor` - Main text color
- `backgroundColor` - Terminal background
- `cursorColor` - Cursor color
- `selectionColor` - Selection highlight (use rgba for transparency)

### ANSI Color Mapping
| Col