PGKPI-THEME

This is Clean Visual Studio Code theme that is closely realted to PGKPI. The theme is inspired by the school building and the flag colors. We made sure that the theme is easily accessible and ready to use!

Screenshots

Light Theme

Core Properties

These are the base properties we have used to make the theme.

"colors": {
	"editor.background": "#eeeded",
	"editor.foreground": "#333333",
	"list.activeSelectionIconForeground": "#333333",
	"sideBar.background": "#e6e5e5",
	"editorGroup.dropBackground": "#2b6f8f48",
	"tab.activeBackground":"#d8d8d839",
	"tab.inactiveBackground":"#bcbdce4e",
	"editorLineNumber.foreground":"#002147",
	"editorLineNumber.activeForeground":"#F1BE00",
	"activityBar.background":"#002147",
	"activityBar.inactiveForeground":"#e7e7e7",
	"activityBar.foreground":"#F1BE00",
	"activityBar.activeBackground":"#06377062",
	"statusBar.background":"#3859A7",
	"statusBar.foreground":"#e0e0e0",
	"statusBarItem.remoteBackground":"#3859A7",
	"scrollbar.shadow":"#0021474d",
	"scrollbarSlider.activeBackground":"#2b6f8f48",
	"contrastActiveBorder":"#d5d5d54b",
	"widget.shadow":"#2b6f8f48",	
},

Color Palette

Light theme

Color	Use
#E5E5E8	The Main Background Editor Color
#002147	Activity Bar Main Color, Line Numbers
#3859A7	Status Bar, Operators, Data Types
#65A15F	Variables, CSS Selectors
#F1BE00	Object properties, Regex quantifiers and flags, Markdown headings, Terminal Cyan, Markdown code, editorLineNumber.activeForeground

Installation

This is the installation guide.

1. Download the repository by the git clone command.
2. Open VS Code and use the shortcut: Ctrl + Short + P.
3. Type Install from VSIX in the text box.
4. Choose the pgkpi-theme-0.0.1.vsix file from the downloaded folder. (The file is located in the root folder)
5. After embedding the theme in VS Code, use the same shortuct Ctrl + Short + P and chose Color theme.
6. Find the PGKPI Theme and apply it.

Dark Theme Coming soon...