Theme Management

Theme management is like having a personal stylist for your website - it lets you change colors, fonts, layouts, and overall design to match your brand and create the perfect user experience. Whether you want a professional look, something creative and bold, or a clean minimalist design, FlexSite gives you access to professionally designed themes that you can easily install and switch between.

Understanding Theme Options

FlexSite provides a comprehensive theme system that lets you choose from a curated collection of professionally designed themes. Each theme comes pre-configured with its own color scheme, typography, layout structure, and component styling, giving you a complete design package that reflects different brand personalities and user experiences.Themes control everything from your website's color scheme and typography to layout structure and component styling. This means you can select a theme that matches your brand identity and provides an excellent user experience right out of the box.

What You Can Do on the Themes Page

View Your Current Theme

The page shows you exactly which theme is currently active on your website. You'll see:

  • A preview image of your current theme
  • The theme name and creator information
  • A description of what the theme offers
  • Tags showing the theme's target audience and classification
  • An option to remove the current theme if you want to switch

Browse Available Themes

Explore a wide selection of professionally designed themes organized in an easy-to-browse grid. Each theme card shows:

  • A preview image so you can see how it looks
  • The theme name and creator
  • A brief description of the theme's features
  • Classification tags (like "Business," "Creative," or "Minimalist")
  • Target audience information
  • Available components and features

Filter and Search Themes

Use the filtering options to find exactly what you're looking for:

  • Target/Category: Filter by theme purpose (e.g., Business, Portfolio, Blog)
  • Classification: Filter by design style (e.g., Modern, Classic, Creative)
  • Contributed Only: Show only community-contributed themes
  • Clear All: Reset all filters to see everything again

Install New Themes

Installing a theme is simple and safe:

  1. Browse through available themes or use filters to narrow your search
  2. Click on any theme card to see detailed information
  3. Review the theme's features, components, and gallery images
  4. Click "Install Theme" or "Switch Theme" to apply it to your website
  5. Confirm your choice in the popup dialog

Switch Between Themes

You can easily change your website's appearance by switching themes:

  • The system will show you a confirmation dialog before making changes
  • You'll be warned that switching themes might affect your content layout
  • The change happens automatically once you confirm
  • You'll see a success message when the switch is complete

Remove Current Theme

If you want to go back to the default theme:

  • Click the "Remove Theme" button on your current theme
  • Confirm your choice in the popup dialog
  • The system will apply the default site theme
  • You'll see a confirmation message when it's done

Theme Management Features

Safe Theme Switching

FlexSite protects your content during theme changes:

  • You'll receive warnings about potential layout changes
  • The system explains that different themes may have different regions
  • Some blocks might disappear during the switch

Theme Information

Each theme provides detailed information to help you make the right choice:

  • Description: What the theme is designed for and its key features
  • Target Audience: Who the theme is best suited for
  • Classification: The design style and approach
  • Available Components: What built-in features and elements are included
  • Gallery Images: Multiple preview images showing the theme in action
  • Creator Information: Who designed the theme

How to Get Started

  1. Navigate to Themes: Go to your project → Environments → [Your Environment] → Themes
  2. Review Current Theme: Look at the "Current Theme" section to see what's currently active
  3. Browse Options: Scroll down to see all available themes in the marketplace
  4. Use Filters: Use the filtering options to narrow down your choices
  5. Preview Themes: Click on any theme to see detailed information and gallery images
  6. Make Your Choice: Click "Install Theme" or "Switch Theme" to apply your selection
  7. Confirm Changes: Review the confirmation dialog and click to proceed
  8. Wait for Completion: The system will handle the installation automatically

Tips for Choosing the Right Theme

  • Consider Your Brand: Choose themes with colors and styles that match your brand identity
  • Think About Your Audience: Select themes that appeal to your target visitors
  • Check Components: Look for themes that include the features you need
  • Preview Carefully: Review all gallery images to see how the theme looks in different scenarios