Branding by Aulasneo
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
Main Logo (Required)
White Logo (Optional)
Trademark Logo (Optional)
Home Page Banner Background Image (Optional)
Favicon (Optional)
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 Fields
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
Branding by Aulasneo
Index
Index