Architecture

Understanding how the theme works is crucial for administrators and developers.

Technical Overview

The Business Theme operates by injecting custom CSS directly into the Desk's header. It does not modify any Python code or database schemas.

Workflow

The lifecycle of the theme from code to browser follows this simple path:

1. GitHub Repo: You download the app using bench get-app.
2. App Installation: The app is installed on your site.
3. Hooks Injection: The hooks.py file tells Frappe to include business_theme_v14.css.
4. Browser Rendering: The user's browser loads the new CSS, overriding the default styles.

File Structure

• hooks.py: The entry point that tells Frappe to load our specific CSS file.
• public/css/business_theme_v14.css: The master stylesheet containing roughly 300 lines of CSS overrides.