initial commit

This commit is contained in:
2025-10-18 18:19:39 -07:00
commit 42a4252fc8
9 changed files with 799 additions and 0 deletions

98
README.md Normal file
View File

@@ -0,0 +1,98 @@
# 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).