GD AGENCE: New page: Suite GD (GD UI) module

2026-11-10T22:15:40Z

New page: Suite GD (GD UI) module

New page

[[fr:Module_Suite_GD_FR]]
[[Category:Complementary modules]]
{{TemplateDocUser}}
=Information=
{{TemplateModuleInfo
|modulename=Suite GD (GD UI)
|editor=GD Agence
|web=[https://www.gd-agence.fr www.gd-agence.fr]
|webbuy={{LinkToPluginDownloadDoliStore|keyword=Suite+GD}}
|status=stable
|prerequisites=None. Native theme eldy.
|minversion=23.0.0
|note=A complete, modern and responsive look for the whole of Dolibarr: app-style top bar, "All tools" home page, light and dark mode, your brand color and logo. No core file changed.
}}

=Features=

Suite GD gives Dolibarr the look and feel of a modern web application, on every screen of the CRM and the ERP, without changing a single core file. Technical name of the module: '''GD UI''' (module id 210207).

* '''App shell''' - top bar with the main areas as tabs, global search, light/dark switch and user menu. Inside an area, its native sub-menu; on phones, a bottom bar and a menu sheet. Every native entry stays reachable, with the same rights.
* '''"All tools" home page''' - one tile per area the user can open.
* '''Restyled screens''' - lists, record cards, creation forms, dashboard, agenda, project Gantt, popups, setup pages, login page; proposals, orders, purchase orders, projects, stock, tickets, contracts, interventions, leave, expense reports, e-mailing, documents, accounting, BOM, salaries.
* '''Point of sale (TakePOS)''' - same colors and larger touch targets. Receipts and invoices are not changed.
* '''Customer pages''' - online proposal signature and online payment pages.
* '''Light and dark mode''' - device preference by default, and a per-user choice saved in the user parameters, so it follows the user on every device.
* '''Your brand''' - brand color and interface logo on the setup page. Text and link colors are computed to reach WCAG AA contrast (4.5:1), and the setup page shows the measured ratios.
* '''Languages''' - English and French.

==Who sees what==
{| class="wikitable"
! User !! Look
|-
| Internal user, theme eldy (default) || GD app shell and restyle
|-
| External user (customer portal) || native menu, GD colors and restyle
|-
| Everybody, when the GD look is switched off on the setup page || native look and menu
|-
| User who picked another native theme (md...) or the mode for blind users || native look and menu
|}

==Legal information==
* The module changes colors, spacing, radius, shadows and fonts. It never hides an amount, a total, a reference, a status, a legal mention or the unalterable log.
* PDF documents (invoices, receipts) are not affected. Invoices, payments and cash closures stay in the native screens.

=Installation=
# ''Home > Setup > Modules > Deploy/install external app/module'': upload the zip <code>module_gdui-x.y.z.zip</code>.
# ''Home > Setup > Modules'': enable '''GD UI'''.
# Optional: ''Setup > Modules > GD UI'': brand color, interface logo, default display mode, GD look on or off.

On activation, the module selects its menu manager and the "All tools" home page. The previous values are restored when the module is disabled.

=Configuration=
Setup page of the module (administrators only):
* '''GD look''' - on (default) or off. Off: Dolibarr keeps its original look; the shared base stays available for the GD add-on modules.
* '''Brand color''' - with the measured contrast ratios.
* '''Default display mode''' - automatic (device), light or dark. Each user can change it with the switch of the top bar.
* '''Interface logo''' - PNG, JPG or WebP, 512 KB at most. It is not the company logo printed on documents.

=Uninstall=
Disabling the module restores the original look, menu manager and home page, and deletes its settings, its user preferences and the uploaded logo.

=Compatibility and limits=
* Tested on Dolibarr 23.0.4 and 24.0.1, PHP 8.3, light and dark mode, tablet and phone.
* Not tested with the Multicompany module.
* On phones, a few native forms with fixed-width fields scroll inside their frame, as they do with the native theme.

=Support=
contact@gd-agence.fr

Module Suite GD - Revision history

GD AGENCE: New page: Suite GD (GD UI) module