[Skip to content](#main)

[→](/)

[![Avunu](/brand/avunu-logo.svg)![Avunu](/brand/avunu-logo-light.svg)](/)[Services](/services/)[Consulting](/services/consulting/)[ERP](/services/erp/)[Odoo](/services/erp/odoo/)[ERPNext](/services/erp/erpnext/)[Custom software](/services/custom-software/)[Devices & IoT](/services/devices-iot/)[Websites](/services/websites/)[Infrastructure](/services/infrastructure/)[Partners](/partners/)

[Work](/work/)[Open source](/open-source/)[Knowledge base](/kb/)[About](/about/)

[About Avunu](/about/)[Team](/about/team/)[Insights](/insights/)[Contact](/contact/)

[Client portal](https://erp.avunu.net/projects)[Start a project](/start/)

- [Services](/services/)[Consulting](/services/consulting/)
- [ERP](/services/erp/)
- [Odoo](/services/erp/odoo/)
- [ERPNext](/services/erp/erpnext/)
- [Custom software](/services/custom-software/)
- [Devices & IoT](/services/devices-iot/)
- [Websites](/services/websites/)
- [Infrastructure](/services/infrastructure/)
- [Partners](/partners/)

[Work](/work/)[Open source](/open-source/)[Knowledge base](/kb/)[About](/about/)

- [About Avunu](/about/)
- [Team](/about/team/)
- [Insights](/insights/)
- [Contact](/contact/)

[Client portal](https://erp.avunu.net/projects)[Start a project](/start/)

Carbon Theme

A complete IBM Carbon Design System theme for Frappe and ERPNext, covering the desk, website, login, email, charts, and tables.

[Open source](/open-source/)

Carbon Theme

Frappe & ERPNext
Active
MIT

[View on GitHub (opens in a new tab)](https://github.com/Avunu/carbon_theme)[Documentation (opens in a new tab)](https://docs.avunu.net/carbon-theme/)

PlatformFrappe & ERPNext

LicenseMIT

StatusActive&#xA;

Repository[Avunu/carbon_theme](https://github.com/Avunu/carbon_theme)

Part of

Used in[Textile & home-decor printing](/work/textile-print-shop/)
,&#x20;
[Timber-frame structures manufacturing](/work/timber-frame-manufacturer/)
,&#x20;
[Professional services](/work/avunu-erp/)

Carbon Theme restyles Frappe so it looks and behaves as if it were designed with IBM's Carbon Design System. It's for teams that spend all day in ERPNext and want a calmer, denser, more consistent interface, and for organizations that already standardize on Carbon. It replaces Frappe's own stylesheets rather than layering on top of them, so there's one stylesheet per surface and no cascade fights. It targets Frappe v16.

## Features

**Every surface themed:**
&#x20;desk, website and portal, login, email, charts, and frappe-ui apps, built from the official&#x20;
`@carbon/*`
&#x20;packages.

**Carbon UI Shell header**
&#x20;generated from Frappe's workspace sidebar, with an app switcher, overflow menu, and the notification panel.

**One table engine**
&#x20;behind child tables, list views, and report views: column resizing and pinning, virtualized rows, spreadsheet-style selection and paste, and child-table rows that expand into their form.

**Brand colors**
&#x20;set in Carbon Settings, with separate light and dark values and derived hover and text tones.

**Dev indicator:**
&#x20;local development sites get a yellow, hazard-striped header so they're never mistaken for production.

**Drift guards**
&#x20;that flag Carbon token renames and Frappe markup changes before they quietly revert the theme.

## Getting started

Install it on a dedicated bench, since the theme applies bench-wide. The&#x20;
[README](https://github.com/Avunu/carbon_theme#install)
&#x20;covers installation, verification, and the caveats around partial builds and&#x20;
`bench watch`
.

Highlights

Carbon tokens, IBM Plex type, and the UI Shell header across every surfaceLight (g10) and dark (g100) themesOne TanStack-powered table engine for grids, lists, and reportsBrand colors and a hazard-striped dev indicatorDrift audits that catch silent breakage after Frappe upgrades

Related projects

[All open-source projects](/open-source/)

[ERPNext TaskView](/open-source/erpnext_taskview/)

Active&#xA;

A project and task workspace for ERPNext, with timers and hour budgets for staff and a portal where customers follow and work on their projects.

MIT[GitHub](https://github.com/Avunu/erpnext_taskview)

[ERPNext CIS Plus](/open-source/erpnext_cis_plus/)

Stable&#xA;

Simpler customer, contact, and address management for ERPNext, with address validation, geolocation, and a map of your customers.

MIT[GitHub](https://github.com/Avunu/erpnext_cis_plus)

[Automated Subscriptions](/open-source/automated_subscriptions/)

Active&#xA;

Automatic billing for ERPNext Subscriptions, with payment requests, billing anchors, proration, consolidated invoices, and credit notes.

MIT[GitHub](https://github.com/Avunu/automated_subscriptions)

Need help with it?

Need this implemented? Our ERPNext implementation team can deploy it and match it to your brand.

[Explore ERPNext implementation](/services/erp/erpnext/)[Start a project](/start/)

Services

- [ERP implementation](/services/erp/)
- [Odoo](/services/erp/odoo/)
- [ERPNext](/services/erp/erpnext/)
- [Custom software](/services/custom-software/)
- [Devices & IoT](/services/devices-iot/)
- [Websites](/services/websites/)
- [Infrastructure](/services/infrastructure/)

Resources

- [Our work](/work/)
- [Open source](/open-source/)
- [Knowledge base](/kb/)
- [Insights](/insights/)

Company

- [About](/about/)
- [Team](/about/team/)
- [Partners](/partners/)
- [Contact](/contact/)

Clients

- [Project portal](https://erp.avunu.net/projects)
- [Invoices](https://erp.avunu.net/)
- [Support](https://erp.avunu.net/)

[![Avunu](/brand/avunu-logo-light.svg)](/)[\<av-icon data-jx-static>\<svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor" stroke="none" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">\<path d="M20.400 20.500h-3.600v-5.600c0-1.300 0-3-1.800-3s-2.100 1.400-2.100 2.900v5.700H9.400V9h3.400v1.600c.5-.9 1.600-1.900 3.400-1.900 3.600 0 4.300 2.400 4.300 5.500v6.300zM5.300 7.400a2.100 2.100 0 1 1 0-4.100 2.100 2.100 0 0 1 0 4.100zm1.800 13.100H3.600V9h3.500v11.500zM22.200 0H1.800C.8 0 0 .8 0 1.700v20.600c0 .9.800 1.700 1.800 1.700h20.400c1 0 1.800-.8 1.800-1.700V1.700C24 .8 23.200 0 22.200 0z">\</path>\</svg>\</av-icon>](https://www.linkedin.com/company/avunu)[\<av-icon data-jx-static>\<svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor" stroke="none" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">\<path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.7-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.500 11.500 0 0 1 6 0c2.300-1.500 3.300-1.200 3.300-1.200.6 1.700.2 2.900.1 3.200.8.8 1.200 1.900 1.200 3.200 0 4.600-2.800 5.600-5.500 5.900.4.400.8 1.100.8 2.200v3.300c0 .3.2.7.8.6A12 12 0 0 0 12 .3">\</path>\</svg>\</av-icon>](https://github.com/Avunu)[Client portal](https://erp.avunu.net/projects)[Start a project](/start/)

Avunu LLC · 948 East Philadelphia Street, York, PA 17403 · (717) 814-8540Knowledge base articles are in the public domain[Privacy](/privacy/)[Terms](/terms/)
