Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Fons ThemeNew to Visual Studio Code? Get it now.
Fons Theme

Fons Theme

bangjelkoski

|
1,193 installs
| (1) | Free
Mix of colors that make up a beautiful, simple and eye-pleasing theme for VSCode.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🌟 Fons Theme for VSCode

Version Downloads license

Mix of colors that make up a beautiful, simple and eye-pleasing theme for VSCode.


🚀 Installation

  1. Open the Extensions sidebar in VS Code
  2. Search for Fons Theme
  3. Click Install
  4. Open the Command Palette with Ctrl+Shift+P or ⇧⌘P
  5. Select Preferences: Color Theme and select Fons Theme.
  6. Enjoy! 🎉

🎨 Color Palette

  • Darkest Blue (ex. main background): #131417
  • Blue (ex. border in open editors): #3182ce
  • Lightest Blue (ex. foreground): #ebf8ff
  • Some variation of blue (ex. inactive text foreground): #4f6880
  • Dark Blue (ex. editor background): #171a21
  • Yellowish: #FFD6AE
  • Magenta/Red combo: #F43F5E
  • Green: #10B981
  • Bolder Blue: #0284C7
  • Smoother/Light Blue: #7DD3FC

💻 Preview

Main Layout Main Layout

HTML HTML

CSS CSS

JavaScript JavaScript

Vue Vue

PHP PHP

React React

JSON JSON


⛑ Support

Reach out to me at one of the following places!

  • Website at bangjelkoski.com
  • Twitter at @bangjelkoski

🔓 License

License

Icon from Flaticon

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft