Customization

Make Nebula Browser truly yours with our comprehensive customization system. Create stunning themes, layouts, and personalize every aspect of your browsing experience.

Theme System

Nebula's powerful theme system allows you to completely transform the look and feel of your browser. Each theme controls colors, gradients, layout, and visual elements.

Default Theme

Classic purple gradient

Ocean Theme

Deep blue waters

Cyberpunk

Neon vibes

Cherry Blossom

Spring elegance

"With over 12 built-in themes and unlimited custom theme possibilities, you can make Nebula look exactly how you want."

Color System

Understanding Nebula's color system helps you create beautiful, cohesive themes. Each theme uses a set of semantic color properties:

Property Usage Example
bg Main background color #121418
darkBlue Secondary background #0B1C2B
darkPurple Gradient end color #1B1035
primary Buttons, logos, highlights #7B2EFF
accent Links, secondary highlights #00C6FF
text Primary text color #E0E0E0

Layout Options

Choose from different layout styles to optimize your browsing workflow:

Centered Layout

The default layout with content centered and maximum focus on the current page.

  • Clean, distraction-free design
  • Perfect for general browsing
  • Optimized for single-task focus

Sidebar Layout

Navigation sidebar for quick access to bookmarks and tools.

  • Quick bookmark access
  • Persistent navigation
  • Ideal for productivity

Compact Layout

Maximized content area with minimal UI elements for power users.

  • Maximum content space
  • Minimal visual clutter
  • Perfect for development

✨ Creating Custom Themes

Build your own themes with our intuitive theme editor:

Step-by-Step Guide

  1. Open Settings: Navigate to Settings → Browser Customization
  2. Choose Base Theme: Start with a predefined theme or create from scratch
  3. Customize Colors: Use the color pickers to adjust each color property
  4. Preview Changes: See your changes in real-time with the live preview
  5. Save Theme: Give your theme a name and save it for future use

Theme JSON Structure

{
  "name": "My Custom Theme",
  "colors": {
    "bg": "#121418",
    "darkBlue": "#0B1C2B",
    "darkPurple": "#1B1035",
    "primary": "#7B2EFF",
    "accent": "#00C6FF",
    "text": "#E0E0E0"
  },
  "layout": "centered",
  "showLogo": true,
  "customTitle": "Nebula Browser",
  "gradient": "linear-gradient(145deg, #121418 0%, #1B1035 100%)"
}

Import & Export

Share your themes with the community or import themes created by others:

Importing Themes

Import themes from JSON files:

  1. Download a .json theme file
  2. Go to Settings → Customization
  3. Click "Import Theme"
  4. Select your theme file
  5. Apply the imported theme

Exporting Themes

Share your custom themes:

  1. Create or customize a theme
  2. Click "Export Theme"
  3. Save the .json file
  4. Share with the community
  5. Get featured in our gallery!

Community Themes

Join our vibrant community of theme creators and discover amazing designs:

Featured Themes

Discover the most popular themes from our community.

Browse Gallery

Submit Your Theme

Share your creations with other Nebula users worldwide.

Submit Theme

Theme Discussions

Connect with other creators and get feedback on your designs.

Join Community
"The best themes come from our community. Every theme tells a story and reflects the creator's unique style."

Advanced Customization

For power users who want even more control:

Press Ctrl+Shift+T to quickly switch between your favorite themes