Website Themes & UI Customization
This course covers two related customization areas in Quickenerp: the library of 30+ ready-made Website themes for your public site, and the backend workspace UI customizations (apps sidebar, chatter, dialogs, color themes) for how the internal admin interface looks and feels.
| Responsible | System |
|---|---|
| Last Update | 07/21/2026 |
| Completion Time | 21 hours |
| Members | 1 |
How the Internal App Screens Look and Navigate
Separate from the public website, the backend (the internal screens you and your team use to run the business — Sales, Accounting, Inventory, etc.) has its own set of modern UI enhancements layered on top of the base interface.
Apps Sidebar
Adds a persistent left-hand sidebar listing your installed apps, so switching between Sales, Accounting, Inventory, and everything else is one click from anywhere, instead of navigating back to a central app-switcher screen each time.
Chatter Improvements
Improves the design of the chatter (the message/activity/follower panel on every record) and adds the ability to expand it, giving more room to read a long discussion thread or activity history without the rest of the form cramping the view.
Full-Screen Dialogs
Popup dialogs (e.g. a quick-create form, a wizard) gain an option to expand to full screen — useful on smaller screens or for dialogs with a lot of content that feel cramped in a small modal.
Color Customization
Change the backend's overall color theme (not the website's — this is purely the internal admin screens) to match your brand or personal preference, independent of any website theme choice.
Where to Configure
These are generally personal/company-wide display preferences set once under Settings > General Settings or a user's own preferences, and apply across every app rather than needing separate configuration per module.
Website Theme Library
View allHow the Internal App Screens Look and Navigate
Separate from the public website, the backend (the internal screens you and your team use to run the business — Sales, Accounting, Inventory, etc.) has its own set of modern UI enhancements layered on top of the base interface.
Apps Sidebar
Adds a persistent left-hand sidebar listing your installed apps, so switching between Sales, Accounting, Inventory, and everything else is one click from anywhere, instead of navigating back to a central app-switcher screen each time.
Chatter Improvements
Improves the design of the chatter (the message/activity/follower panel on every record) and adds the ability to expand it, giving more room to read a long discussion thread or activity history without the rest of the form cramping the view.
Full-Screen Dialogs
Popup dialogs (e.g. a quick-create form, a wizard) gain an option to expand to full screen — useful on smaller screens or for dialogs with a lot of content that feel cramped in a small modal.
Color Customization
Change the backend's overall color theme (not the website's — this is purely the internal admin screens) to match your brand or personal preference, independent of any website theme choice.
Where to Configure
These are generally personal/company-wide display preferences set once under Settings > General Settings or a user's own preferences, and apply across every app rather than needing separate configuration per module.
A Head Start Instead of a Blank Page
Beyond the default theme covered in the Website course, Quickenerp ships with a library of 30+ additional ready-made themes covering a wide range of industries and styles, so you can pick a design close to what you need and customize from there rather than building every layout from scratch.
Industry-Oriented Themes
Themes are named for the kind of business they're designed around — restaurants, real estate agencies, bookstores, vehicle dealers, beauty/spa businesses, artists' portfolios, and general-purpose business/corporate layouts, among others. Browse the full list under Website > Configuration > Themes with live previews before applying one.
Applying a Theme
- Preview a few candidates against your actual content/logo before committing — a theme that looks great in its demo screenshots may need real color/font adjustments to fit your brand.
- Apply the theme, then customize its color palette, fonts, and header/footer as covered in the Website course's "Themes, Styling & Customization" article.
- Rebuild or adjust pages that used heavily theme-specific blocks/layouts if you later switch themes — a theme switch isn't always a perfectly clean transition for highly customized pages.
A Shared Design Foundation
All themes share a common underlying design system (consistent snippet behavior, responsive grid, base styling conventions) so switching themes doesn't mean re-learning the website builder — the same drag-and-drop snippets and page tools work identically regardless of which theme is active.