Verdula

A Dracula-inspired theme for VS Code, reimagined in deep forest greens. Also in black, gray, purple, burgundy, ocean and light.
Um tema para o VS Code inspirado no Dracula, reinventado em tons de verde-floresta. Também em preto, cinza, roxo, bordô, azul-oceano e claro.

English · Português

Verdula — TypeScript


React	Python

Go	Rust

Java	PHP

SQL	Shell

Variants · Variações


Verdula	Verdula Black

Verdula Gray	Verdula Purple

Verdula Burgundy	Verdula Light

Verdula Ocean

English

About

Verdula takes the vibrant, high-contrast spirit of Dracula and moves it into the forest. The background is a deep, dark green and the interface text is clean white. The code uses its own palette:

Four shades of green (mint, emerald, jade and lime) for functions, highlights, types and strings.
Soft rose, amber and lavender accents, so the code never turns into a single shade of green.

Every syntax color has a contrast ratio of at least 5:1 against the editor background, in every variant, so it stays comfortable during long coding sessions.

Variants

Prefer a different background? Verdula comes in seven versions. The syntax colors are the same in all of them; only the background changes. The one exception is Verdula Burgundy, which uses lighter rose and coral so they stand out from the red background.

Theme	Background
Verdula	deep forest green (main)
Verdula Black	near black
Verdula Gray	dark gray
Verdula Purple	dark purple
Verdula Burgundy	dark burgundy red
Verdula Ocean	deep sea blue
Verdula Light	white, with the same hues darkened for contrast

Installation

Open VS Code and go to Extensions (Cmd+Shift+X on macOS, Ctrl+Shift+X on Windows/Linux).
Search for Verdula and click Install.
Open the Command Palette, run Preferences: Color Theme and choose Verdula or one of its variants.

Zed: all variants are also available for Zed. Copy zed/themes/verdula.json to ~/.config/zed/themes/ and pick Verdula in theme selector: toggle.

Palette

Backgrounds and text

Role	Verdula	Black	Gray	Purple	Burgundy	Ocean	Light
Editor	`#0D1D15`	`#0B0B0B`	`#1E1F20`	`#1A1724`	`#230B11`	`#10202D`	`#FFFFFF`
Sidebar / panel	`#0A1711`	`#060606`	`#191A1B`	`#14121C`	`#1A070C`	`#0C1822`	`#F3F3F3`
Title, activity and status bars	`#06100B`	`#000000`	`#131415`	`#0E0C14`	`#100407`	`#071018`	`#EBEBEB`
Current line	`#143024`	`#1D1D1D`	`#2D2F31`	`#2B263B`	`#3B121C`	`#193248`	`#F2F2F2`
Selection	`#245038`	`#3C3C3C`	`#47494D`	`#483F63`	`#6F2034`	`#2A5479`	`#CCE8D5`
Foreground	`#EDF5F0`	`#F3F3F3`	`#F2F3F3`	`#F3F2F6`	`#F7F3F4`	`#F3F5F7`	`#1F1F1F`
Comments	`#6A9A80`	`#8D8D8D`	`#8B8E92`	`#8F8AA1`	`#A28B91`	`#8797A6`	`#6E6E6E`

Syntax colors

Name	Dark variants	Light	Used for
Mint	`#A3EFC0`	`#008136`	functions and methods
Emerald	`#5BD98C`	`#008136`	decorators, cursor, UI highlights
Jade	`#4CC9A6`	`#007F5E`	classes and types
Lime	`#B5DD6E`	`#567A00`	strings
Soft rose	`#E3809B` (Burgundy: `#FAA8CA`)	`#AF4D6B`	keywords, HTML tags
Amber	`#E5B567`	`#956600`	numbers and constants
Lavender	`#A79BE3`	`#7365AC`	parameters
Terracotta	`#E8925F`	`#AD581D`	warnings
Coral	`#EF6F6C` (Burgundy: `#FC9C92`)	`#C34042`	errors, regex

