Skip to content

developir/developir-vscode-theme

Repository files navigation

Developir VSCode Themes

This repository contains light and dark basic themes for vscode. The main purpose of making it is to create a base theme with several color variables, which can be easily used to create a new theme by changing these colors.

Also, in this theme, it has been tried that the syntax tokens have different colors and help the developers, especially the junior developers, to understand the codes correctly. Each color in this theme includes light and dark colors, so with its help, we can easily add light and dark mode support for each theme at the same time. Finally, this theme will be used to create an online theme editor for vscode.

Color Reference

Color Light Hex Dark Hex
Primary foreground #000000 #000000 #ffffff #ffffff
Secondary foreground #454545 #454545 #f0f0f0 #f0f0f0
Muted foreground #a8a8a8 #a8a8a8 #8a8a8a #8a8a8a
Light foreground #f7faff #f7faff #f7faff #f7faff
Primary background #2563eb #2563eb #2563eb #2563eb
Secondary background #ffffff #ffffff #000000 #000000
Muted background #f6f8fa #f6f8fa #1f1f1f #1f1f1f
Border color #e0e4e8 #e0e4e8 #363636 #363636
Selection background #dffcff #dffcff #0b4b52 #0b4b52
Match highlight #fff2c3 #fff2c3 #876b05 #876b05
Find highlight #a0ffce #a0ffce #145e38 #145e38

Author