Goliath Theme for VSCode

Goliath is an exotic and harmonious theme for Visual Studio Code with a unique pastel palette.

The motivation for creating this theme was that in my country, the ability to download extensions for my favorite editor, Visual Studio Code, was blocked. After installing Codium, I discovered a lack of decent themes (I was using One Monokai Pro). Having failed to find anything suitable, I decided to create my own theme based on One Monokai, combining it with the Breeze and Gruvbox vibes, and adding my own touch of coziness. The Goliath theme combines coziness, readability, and eye comfort.

Preview

🎨 Palette

Dark Theme

Element	Color	Hex
Comments	Muted Mint	`#6a8a7a`
Strings	Warm Amber	`#d4a06a`
String Quotes	Darker Amber	`#b8905a`
Template Backticks	Warm Amber	`#d4a06a`
Template Expression Braces `${}`	Cool Cyan	`#6a9a9a`
Numbers	Lavender	`#b89bb8`
Constants (true, false, null)	Lavender	`#b89bb8`
Keywords	Cool Cyan	`#6a9a9a`
Primitive Types (int, char)	Olive (italic)	`#8aaa7a`
Types (structs, typedef)	Sea Green	`#6aaa9a`
Functions	Muted Blue	`#7a9ac4`
Function Parameters	Greige	`#b0a090`
Classes	Terracotta	`#c47a7a`
Variables	Greige	`#b0a090`
Object Keys	Greyish Brown	`#b8a080`
this / super	Terracotta (italic)	`#c47a7a`
Operators	Light Gray	`#a0a0a0`
Comparison Operators (==, !=, <, >)	Greyish Brown	`#b8a080`
Assignment Operators (=, +=, -=)	Greyish Brown	`#b8a080`
Punctuation (, ; { } [ ])	Dark Gray	`#8a8a8a`
Preprocessor `#`	Copper	`#a06050`
Directives `#define`	Bold Copper	`#c48a6a`
Include Path	Darker Amber	`#b8905a`
Format Specifier `%d`	Lilac	`#b89ac4`
Escape Sequences (`\n`)	Pinkish	`#c47a9a`
HEX Colors (`#xxxxxx`)	Pinkish	`#c47a9a`
Pointers `*` and References `&`	Bold Golden	`#c4a44a`
HTML/XML Tags	Grayish Blue	`#8a8a9a`
HTML/XML Attributes	Greige	`#b0a090`
CSS Properties	Greige	`#b0a090`
CSS Values	Warm Amber	`#d4a06a`
Markdown Headings	Bold Terracotta	`#c47a7a`
Markdown Links	Muted Blue	`#7a9ac4`
Diff + (added)	Olive	`#8aaa7a`
Diff - (deleted)	Terracotta	`#c47a7a`
Diff ~ (changed)	Warm Amber	`#d4a06a`

Light Theme

Element	Color	Hex
Comments	Mint (italic)	`#6f9a85`
Strings	Amber	`#c07030`
String Quotes	Darker Amber	`#a86028`
Template Backticks	Amber	`#c07030`
Template Expression Braces `${}`	Cyan	`#2f7a7a`
Numbers	Purple	`#7a4fb0`
Constants (true, false, null)	Purple	`#7a4fb0`
Keywords	Cyan	`#2f7a7a`
Primitive Types (int, char)	Green (italic)	`#3c8a5a`
Types (structs, typedef)	Teal	`#2f8a6a`
Functions	Blue	`#3a6fd0`
Function Parameters	Greyish Brown	`#6b5f52`
Classes	Red	`#d05050`
Variables	Greyish Brown	`#6b5f52`
Object Keys	Greyish Brown	`#6b5f52`
this / super	Red (italic)	`#d05050`
Operators	Gray	`#8a7f72`
Comparison Operators (==, !=, <, >)	Gray	`#8a7f72`
Assignment Operators (=, +=, -=)	Gray	`#8a7f72`
Punctuation (, ; { } [ ])	Light Gray	`#9a9084`
Preprocessor `#`	Dark Copper	`#a05040`
Directives `#define`	Bold Copper	`#b06030`
Include Path	Darker Amber	`#a86028`
Format Specifier `%d`	Lilac	`#8a5fc4`
Escape Sequences (`\n`)	Pinkish	`#d05070`
HEX Colors (`#xxxxxx`)	Pinkish	`#d05070`
Pointers `*` and References `&`	Bold Golden	`#a07030`
HTML/XML Tags	Greyish Brown	`#6b5f52`
HTML/XML Attributes	Light Brown	`#7a6a5a`
CSS Properties	Greyish Brown	`#6b5f52`
CSS Values	Amber	`#c07030`
Markdown Headings	Bold Red	`#d05050`
Markdown Links	Blue	`#3a6fd0`
Diff + (added)	Green	`#3c8a5a`
Diff - (deleted)	Red	`#d05050`
Diff ~ (changed)	Amber	`#c07030`

📦 Installation

From Marketplace (Recommended)

Open VSCode
Press Ctrl+Shift+X
Search for Goliath Theme
Click Install
Press Ctrl+K Ctrl+T and select Goliath Dark or Goliath Light

Manual Installation

git clone https://github.com/sibunut/goliath-theme.git
cd goliath-theme
npm install -g @vscode/vsce
vsce package
code --install-extension goliath-theme-2.1.0.vsix