Skip to Content
Website Themes & UI Customization

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
Website & eCommerce
Customizing the Internal Admin Interface
Customizing the Internal Admin Interface

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 all
New Content
Customizing the Internal Admin Interface
Customizing the Internal Admin Interface
Preview

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.

New Content
Choosing From 30+ Ready-Made Website Themes
Choosing From 30+ Ready-Made Website Themes
Preview

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

  1. 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.
  2. Apply the theme, then customize its color palette, fonts, and header/footer as covered in the Website course's "Themes, Styling & Customization" article.
  3. 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.

This documentation is updated continuously. Some features described here may be renamed, deprecated, or still being finalized.