{"product_id":"quinte-premium-two-demo-theme-for-dolibarr-erp-crm","title":"Quinte Premium two-demo theme for Dolibarr ERP\/CRM","description":"\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e1. Executive Summary\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eQuinte is a premium theme-module for Dolibarr ERP\/CRM published by DoliResources. It replaces the default Dolibarr chrome with a modern SaaS interface: a token-driven sidebar, a clean top bar with global search, colour KPI cards and a data-driven dashboard.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eQuinte ships two switchable demos — Quinte Light (white sidebar) and Quinte Dark Sidebar (anthracite sidebar, light content). Switching is instant and requires no reinstallation.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe theme is delivered as a standard Dolibarr module. It does not modify any core file: it uses module_parts for CSS\/JS injection, a forced menu manager, and the official hook system.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e2. Theme Overview\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eCommercial name: Quinte. Technical name: theme_quinte. Module class: modQuinte. Module id: 10000440. Constant prefix: QUINTE_. Version 1.0.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eQuinte is a MODULE-theme rather than a plain CSS theme. A stylesheet alone can only recolour existing Dolibarr markup; it cannot create a sidebar with foldable accordions, a global-search top bar or a KPI dashboard. Quinte therefore injects its own chrome while keeping every native menu, permission and hook intact.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e3. Design Objectives\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eReproduce the visual identity of the reference mock-ups faithfully while keeping all assets original and legally exploitable. No proprietary logo, image or commercial source code has been reused.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eKeep a single technical base for both demos, so that maintenance cost does not double.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eNever diverge between the configuration defaults and the stylesheet defaults — they are computed in one place.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e4. UI\/UX Philosophy\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eFlat surfaces, generous spacing, soft shadows and a 14 px corner radius. Colour is used to carry meaning (status, trend, object type), never as decoration alone.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe active navigation item is a rounded tinted block, readable in both demos without relying on colour alone.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e5. Quinte Light Demo\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eWhite sidebar (#FFFFFF) on a very light canvas (#F6F7FB) with white cards. The active menu entry sits in a pale violet block with violet label and icon. Top bar is white with a pill-shaped global search field.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePrimary violet #5A23EB, success\/teal #26D6A5, danger\/pink #F0425C, dark #2D2D33.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e6. Quinte Dark Sidebar Demo\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe navigation column becomes anthracite (#1E212D) with a white QUINTE wordmark, light-grey labels and an active entry rendered as a grey-blue rounded block with white text.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe content area, top bar, cards and charts remain light — exactly as in the second mock-up. Only the navigation tokens change between the two demos.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e7. Dashboard Features\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe Quinte dashboard is served from custom\/quinte\/index.php and is populated from REAL Dolibarr objects: invoices (llx_facture), third parties (llx_societe), orders (llx_commande), proposals (llx_propal) and agenda events (llx_actioncomm). No static or fictitious figures are used.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eBlocks: welcome header with breadcrumb and period selector (week \/ month \/ year), four colour KPI cards, a pastel indicator strip, a turnover evolution chart, a yearly breakup donut, a monthly earnings panel, a commercial pipeline, recent activity, today's agenda, latest invoices, and the native Dolibarr widgets.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e8. KPI Cards\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eFour full-colour tiles: turnover, unpaid invoices, new clients and orders. Each carries a white circular icon, a label, the value, and a translucent variation pill with a trend caret.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eLong amounts never wrap or truncate: the variation pill moves to a second line instead. The whole tile is a link to the matching Dolibarr list, pre-filtered on the same period.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e9. Sidebar Features\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eFed entirely by the native Dolibarr menu system (print_eldy_menu), so every module entry and every permission is honoured. There is no static, unsynchronised menu.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eLive module filter, foldable accordion sub-menus up to five levels, favourites, recently opened records, collapsible rail (78 px), remembered fold state, and an off-canvas drawer below 760 px.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eStyle options: light, dark, coloured, floating, mini, large, compact.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e10. Topbar Features\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eBurger toggle, global search, dark-mode switch, and the preserved native login block (print, help, entity selector, user menu, logout). Native icons ship white and are re-tinted so they stay visible on the light bar.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e11. Global Search\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ecustom\/quinte\/search.php groups results by object family (third parties, contacts, products, proposals, orders, invoices, projects, events) with icon, reference, label and a direct link.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e12. Widgets\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eNative Dolibarr boxes are rendered below the dashboard, each restyled as a Quinte card. The 'database statistics' widget becomes a responsive KPI grid. Restyling is CSS-only: the content stays core-rendered.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e13. Charts and Data Visualization\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eCharts are hand-drawn inline SVG — no external charting library is loaded, which keeps the page weight low and satisfies the strict no-external-request requirement.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eTypes: smooth area curve, donut, sparklines, progress bars, pipeline bars. Colours come from CSS custom properties, so charts follow the palette, the demo and the dark mode automatically.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e14. Tables and Lists\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eCard-shaped list containers, uppercase muted headers, discreet row separators, hover highlight, pill status badges, and horizontal scrolling contained inside the card so the page itself never scrolls sideways.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e15. Forms\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eInputs, selects, textareas, checkboxes and date pickers are restyled with a consistent radius and a primary focus ring. Native Dolibarr form mechanisms, including select2 dropdowns and CSRF tokens, are preserved.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e16. Login Pages\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe login screen is fully themed: centred card, soft radial tint, full-width fields, primary submit button and themed error messages.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eDolibarr's core paints a two-tone diagonal gradient on .login_center; Quinte resets it, otherwise oblique grey and blue bands remain visible behind the card.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eBeing pre-session, the login page cannot read localStorage: the demo is resolved SERVER-side in css.php, which is the only place where the administrator default is authoritative.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e17. Responsive Design\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eBreakpoints at 1280 px (KPI grid to two columns), 1100 px (chart panels stack) and 760 px (sidebar becomes an off-canvas drawer, KPI cards stack, top bar simplifies).\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003emin-width:0 is applied to grid and flex children so wide charts scroll inside their card instead of forcing the whole page to scroll horizontally.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e18. Dark Mode\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eA true full dark mode, independent from the demo choice and combinable with either one. It repaints page, sidebar, top bar, cards, tables, forms, modals, calendar and login page onto a single navy surface (#2A3447).\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eActivated from the top bar, from the configuration screen, or automatically from the browser preference.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eIn dark mode the KPI tiles keep saturated flat colours: a pale tint would turn brown or maroon on navy.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e19. Theme Configuration\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eConfiguration screen at custom\/quinte\/admin\/setup.php: demo selector, ten predefined palettes plus a custom one, individual colours, sidebar \/ top bar \/ layout styles, corner radius, shadow level, font size, menu width, web font, animations, and dashboard options.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eSaving bumps MAIN_IHM_PARAMS_REV so users pick up the new CSS on a normal reload rather than after an hour of browser cache.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e20. User Preferences\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePer-browser preferences (chosen demo, dark mode, folded sidebar) are stored in localStorage and always win over the administrator default, so each user keeps their own working environment.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e21. Accessibility\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eSemantic links and buttons, aria-label on icon-only controls, aria-hidden on decorative SVG, visible focus rings, touch targets of at least 40 px, and status conveyed by label as well as colour.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e22. Performance Optimization\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eNo external chart or UI library. SVG is inline and compact. CSS and JS are served by two PHP endpoints with a one-hour browser cache; a per-request preview switches to no-store so a cached sheet cannot mask it.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e23. Security Considerations\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eNo core file is modified. All output is escaped with dol_escape_htmltag \/ dol_escape_js, SQL uses the Dolibarr DB layer with cast parameters, native CSRF tokens are preserved, and no secret is embedded.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eDisabling the module only clears MAIN_MENU_*_FORCED constants that still point at quinte_menu.php, so it cannot wipe a neighbouring theme's configuration.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e24. Dolibarr Integration\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003emodule_parts for CSS and JS, menus=1 to register the menu manager, hooks on main \/ all \/ toprightmenu \/ searchform, and a configuration page declared through config_page_url.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e25. Dolibarr Compatibility\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eDeclared minimum: Dolibarr 16. Built and verified on Dolibarr 17.0.3 with PHP 8.1. The architecture targets Dolibarr 20, 21 and later, but see the Limitations section for what was and was not executed.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e26. Browser Compatibility\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe stylesheet uses widely supported CSS (custom properties, flexbox, grid, clamp). Verified rendering: Chromium 148 headless. Firefox, Edge and Safari were NOT executed in this environment — see Limitations.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e27. Technical Architecture\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe two demos are carried by a single set of navigation tokens (--quinte-side-*) redefined under html[data-quinte-demo=\"darksidebar\"]. There is no second stylesheet and no duplicated rule: the same CSS renders both mock-ups.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe active demo is resolved in mirror at three points — the pre-paint script in addHtmlHeader, quinte.js.php, and css.php for the pre-session login page. Resolving it in only one place would turn the setting into a silent no-op.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe JavaScript reads the attribute already set on \u0026lt;html\u0026gt; instead of a value compiled into the file, because a cached script from a previous demo would otherwise override freshly rendered server state.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e28. Folder Structure\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003equinte\/core\/modules\/modQuinte.class.php — module descriptor\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003equinte\/core\/menus\/standard\/quinte_menu.php + quinte.lib.php — menu manager and sidebar\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003equinte\/css\/quinte.css.php — dynamic stylesheet (tokens, demos, components)\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003equinte\/js\/quinte.js.php — theme, demo, fold and drawer behaviour\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003equinte\/class\/actions_quinte.class.php — hooks and pre-paint script\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003equinte\/class\/quinte_demo.class.php — demo dataset seeder\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003equinte\/admin\/setup.php — configuration screen\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003equinte\/index.php — dashboard; quinte\/search.php — global search\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003equinte\/langs\/\u0026lt;lang\u0026gt;\/quinte.lang — translations\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e29. Installation Guide\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eHome \u0026gt; Setup \u0026gt; Modules \u0026gt; Deploy external module, upload module_quinte-1.0.zip, then enable 'Quinte' in the Interface family. Quinte immediately becomes the active menu manager.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eOpen the configuration screen to pick a demo, a palette and the layout options.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e30. Upgrade Guide\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eDeploy the new ZIP over the existing folder and disable\/re-enable the module. The version change bumps MAIN_IHM_PARAMS_REV, so end users load the new CSS and JS on a normal reload.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e31. Customization Guide\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePrefer the configuration screen. For deeper work, override the CSS custom properties: --quinte-primary, --quinte-success, --quinte-danger, --quinte-side-bg, --quinte-side-active-bg, --quinte-radius and the rest of the --quinte-* set. Adding a third demo means adding one token block, not a new stylesheet.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e32. Translation System\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eAll strings go through the Dolibarr translation system. Seven languages are shipped: English, French, Spanish, Italian, German, Dutch and Portuguese (Brazil). Every key is prefixed so it cannot silently collide with another module's generic key.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e33. Screenshots Description\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eScreenshots were captured on a live Dolibarr 17.0.3 instance at 1600x990 with a device scale factor of 2 (3200x1980 px). Both demos were captured page by page with the demo forced per request.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch2\u003e\u003cspan lang=\"EN-US\"\u003eQuinte Light\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eIncluded captures: 00_accueil_dolibarr.png, 01_tableau_de_bord.png, 02_liste_tiers.png, 03_fiche_client.png, 04_produits.png, 05_devis.png, 06_commandes.png, 07_factures.png, 08_projets.png, 09_agenda.png, 10_utilisateurs.png, 11_configuration.png, 12_modules.png\u003c\/span\u003e\u003c\/p\u003e\n\u003ch2\u003e\u003cspan lang=\"EN-US\"\u003eQuinte Dark Sidebar\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eIncluded captures: 00_accueil_dolibarr.png, 01_tableau_de_bord.png, 02_liste_tiers.png, 03_fiche_client.png, 04_produits.png, 05_devis.png, 06_commandes.png, 07_factures.png, 08_projets.png, 09_agenda.png, 10_utilisateurs.png, 11_configuration.png, 12_modules.png\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e34. Advantages\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoListBulletCxSpFirst\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eTwo professional demos for the maintenance cost of one code base.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eDashboard fed by real Dolibarr data, not placeholders.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eNo core modification; native menus, permissions and hooks fully preserved.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eNo external JavaScript or charting library.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpLast\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eTen palettes plus full colour customisation, exportable as JSON.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e35. Limitations\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eStated honestly: the following items were NOT executed in the build environment and must not be read as verified. Each line gives the procedure to check it manually.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpFirst\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eFirefox, Edge and Safari were not executed — only Chromium 148 headless was available. Verify by opening the dashboard, a list page and the login page in each browser and confirming no console error.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eDolibarr 20 and 21 were not executed — the available benches are Dolibarr 17.0.3 and 23.0.3. Verify by deploying the ZIP on a 20.x\/21.x instance and enabling the module.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eTablet and smartphone captures were not produced; responsive rules exist and are documented but were not photographed. Verify by resizing the browser to 768 px and 390 px.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eLogin-page captures are not shipped. The login screen is themed and was styled, but it was not captured in this run. Verify by logging out and comparing against section 16.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eThe screenshots use the shared development database, which contains large volumes of unrelated test data from other modules; the figures shown are therefore not a curated commercial dataset.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eThe 18 role-specific dashboards listed in the original specification are not all implemented: the general dashboard is delivered, and the remaining ones are described as a roadmap item in section 36.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpLast\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eCharts are rendered as a smooth area curve and a donut rather than the grouped bar chart of the reference mock-up.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e36. Future Enhancements\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoListBulletCxSpFirst\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eRole-specific dashboards (sales, CRM, accounting, HR, stock, production, after-sales, quality, BI).\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eGrouped bar chart and combined chart types for the sales panel.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eBoxed and compact layout presets exposed as full demos.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpLast\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eAdditional languages beyond the seven currently shipped.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"color: #5a23eb;\"\u003e37. Support and Maintenance\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eEditor: DoliResources — https:\/\/www.doliresources.com. Copyright DoliResources. Licence GPL-3.0-or-later, consistent with the Dolibarr ecosystem.\u003c\/span\u003e\u003c\/p\u003e","brand":"Dolibarr Resources","offers":[{"title":"Default Title","offer_id":53929438642494,"sku":null,"price":299.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/4174\/0094\/files\/01_tableau_de_bord_11acd126-4872-4307-8163-7db1c57ae305.png?v=1784500398","url":"https:\/\/doliresources.com\/products\/quinte-premium-two-demo-theme-for-dolibarr-erp-crm","provider":"DoliResources","version":"1.0","type":"link"}