Themes & Customization

Terminal Themes

NetStacks includes a variety of built-in themes and supports custom theme creation.

Built-in Themes

• NetStacks Dark (default) - VS Code-inspired dark theme
• NetStacks Light - Clean light theme
• Monokai - Classic Monokai colors
• Solarized Dark - Solarized color scheme
• Solarized Light - Light Solarized variant
• Dracula - Popular Dracula theme
• Nord - Arctic-inspired theme
• One Dark - Atom One Dark theme
• Gruvbox - Retro groove colors

Changing Themes

1. Open Settings (Cmd/Ctrl+,)
2. Navigate to Appearance → Theme
3. Select a theme from the dropdown
4. Preview updates immediately

Custom Themes

Create your own theme by defining colors:

{
  "name": "My Custom Theme",
  "colors": {
    "background": "#1a1b26",
    "foreground": "#a9b1d6",
    "cursor": "#c0caf5",
    "cursorAccent": "#1a1b26",
    "selection": "#33467c",
    "black": "#32344a",
    "red": "#f7768e",
    "green": "#9ece6a",
    "yellow": "#e0af68",
    "blue": "#7aa2f7",
    "magenta": "#ad8ee6",
    "cyan": "#449dab",
    "white": "#787c99",
    "brightBlack": "#444b6a",
    "brightRed": "#ff7a93",
    "brightGreen": "#b9f27c",
    "brightYellow": "#ff9e64",
    "brightBlue": "#7da6ff",
    "brightMagenta": "#bb9af7",
    "brightCyan": "#0db9d7",
    "brightWhite": "#acb0d0"
  }
}

Import custom themes in Settings → Appearance → Import Theme.

Fonts

Font Settings

Recommended Fonts

These monospace fonts work well with terminal output:

• JetBrains Mono - Excellent for code, includes ligatures
• Fira Code - Popular coding font with ligatures
• Source Code Pro - Clean Adobe font
• Cascadia Code - Microsoft's modern coding font
• Consolas - Classic Windows monospace
• SF Mono - Apple's monospace font
• Menlo - macOS default terminal font

Ligatures

Font ligatures combine characters like -> into arrows. Enable or disable ligatures in Settings → Appearance → Font Ligatures.

Display Settings

Cursor

Scrolling

Rendering

Per-Session Overrides

Override global settings for specific sessions. Useful for visual differentiation between environments.

Setting Per-Session Appearance

1. Right-click the session tab
2. Select Session Settings
3. Navigate to Appearance
4. Enable Override global settings
5. Configure theme, font, and display settings

Use Cases

• Production = Red theme - Visual warning when on production
• Larger font for presentations - Easier to read when sharing
• Different fonts per device type - e.g., Cisco vs Linux

Environment Profiles

Create reusable appearance profiles:

1. Go to Settings → Appearance → Profiles
2. Click New Profile
3. Name it (e.g., "Production")
4. Configure appearance settings
5. Apply to sessions via Session Settings → Appearance → Profile

# Example profiles:

Production:
  Theme: "NetStacks Dark"
  Background Tint: rgba(255, 0, 0, 0.05)  # Subtle red tint
  Tab Color: Red

Staging:
  Theme: "NetStacks Dark"
  Background Tint: rgba(255, 255, 0, 0.05)  # Subtle yellow tint
  Tab Color: Yellow

Development:
  Theme: "NetStacks Dark"
  Tab Color: Green