Fireside Theme for VS Code

A warm, earthy dark theme for Visual Studio Code inspired by the cozy ambiance of candlelight. Fireside brings comfortable, eye-friendly colors to your coding environment with carefully balanced contrast and syntax highlighting.

Features

Warm Color Palette: Earthy tones with warm reds, oranges, and taupes balanced against a deep navy background
Carefully Balanced Contrast: High readability with 14.5:1 contrast ratio for main text
Comprehensive Language Support: Optimized token colors for JavaScript, TypeScript, Python, Go, Rust, Markdown, and more
Integrated Terminal Colors: Consistent ANSI color scheme across editor and integrated terminal
Git Integration: Clear visual indicators for modified, added, deleted, and untracked files
Semantic Highlighting: Full support for modern LSP-based semantic tokens

Installation

From VS Code Marketplace

Open VS Code
Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
Search for "Fireside"
Click Install
Go to Preferences > Color Theme and select "Fireside"

Manual Installation

Download the latest .vsix file from the releases page
Open VS Code
Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
Click the ... menu at the top right
Select "Install from VSIX..."
Choose the downloaded .vsix file
Select "Fireside" from Preferences > Color Theme

Color Palette

Base Colors

Color	Hex Code	Usage
Background	`#0a1220`	Editor background
Foreground	`#f0f2f5`	Default text color
Line Highlight	`#0f1929`	Current line highlight
Selection	`#1a2535`	Selected text background
Cursor	`#f0f2f5`	Cursor color

Syntax Colors

Element	Hex Code	Style
Comments	`#555c65`	Italic
Strings	`#889889`	Normal
Numbers	`#d0cac7`	Normal
Keywords	`#b8b8b6`	Normal
Functions	`#e06b58`	Normal
Types/Classes	`#b8b5a2`	Normal
Constants	`#e48b7a`	Normal
Variables	`#f0f2f5`	Normal
Operators	`#f0f2f5`	Normal

ANSI Terminal Colors

Color	Normal	Bright
Black	`#0a1220`	`#555c65`
Red	`#e06b58`	`#e06b58`
Green	`#889889`	`#9eaca1`
Yellow	`#b8b5a2`	`#c8c3b8`
Blue	`#b8b8b6`	`#cdcbc9`
Magenta	`#e48b7a`	`#f0a19a`
Cyan	`#d0cac7`	`#e3ddda`
White	`#f0f2f5`	`#f0f2f5`

Language Support

Fireside has been optimized and tested with:

JavaScript / TypeScript
Python
Go
Rust
HTML / CSS
JSON / YAML
Markdown
Shell scripts
C / C++
Java

Customization

You can customize the theme colors in your settings.json:

{
  "workbench.colorCustomizations": {
    "[Fireside]": {
      "editor.background": "#0a1220",
      "editor.foreground": "#f0f2f5"
    }
  },
  "editor.tokenColorCustomizations": {
    "[Fireside]": {
      "comments": "#667080"
    }
  }
}

Screenshots

Add screenshots of your theme in action here

Inspiration

This theme is based on the Fireside Neovim colorscheme, bringing the same warm and cozy aesthetic to Visual Studio Code.

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements:

Check the issue tracker
Open a new issue if your problem/suggestion isn't already listed
Feel free to submit pull requests

License

MIT License - see LICENSE file for details

Credits

Theme Design: Fireside Neovim colorscheme
VS Code Adaptation: cipher-shad0w
Color Palette: Inspired by warm candlelight ambiance

Enjoy coding by the fireside!

Fireside

cipher-shad0w