# Fjord Theme for VS Code

A dusk-blue base with soft leaf-green accents, amber selections, and crisp blue/cyan separation for Visual Studio Code.

## 🎨 Color Palette

### Core Colors

| Color                                                     | Name              |
| --------------------------------------------------------- | ----------------- |
| ![#1B2532](https://img.shields.io/badge/%231B2532-1B2532) | **background**    |
| ![#222E3F](https://img.shields.io/badge/%23222E3F-222E3F) | **backgroundAlt** |
| ![#1F2A39](https://img.shields.io/badge/%231F2A39-1F2A39) | **surface**       |
| ![#233141](https://img.shields.io/badge/%23233141-233141) | **line**          |
| ![#E8F0F3](https://img.shields.io/badge/%23E8F0F3-E8F0F3) | **foreground**    |
| ![#6C7A86](https://img.shields.io/badge/%236C7A86-6C7A86) | **muted**         |
| ![#51606B](https://img.shields.io/badge/%2351606B-51606B) | **mutedDim**      |

### Accent Colors

| Color                                                     | Name                         |
| --------------------------------------------------------- | ---------------------------- |
| ![#9DD99A](https://img.shields.io/badge/%239DD99A-9DD99A) | **green** _(primary accent)_ |
| ![#5DA6EA](https://img.shields.io/badge/%235DA6EA-5DA6EA) | **blue**                     |
| ![#FFD285](https://img.shields.io/badge/%23FFD285-FFD285) | **yellow**                   |
| ![#B9A0F8](https://img.shields.io/badge/%23B9A0F8-B9A0F8) | **purple**                   |
| ![#F37C7C](https://img.shields.io/badge/%23F37C7C-F37C7C) | **red**                      |
| ![#B8E7E9](https://img.shields.io/badge/%23B8E7E9-B8E7E9) | **cyan**                     |

## 📦 Installation

### From VS Code Marketplace

1. Open VS Code
2. Go to Extensions (Ctrl+Shift+X)
3. Search for "Fjord"
4. Click Install

### Manual Installation

1. Download the latest `.vsix` file from [Releases](https://github.com/fjord-theme/fjord-vscode/releases)
2. Open VS Code
3. Go to Extensions (Ctrl+Shift+X)
4. Click the "..." menu and select "Install from VSIX..."
5. Select the downloaded `.vsix` file

### From Source

1. Clone this repository:

   ```bash
   git clone https://github.com/fjord-theme/fjord-vscode.git
   cd fjord-vscode
   ```

2. Install dependencies:

   ```bash
   npm install
   ```

3. Package the extension:

   ```bash
   npm run package
   ```

4. Install the generated `.vsix` file

## 🔧 Configuration

After installation, you can activate the theme by:

1. Opening the Command Palette (Ctrl+Shift+P)
2. Typing "Preferences: Color Theme"
3. Selecting "Fjord"

## 📸 Preview

![Fjord VS Code Theme](https://raw.githubusercontent.com/fjord-theme/fjord/main/docs/images/colortest.png)

## 🔄 Updates

This theme is automatically generated from the [main Fjord repository](https://github.com/fjord-theme/fjord). For the latest updates, check the main repository.

## ☕ Support My Work

If you enjoy the Fjord theme and find it useful, consider supporting my work:

[![Buy Me A Coffee](https://img.shields.io/badge/Buy%20Me%20A%20Coffee-FFDD00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black)](https://buymeacoffee.com/jshuntley)

## 📄 License

MIT License - see [LICENSE](LICENSE) file for details.

## 🤝 Contributing

For theme suggestions or issues, please visit the [main Fjord repository](https://github.com/fjord-theme/fjord).