Introduction

Dolibarr is a widely adopted open-source ERP and CRM solution used by small and medium-sized enterprises to manage their business operations, accounting, and customer relations. However, its default interface may appear somewhat austere or not fully suited to the specific needs of some businesses. Fortunately, Dolibarr allows for advanced customization of its appearance through modern themes and custom CSS adjustments.

In this article, we will explore how to customize the Dolibarr interface with modern themes, optimize ergonomics, and enhance the user experience.

1. Why Customize the Dolibarr Interface?

The default Dolibarr interface is functional, but it may not meet users' expectations in terms of design and usability. Here are some reasons to customize the interface:

• Improve user experience: A more intuitive and visually appealing interface boosts productivity.

• Strengthen brand identity: Adapt Dolibarr's appearance to match your company’s colors and style.

• Optimize ergonomics: Modify menu layouts and arrangement for quicker access to essential features.

• Encourage user adoption: A more attractive interface reduces resistance to change and enhances engagement.

2. Available Customization Options

2.1. Using Built-in Themes

Dolibarr natively provides several graphical themes accessible through the administration panel:

1. Eldy Theme: The default theme, simple and minimalistic.

2. MD Theme: A design inspired by Google's Material Design.

3. Auguria Theme: A more modern and dynamic theme, ideal for wide screens.

To change the theme:

• Log in as an administrator.

• Navigate to Configuration -> Display.

• Select the desired theme from the list.

• Save the changes and refresh the page.

2.2. Installing Custom Themes

If the built-in themes are not sufficient, you can install third-party themes or create your own.

Where to Find Themes?

• Dolistore: The official Dolibarr store offers both free and paid themes.

• GitHub & Dolibarr Forums: Developers share open-source theme creations.

• Custom Development: A developer can design a theme tailored to your business.

How to Install a Custom Theme?

1. Download the theme package from Dolistore or GitHub.

2. Extract the ZIP file into the /theme/ directory of your Dolibarr installation.

3. Go to the administration panel and activate the new theme under Configuration -> Display.

4. Refresh the page to see the changes.

3. Advanced Customization with CSS and Configuration Files

3.1. Modifying Dolibarr's CSS

Dolibarr theme CSS files are located in /theme/theme_name/css/. To modify the appearance:

• Open the style.css or theme.css file using a text editor.

• Apply changes (colors, font sizes, margins, etc.).

• Save and refresh the interface.

Example: Change Menu Color

.mainmenu {
    background-color: #0044cc !important;
}

3.2. Customizing via PHP Configuration Files

Dolibarr also allows customization through the conf/conf.php file. You can:

• Modify the logo displayed at the top of the interface.

• Change default colors and styles.

• Customize navigation bars and buttons.

Example for changing the logo:

$dolibarr_main_logo = '/custom/logo.png';

After making changes, remember to clear your browser cache to apply updates.

4. Customizing Menus and Dashboards

4.1. Rearranging the Main Menu

Dolibarr allows reorganization of the main menu to optimize navigation:

• Navigate to Configuration -> Menus.

• Select the menu type to modify.

• Add, remove, or rearrange entries as needed.

• Save and test the new structure.

4.2. Customizing Dashboards

Dolibarr displays dashboards providing quick insights into business activities. These dashboards can be modified to show data specific to your company:

• Adding custom widgets.

• Modifying graphs and performance indicators.

• Integrating analytical reports.

5. Extensions and Modules for Advanced Customization

Dolibarr offers a wide range of additional modules that enhance visual appeal and usability.

5.1. Visual Customization Modules

Some modules available on Dolistore help improve Dolibarr’s design and usability:

• CustomSkin Module: Modify appearance without editing CSS.

• Theme Booster Module: Add animations and modern visual effects.

• Dark Mode Module: Enable a dark mode to reduce eye strain.

5.2. Developing Custom Modules

If no existing solution meets your needs, you can hire a developer to create a custom customization module:

• Adding new buttons and shortcuts.

• Integrating a personalized dashboard.

• Improving mobile interfaces.

Conclusion

Customizing Dolibarr with modern themes and CSS adjustments significantly enhances the user experience. Whether using built-in themes, third-party themes, CSS modifications, additional modules, or custom development, every company can tailor Dolibarr to its visual identity and specific requirements.

By investing in Dolibarr customization, you provide your team with a more enjoyable, efficient, and user-friendly work environment. Take the time to explore these customization options and transform your Dolibarr interface into an intuitive and ergonomic tool.