Le thème Oblyon vous propose un design moderne et convivial. Directement inspiré d’une tendance flat design, Oblyon vous garantit une navigation accessible et efficace dans Dolibarr. Avec une réorganisation des menus et une barre de navigation statique avec menus déroulants, naviguer d’une page à l’autre n’aura jamais été aussi simple.

Configuration

Pour accéder aux paramètres du module, accédez à « Configuration » > « Modules/Applications » et cliquez sur le pictogramme

Configuration : Editeur de Menus
  • Intervenir les menus : Cette option permet d’ajuster la mise en page en fonction de la résolution de l’écran et des préférences d’affichage.

 

« Menu Haut »

  • Largeur maximale : Cette option permet d’ajuster la mise en page en fonction de la résolution de l’écran et des préférences d’affichage.
  • Afficher le logo : Active ou désactive l’affichage du logo Dolibarr ou de votre entreprise dans la barre supérieure.
  • Barre adhésive haute : Rend la barre de menu supérieure « fixe », c’est-à-dire qu’elle reste visible même lors du défilement de la page
  • Masquer les icônes : Permet de masquer les icônes affichées dans la barre de menu supérieure.

 

« Menu Gauche »

  • Barre adhésive gauche : Rend le menu latéral gauche « fixe », permettant ainsi qu’il reste visible lors du défilement.
  • Masquer le menu gauche : Cache complètement le menu latéral gauche.
  • Masquer les icônes : Supprime les icônes des éléments du menu gauche tout en conservant les intitulés des menus.
  • Menu gauche réduit : ffiche uniquement les icônes des menus dans la barre latérale gauche, sans texte.
Configuration : Couleurs

« Thèmes »

Cette section propose plusieurs thèmes prédéfinis pour modifier rapidement l’apparence de l’interface. Chaque thème applique un ensemble de couleurs cohérent pour les menus et autres éléments visuels.

  • Oblyon Green (thème vert)
  • Oblyon Dark (thème sombre)
  • Oblyon Blue (thème bleu)
  • Oblyon Night (thème noir et gris)
  • Oblyon Light (thème clair avec du blanc et du rouge)

 

« Menu Haut »

Cette section permet de personnaliser les couleurs du menu situé en haut de l’écran. Vous pouvez modifier :

  • La couleur de fond du menu
  • La couleur au survol
  • La couleur du texte et de son état actif (lorsqu’un élément est sélectionné).

 

« Menu Gauche »

Cette section permet d’adapter les couleurs du menu latéral gauche. Comme pour le menu du haut, vous pouvez ajuster :

  • La couleur de fond et du survol
  • La couleur du texte et son état actif

Ces réglages permettent d’assurer une bonne lisibilité et d’harmoniser les couleurs en fonction de vos préférences ou de votre charte graphique.

« Personnalisation complète de l’interface »

Tous les éléments graphiques peuvent être modifiés individuellement, notamment :

  • Les menus (haut et gauche) : couleur de fond, couleur du texte et du survol.
  • Les boutons : couleurs classiques et pour les actions critiques.
  • Les messages et notifications : couleurs des bordures, des fonds et du texte pour les messages d’information, d’avertissement et d’erreur.
  • Les éléments généraux : couleur principale, couleur de fond du logo, couleur de la page de connexion, titres et autres composants.
Configuration : Tableau de bord

Gestion des vignettes et des statistiques

Le module Oblyon permet d’ajuster l’affichage du tableau de bord de Dolibarr en personnalisant les vignettes et les informations affichées. Cette configuration permet d’optimiser la lisibilité et de masquer les éléments inutiles selon les besoins de l’utilisateur.

 

  • Activer ou désactiver des vignettes spécifiques selon leur utilité.
  • Masquer le widget des statistiques globales pour alléger l’interface.
  • Inverser les couleurs des icônes et du fond des vignettes pour améliorer la lisibilité.

Modification des couleurs des vignettes

Le module permet également de personnaliser les couleurs des vignettes pour mieux différencier les informations affichées. Il est possible d’ajuster la couleur de chaque vignette selon son type (projets, clients, commandes, factures, etc.), ainsi que l’intensité générale des couleurs via un curseur. Cette personnalisation permet d’améliorer la clarté visuelle et de rendre le tableau de bord plus ergonomique.

Configuration : Options

Général

Cette section regroupe des options globales pour personnaliser l’affichage de Dolibarr :

 

  • Taille du texte de base en pixels : Permet d’ajuster la taille du texte pour améliorer la lisibilité (doit être entre 10 et 16).
  • Hauteur maximale des images dans les listes (tables) : Définit une limite en pixels pour la hauteur des images affichées dans les tableaux.
  • Ne pas afficher le numéro de version de Dolibarr : Permet de masquer la version en cours du logiciel.
  • Affichage des statuts des éléments : Les statuts des documents et autres éléments peuvent être affichés sous forme d’icône seule ou avec un texte explicatif.
  • Utiliser le menu d’ajout rapide des éléments : Ajoute un raccourci pour la création rapide d’éléments dans Dolibarr (activable via le menu en haut à droite).
  • Utiliser le menu des marques-pages : Active un menu pour enregistrer et accéder rapidement à des pages favorites.
  • Afficher une marge en bas de page sur la partie droite : Ajoute un espace supplémentaire en bas de l’écran pour améliorer l’affichage.

 

Page de connexion

  • Décentrer le bloc de connexion sur la droite de l’écran : Modifie l’alignement du formulaire de connexion pour l’afficher plus à droite au lieu du centre par défaut.

 

Fiche

Cette section concerne l’affichage des fiches (clients, fournisseurs, produits, etc.) :

  • Fixer le bandeau des références et les boutons d’action pendant le défilement vertical : Garde la barre supérieure fixe lors du défilement pour un accès rapide aux actions.
  • Fixer le bandeau des onglets lors d’un défilement vertical : Permet de garder la barre d’onglets toujours visible lorsqu’on fait défiler la page.

 

Liste

Cette section optimise l’affichage des tableaux et listes dans Dolibarr :

  • Basculer la colonne de sélection/recherche/action en masse à gauche : Déplace les cases de sélection et les icônes d’actions groupées du côté gauche du tableau.
  • Retirer le bouton « Vue Kanban » en haut à droite des listes : Supprime l’option permettant d’afficher les listes sous forme de Kanban.
  • Fixer l’entête de colonne des tableaux lors d’un défilement vertical : Fige la ligne des titres de colonnes pour qu’elle reste visible en haut du tableau même lorsqu’on fait défiler la liste.
  • Fixer la première colonne des tableaux lors d’un défilement horizontal : Empêche la première colonne de disparaître lorsqu’on scrolle horizontalement.
  • Fixer la dernière colonne des tableaux lors d’un défilement horizontal : Maintient la dernière colonne visible même lorsqu’on navigue latéralement.
Configuration : Style CSS

Le module Oblyon permet d’ajouter et de modifier le style de l’interface Dolibarr grâce à l’intégration de CSS personnalisé. Cette fonctionnalité offre une grande flexibilité pour ajuster l’apparence de l’application selon vos besoins.

Découvrir nos autres modules..