Nuxtian Theme Collection for VS Code

A theme collection inspired by Nuxt.com's official colors with improved panel separators and a neutral color palette. This collection includes both dark and light themes that use the official Nuxt.com colors and enhance them with better contrast and readability.

Features

• Two Theme Variants: Choose between dark and light themes to match your preference and environment
• Official Nuxt Colors: Uses the official Nuxt.com color palette including the primary green #00DC82
• Enhanced Readability: Improved text contrast with carefully selected colors for both themes
• Clear Panel Separation: Distinct borders between UI elements for better visual distinction
• Neutral Color Palette: Uses slate/gray colors for a more harmonious experience
• Optimized for Long Coding Sessions: Reduced eye strain with carefully balanced contrast
• Dashboard-Like Interface: Clear visual separation between UI elements
• Nuxt Green Accents: Strategic use of the iconic Nuxt green for important UI elements

Color Palette

Dark Theme

• Primary Green: #00DC82 - Used for active elements and important UI components
• Deep Blue: #10162a - Used for backgrounds and dark elements
• Dark Border: #090a14 - Used for panel separators
• Slate Text: #cbd5e1 - Used for code editor text
• Pure White: #FFFFFF - Used for UI text and foreground elements

Light Theme

• Primary Green: #00DC82 - Maintained for active elements, buttons, and accents
• Off-White: #f8fafc - Main background color for better contrast
• Light Gray: #f1f5f9 - Secondary background color for UI elements
• Slate Text: #1e293b - Primary text color
• Light Border: #e2e8f0 - Panel separators and borders
• Black Text: #000000 - Used for text on green elements for consistency with dark theme

Installation

1. Open Extensions sidebar in VS Code (Ctrl+Shift+X or Cmd+Shift+X)
2. Search for Nuxtian
3. Click Install
4. Open the Command Palette (Ctrl+Shift+P or Cmd+Shift+P)
5. Select Preferences: Color Theme and choose either:
   • Nuxtian for the dark theme
   • Nuxtian Light for the light theme

Recommended Settings

For the best experience, consider adding these settings to your settings.json:

{
  "workbench.colorTheme": "Nuxtian", // or "Nuxtian Light"
  "editor.fontLigatures": true,
  "editor.renderLineHighlight": "all",
  "workbench.tree.indent": 16
}

Screenshots

[Screenshots will be added soon]

Feedback

If you have suggestions or issues, please open an issue on the GitHub repository.

License

MIT

Enjoy coding with Nuxtian!