Feedback

Found a color that could be better? Open an issue.

License

MIT

Português

Sobre

O Verdula leva o espírito vibrante e de alto contraste do Dracula para a floresta. O fundo é verde bem escuro e o texto da interface é branco. O código usa uma paleta própria:

Quatro tons de verde (menta, esmeralda, jade e lima) para funções, destaques, tipos e strings.
Destaques em rosa-antigo, âmbar e lavanda, para o código nunca virar um tom só de verde.

Todas as cores do código têm contraste de pelo menos 5:1 em relação ao fundo do editor, em todas as variações, o que deixa a leitura confortável em longas sessões de programação.

Variações

Prefere outro fundo? O Verdula tem sete versões. As cores do código são as mesmas em todas; só o fundo muda. A única exceção é o Verdula Burgundy, que usa rosa e coral mais claros para se destacarem do fundo vermelho.

Tema	Fundo
Verdula	verde-floresta (principal)
Verdula Black	quase preto
Verdula Gray	cinza escuro
Verdula Purple	roxo escuro
Verdula Burgundy	vermelho-bordô escuro
Verdula Ocean	azul-oceano escuro
Verdula Light	branco, com os mesmos tons escurecidos para dar contraste

Instalação

Abra o VS Code e vá em Extensions (Cmd+Shift+X no macOS, Ctrl+Shift+X no Windows/Linux).
Pesquise por Verdula e clique em Install.
Abra a paleta de comandos, rode Preferences: Color Theme e escolha Verdula ou uma das variações.

Zed: todas as variações também estão disponíveis para o Zed. Copie zed/themes/verdula.json para ~/.config/zed/themes/ e escolha Verdula em theme selector: toggle.

Paleta

Fundos e texto

Papel	Verdula	Black	Gray	Purple	Burgundy	Ocean	Light
Editor	`#0D1D15`	`#0B0B0B`	`#1E1F20`	`#1A1724`	`#230B11`	`#10202D`	`#FFFFFF`
Lateral / painel	`#0A1711`	`#060606`	`#191A1B`	`#14121C`	`#1A070C`	`#0C1822`	`#F3F3F3`
Barras de título, atividades e status	`#06100B`	`#000000`	`#131415`	`#0E0C14`	`#100407`	`#071018`	`#EBEBEB`
Linha atual	`#143024`	`#1D1D1D`	`#2D2F31`	`#2B263B`	`#3B121C`	`#193248`	`#F2F2F2`
Seleção	`#245038`	`#3C3C3C`	`#47494D`	`#483F63`	`#6F2034`	`#2A5479`	`#CCE8D5`
Texto	`#EDF5F0`	`#F3F3F3`	`#F2F3F3`	`#F3F2F6`	`#F7F3F4`	`#F3F5F7`	`#1F1F1F`
Comentários	`#6A9A80`	`#8D8D8D`	`#8B8E92`	`#8F8AA1`	`#A28B91`	`#8797A6`	`#6E6E6E`

Cores do código

Nome	Variações escuras	Light	Uso
Menta	`#A3EFC0`	`#008136`	funções e métodos
Esmeralda	`#5BD98C`	`#008136`	decorators, cursor, destaques da interface
Jade	`#4CC9A6`	`#007F5E`	classes e tipos
Lima	`#B5DD6E`	`#567A00`	strings
Rosa-antigo	`#E3809B` (Burgundy: `#FAA8CA`)	`#AF4D6B`	palavras-chave, tags HTML
Âmbar	`#E5B567`	`#956600`	números e constantes
Lavanda	`#A79BE3`	`#7365AC`	parâmetros
Laranja-terra	`#E8925F`	`#AD581D`	avisos
Coral	`#EF6F6C` (Burgundy: `#FC9C92`)	`#C34042`	erros, regex

Sugestões

Achou alguma cor que poderia ficar melhor? Abra uma issue.

Licença

MIT