<p align="center">
  <img alt="Logo" src="images/logo_black.png" width="100" />
</p>
<h1 align="center">
  ❄️ Arctic Depth Theme
</h1>
<p align="center">
  A sleek, high-contrast dark blue theme designed for developers who love rich blues and a futuristic aesthetic. It combines deep oceanic tones with crisp Arctic highlights to create a visually striking yet comfortable coding environment.<br />
  Now available on <a href="https://marketplace.visualstudio.com/items?itemName=MarvellinusVincent.arctic-depth">VS Code</a>, <a href="https://www.npmjs.com/package/arctic-depth">npm</a>, and <a href="https://www.npmjs.com/package/arctic-depth-zed">Zed</a>.

</p>
<p align="center">
  <a href="https://marketplace.visualstudio.com/items?itemName=MarvellinusVincent.arctic-depth">
    <img alt="Version" src="https://img.shields.io/visual-studio-marketplace/v/MarvellinusVincent.arctic-depth?color=brightgreen" />
  </a>
  <a href="https://marketplace.visualstudio.com/items?itemName=MarvellinusVincent.arctic-depth">
    <img alt="Downloads" src="https://img.shields.io/visual-studio-marketplace/d/MarvellinusVincent.arctic-depth" />
  </a>
  <a href="https://marketplace.visualstudio.com/items?itemName=MarvellinusVincent.arctic-depth">
    <img alt="Installs" src="https://img.shields.io/visual-studio-marketplace/i/MarvellinusVincent.arctic-depth" />
  </a>
</p>

![screenshot](images/screenshot.png)

---

## ✨ Features

- 🎨 **Deep Blue Palette**: Carefully selected blues that reduce eye strain  
- 🔍 **High Contrast**: Clear distinction between syntax elements  
- 🧊 **Modern Aesthetic**: Clean, futuristic design with attention to detail  
- 💻 **Comprehensive Language Support**: Optimized for JavaScript, TypeScript, Python, HTML, CSS, and more  
- 🖥️ **Terminal Colors**: Custom ANSI color scheme that matches the theme  

---

## 📦 Installation

### From VS Code Marketplace

1. Open the **Extensions** view in VSCode (`Ctrl+Shift+X` or `Cmd+Shift+X`)  
2. Search for `"Arctic Depth"`  
3. Click **Install**  
4. Open the **Command Palette** (`Ctrl+Shift+P` or `Cmd+Shift+P`)  
5. Choose **Preferences: Color Theme**  
6. Select **Arctic Depth**  

---

## 🖌️ Color Palette

### 🖥️ UI Colors
| Color Swatch  | Name           | Hex       | Element                          |
|---------------|----------------|-----------|----------------------------------|
| ![#171A22](https://placehold.co/15x15/171A22/171A22.png) | Deep Ocean     | `#171A22` | Main editor background           |
| ![#121417](https://placehold.co/15x15/121417/121417.png) | Midnight       | `#121417` | Sidebars, panels, status bar     |
| ![#5E81AC](https://placehold.co/15x15/5E81AC/5E81AC.png) | Arctic Blue    | `#5E81AC` | Active elements, accents         |
| ![#1A1C21](https://placehold.co/15x15/1A1C21/1A1C21.png) | Abyss          | `#1A1C21` | Active tab background            |
| ![#5CB2FF](https://placehold.co/15x15/5CB2FF/5CB2FF.png) | Sky Link       | `#5CB2FF` | Clickable links                  |
| ![#F78070](https://placehold.co/15x15/F78070/F78070.png) | Error Red      | `#F78070` | Error highlights                 |
| ![#F9C74F](https://placehold.co/15x15/F9C74F/F9C74F.png) | Warning Gold   | `#F9C74F` | Warnings                         |
| ![#81A1C1](https://placehold.co/15x15/81A1C1/81A1C1.png) | Arctic Gray    | `#81A1C1` | Inactive text                    |

### ✍️ Syntax Colors
| Color Swatch  | Name           | Hex       | Language Construct               |
|---------------|----------------|-----------|----------------------------------|
| ![#C3A6FF](https://placehold.co/15x15/C3A6FF/C3A6FF.png) | Lavender       | `#C3A6FF` | Keywords, storage types          |
| ![#F8C8D2](https://placehold.co/15x15/F8C8D2/F8C8D2.png) | Soft Pink      | `#F8C8D2` | Numbers, constants               |
| ![#6D9ED4](https://placehold.co/15x15/6D9ED4/6D9ED4.png) | Frost Blue     | `#6D9ED4` | Variables                        |
| ![#78C490](https://placehold.co/15x15/78C490/78C490.png) | Mint Green     | `#78C490` | Strings                          |
| ![#D4B56A](https://placehold.co/15x15/D4B56A/D4B56A.png) | Goldenrod      | `#D4B56A` | Functions, classes               |
| ![#BAE67E](https://placehold.co/15x15/BAE67E/BAE67E.png) | Lime           | `#BAE67E` | Tags                             |
| ![#F681A6](https://placehold.co/15x15/F681A6/F681A6.png) | Coral          | `#F681A6` | Operators, punctuation           |
| ![#FFAE57](https://placehold.co/15x15/FFAE57/FFAE57.png) | Apricot        | `#FFAE57` | Attributes                       |

---

## 🙌 Support

If you enjoy using **Arctic Depth**, consider supporting the project:

- ⭐ **Star** the repository to show your appreciation  
- 🐛 **Report bugs** or issues by opening a GitHub Issue  
- 💖 **Share** the theme with your developer friends  
- 📬 **Suggest features** or improvements — feedback is much appearciated!  

---

## 🧩 Supported Languages

- JavaScript / TypeScript  
- Python  
- HTML / CSS  
- JSON  
- Markdown  
- Java  
- C / C++  
- PHP  
- Go  
- Rust  
- And more...

---

## 📄 License

This project is licensed under the terms of the [MIT License](./LICENSE.md).


