Branding by Aulasneo — User Manual

Welcome to the official user manual for Branding by Aulasneo, the centralized platform for designing, storing, building, and deploying custom themes for Open edX sites — without the need for complex infrastructure, CSS expertise, or image rebuilds.

Getting Started

• Introduction
  • What is Branding by Aulasneo?
  • Open edX Paragon Design Tokens
  • How Branding by Aulasneo Helps
  • Key Concepts
  • Architecture Overview
• Requirements
  • Open edX Version
  • Open edX Compatibility
  • Recommended: Tutor Branding Plugin
  • Optional: Disable Tutor Indigo
  • Non-Tutor Installations
  • Subscription Plan
• Installation
  • Step 1: Install the Tutor Branding Plugin
  • Step 2: Rebuild the MFE Image (Recommended)
  • Step 3: Restart the MFE Service
  • Step 4: Create and Build Your Theme
  • Step 5: Apply the Tutor Command
  • Step 6: Save Configuration and Restart Services
  • After Services Restart
  • When You Need to Re-Run the Tutor Command
• Quick Start
  • Overview
  • Step 1: Create a CSS Theme
  • Step 2: Create a Logo Set
  • Step 3: Create a Build
  • Step 4: Apply the Tutor Command
  • Making Changes After Initial Setup

Managing Themes

• Customizing CSS Themes
  • Creating a Theme
  • Color Palette
  • Semantic Colors and Core Metrics
  • Typography
  • Custom CSS Overrides
  • Copying a Theme
  • Deleting a Theme
• Customizing Theme Variants
  • Understanding Variants
  • Creating a Variant
  • Variant Color Overrides
  • Custom CSS per Variant
  • Automatic Light/Dark Switching
  • Custom Paragon Properties per Variant
  • Deleting a Variant
• Custom Paragon Properties
  • What Are Paragon Variables?
  • Adding a Custom Property
  • Accepted Value Formats
  • Understanding Variable Inheritance
  • Scope: Theme vs. Variant Properties
  • Editing and Deleting Properties
• Understanding the Style Map
  • Accessing the Style Map
  • What the Style Map Shows
  • Reading the Style Map
  • Practical Example
  • Using the Style Map with Custom Properties
  • Data Sources
• Finding What to Change
  • Recommended Workflow
  • Using the Browser Inspector
  • When No Paragon Variable Is Found
  • Checking the Style Map
  • Common Variable Patterns
• Advanced CSS Styling
  • When to Use Custom CSS
  • Scope of Custom CSS
  • Writing Effective CSS Overrides
  • Practical Examples
  • Variant-Specific CSS
  • Limitations and Cautions

Managing Assets

• Adding Logos
  • Creating a Logo Set
  • Image Assets
  • Previewing Assets
  • Editing a Logo Set
  • Deleting a Logo Set
  • Best Practices
• Adding Custom Fonts
  • Creating a Font Set
  • Uploading Font Files
  • Supported Formats
  • Font Metadata
  • Assigning a Font Set to a Theme
  • Deleting Font Files
  • Deleting a Font Set
  • Best Practices

Deploying Your Branding

• Building and Deploying Assets
  • How Builds Work
  • Creating a Build
  • Build Status
  • Connecting a Build to Your Site
  • When to Re-Run the Tutor Command
  • Downloading Build Assets
  • Deleting a Build

Account & Team

• Team Management and Account Settings
  • User Roles
  • Inviting Team Members
  • Resending and Revoking Invitations
  • Removing Team Members
  • Multi-Tenant Access
  • Account Settings
  • Tenant Settings
  • Subscription Plans

Quick Links

• Introduction

• Quick Start

• Building Assets

• Style Map

• Aulasneo Website

• Check your Open edX version