Introduction

Business Theme V14 Documentation

Welcome to the official documentation for the Business Theme V14 module.

What is this module?

Business Theme V14 is a specialized user interface (UI) customization module developed for Frappe Framework and ERPNext v14.

Its primary purpose is to transform the default, generic Frappe interface into a professional, corporate-grade workspace. It achieves this by overriding the core CSS styles of the Desk, replacing standard colors with a distinct Orange & Slate Blue brand identity, and sharpening UI components for a modern look.

Key Capabilities

  • Brand Identity: A cohesive color scheme that conveys trust and stability.
  • Visual Ergonomics: High-contrast inputs and focused states reduce eye strain during data entry.
  • Non-Destructive: Works as a "skin" on top of Frappe, meaning no core files are touched and upgrades are safe.

Architecture & Workflow

Understanding how the theme works is crucial for administrators.

Technical Overview

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

Workflow Diagram

The lifecycle of the theme follows this path:

  1. GitHub Repo → (bench get-app) → App Installed
  2. App Installed → (hooks.py) → Inject CSS
  3. Inject CSS → (public/css) → Load businessthemev14.css
  4. Load CSS → (Browser) → User Interface Updated

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.
Discard
Save
This page has been updated since your last edit. Your draft may contain outdated content. Load Latest Version
Was this article helpful?

On this page

Review Changes ← Back to Content
Message Status Space Raised By Last update on