📄 📘 Avware Website Theme System – User Guide

x📘 Avware Website Theme System – User Guide

This document explains the Avware Theme System, which allows website administrators to customize the site's appearance using custom CSS files. The system provides a user-friendly interface for managing, exporting, importing, and resetting website themes.

🔧 Key Features

  • ✅ Unified CSS Theme File with standardized structure
  • 🧑‍💼 Administrator Interface for theme management
  • 📤 Export & Import Options for editing themes externally
  • ♻️ Reset to Default theme functionality
  • 📁 File-Based Customization for flexible and fast updates

🧭 Navigating the Theme System

To manage website themes:

  1. Go to Website > Configuration > Theme Style Manager > Theme Setup
  2. Choose a custom CSS file to apply new styles
  3. Export the current theme to make edits in your own editor
  4. Use the Reset to Default button to revert to the original theme

🎨 Customizing the Website Theme

  1. Click Export Style to download the current CSS file.
  2. Edit the file using any standard code or text editor.
  3. Return to the Theme Setup section.
  4.  Upload the updated CSS file in the field.
  5.  Click the Apply button to apply new styles.

⚙️ Technical Overview

The system is implemented with the following architecture:

  1. The default theme (avware_theme.css) is stored in the backend module
  2. A custom version (avware_theme_custom.css) is created for user modifications 
  3. A wizard interface allows easy management of themes by administrators