One Piece Theme for VS Code

English

🏴‍☠️ Set Sail on the Grand Line!

Embark on your coding adventure with the One Piece Theme - a vibrant VS Code theme inspired by the legendary anime! Whether you're navigating through code during the day or burning the midnight oil, we've got you covered with both Dark and Light themes.

✨ Features

• Two Theme Variants:

  • 🌙 One Piece Dark - Sail through the night with deep ocean blues, treasure gold accents, and adventure-inspired colors
  • ☀️ One Piece Light - Bask in the Thousand Sunny's glow with bright, warm colors perfect for daytime coding

• Carefully Crafted Color Palettes:

  • Dark Theme: Deep navy blues reminiscent of the Grand Line at night, golden treasures, and crimson adventure accents
  • Light Theme: Sunny yellows, ocean blues, and warm oranges inspired by the Thousand Sunny ship

• Enhanced Readability:

  • Optimized syntax highlighting for multiple languages
  • Clear contrast ratios for reduced eye strain
  • Distinct colors for variables, functions, strings, and keywords

• Complete UI Theming:

  • Fully themed sidebars, status bars, and panels
  • Custom terminal colors
  • Beautiful tab and menu styling

🎨 Color Inspiration

Dark Theme

• Background: Deep ocean night (#1a1f2e)
• Accent: Treasure gold (#F5C842)
• Highlight: Ocean blue (#0B5394)
• Adventure: Crimson red (#DC2626)

Light Theme

• Background: Sunny cream (#FFFBEB)
• Accent: Warm amber (#D97706)
• Highlight: Deep ocean blue (#0B5394)
• Adventure: Bold red (#DC2626)

📦 Installation

From VS Code Marketplace

1. Open Extensions in VS Code (Ctrl+Shift+X / Cmd+Shift+X)
2. Search for "One Piece Theme"
3. Click Install
4. Press Ctrl+K Ctrl+T / Cmd+K Cmd+T and select:
   • One Piece Dark or
   • One Piece Light

Manual Installation

1. Download the .vsix file from the releases page
2. Open VS Code
3. Press Ctrl+Shift+P / Cmd+Shift+P
4. Type "Install from VSIX" and select the downloaded file

🖼️ Screenshots

Screenshots coming soon! The theme features carefully balanced colors for both dark and light modes.

🚀 Recommended Settings

For the best experience, we recommend these VS Code settings:

{
  "editor.fontFamily": "'Fira Code', 'Cascadia Code', Consolas, monospace",
  "editor.fontLigatures": true,
  "editor.fontSize": 14,
  "editor.lineHeight": 1.6,
  "workbench.iconTheme": "material-icon-theme"
}

🤝 Contributing

Found a bug or have a suggestion? Feel free to:

• Open an issue on GitHub
• Submit a pull request

📝 Changelog

Version 1.1.0

• ✨ Added One Piece Light theme variant
• 🎨 Enhanced Dark theme with more cohesive One Piece-inspired colors
• 🏴‍☠️ Added Straw Hat Jolly Roger assets
• 📚 Improved documentation

Version 1.0.0

• 🎉 Initial release with One Piece Dark theme

📜 License

MIT License - see LICENSE file for details

💫 Credits

• Theme Created by: Leonardo Tozoni
• Inspired by: One Piece by Eiichiro Oda
• Icon: One Piece official imagery

Português

🏴‍☠️ Navegue pela Grand Line!

Embarque na sua aventura de programação com o One Piece Theme - um tema vibrante para VS Code inspirado no lendário anime! Seja navegando pelo código durante o dia ou queimando a meia-noite, temos você coberto com temas Escuro e Claro.

✨ Recursos

• Duas Variantes de Tema:

  • 🌙 One Piece Dark - Navegue pela noite com azuis oceânicos profundos, acentos de ouro do tesouro e cores inspiradas na aventura
  • ☀️ One Piece Light - Aproveite o brilho do Thousand Sunny com cores brilhantes e quentes perfeitas para programar durante o dia

• Paletas de Cores Cuidadosamente Elaboradas:

  • Tema Escuro: Azuis marinhos profundos que lembram a Grand Line à noite, tesouros dourados e acentos de aventura carmesim
  • Tema Claro: Amarelos ensolarados, azuis oceânicos e laranjas quentes inspirados no navio Thousand Sunny

• Legibilidade Aprimorada:

  • Destaque de sintaxe otimizado para múltiplas linguagens
  • Taxas de contraste claras para reduzir o cansaço visual
  • Cores distintas para variáveis, funções, strings e palavras-chave

• Tematização Completa da UI:

  • Barras laterais, barras de status e painéis totalmente temáticos
  • Cores personalizadas do terminal
  • Estilização linda de abas e menus

🎨 Inspiração das Cores

Tema Escuro

• Fundo: Noite oceânica profunda (#1a1f2e)
• Destaque: Ouro do tesouro (#F5C842)
• Realce: Azul oceânico (#0B5394)
• Aventura: Vermelho carmesim (#DC2626)

Tema Claro

• Fundo: Creme ensolarado (#FFFBEB)
• Destaque: Âmbar quente (#D97706)
• Realce: Azul oceânico profundo (#0B5394)
• Aventura: Vermelho intenso (#DC2626)

📦 Instalação

Do Marketplace do VS Code

1. Abra Extensões no VS Code (Ctrl+Shift+X)
2. Pesquise por "One Piece Theme"
3. Clique em Instalar
4. Pressione Ctrl+K Ctrl+T e selecione:
   • One Piece Dark ou
   • One Piece Light

Instalação Manual

1. Baixe o arquivo .vsix da página de releases
2. Abra o VS Code
3. Pressione Ctrl+Shift+P
4. Digite "Install from VSIX" e selecione o arquivo baixado

🖼️ Capturas de Tela

Capturas de tela em breve! O tema apresenta cores cuidadosamente balanceadas para os modos escuro e claro.

🚀 Configurações Recomendadas

Para a melhor experiência, recomendamos estas configurações do VS Code:

{
  "editor.fontFamily": "'Fira Code', 'Cascadia Code', Consolas, monospace",
  "editor.fontLigatures": true,
  "editor.fontSize": 14,
  "editor.lineHeight": 1.6,
  "workbench.iconTheme": "material-icon-theme"
}

🤝 Contribuindo

Encontrou um bug ou tem uma sugestão? Sinta-se livre para:

• Abrir uma issue no GitHub
• Enviar um pull request

📝 Histórico de Alterações

Versão 1.1.0

• ✨ Adicionada variante do tema One Piece Light
• 🎨 Tema Escuro aprimorado com cores mais coesas inspiradas em One Piece
• 🏴‍☠️ Adicionados assets da Jolly Roger do Chapéu de Palha
• 📚 Documentação melhorada

Versão 1.0.0

• 🎉 Lançamento inicial com o tema One Piece Dark

📜 Licença

Licença MIT - veja o arquivo LICENSE para detalhes

💫 Créditos

• Tema Criado por: Leonardo Tozoni
• Inspirado em: One Piece de Eiichiro Oda
• Ícone: Imagens oficiais de One Piece