PHPackages qc/qc-be-domain-color - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. qc/qc-be-domain-color ActiveTypo3-cms-extension qc/qc-be-domain-color ===================== This extension inject CSS in the BE interface to modify the color of the left/Modules frame. The color is associated to one or many domains. It can be useful when you get many TYPO3 instances, local DDEV/Docker installations or development servers and you want to really make the production server stand out. v3.0.1(2mo ago)210.5k↓33.3%2[3 PRs](https://github.com/Quebecca/qc_be_domain_color/pulls)GPL-2.0-or-laterJavaScriptCI passing Since Mar 7Pushed 2mo ago3 watchersCompare [ Source](https://github.com/Quebecca/qc_be_domain_color)[ Packagist](https://packagist.org/packages/qc/qc-be-domain-color)[ RSS](/packages/qc-qc-be-domain-color/feed)WikiDiscussions master Synced 1mo ago READMEChangelog (4)Dependencies (2)Versions (27)Used By (0) BE Domain Color =============== [](#be-domain-color) Key: qc\_be\_domain\_color Author: Marc Munos, Québec.ca **[Documentation en français plus bas](#documentation-fran%C3%A7aise)** ### Screenshot [](#screenshot) If the domain fits in the user preferences and the TYPO3 instance being used, the color is applied in the Modules frame: [![alt text](Documentation/Images/module-be-fr.jpg "Saise d'écran")](Documentation/Images/module-be-fr.jpg) Description ----------- [](#description) This extension inject CSS in the BE interface to modify the color of the left/Modules frame. The color is associated to one or many domains. It can be useful when you get many TYPO3 instances, local DDEV/Docker installations or development servers and you want to really make the production server stand out. Usage ----- [](#usage) 1. Go to your own preferences in the top righ menu in TYPO3 BE where you can change your password or startup module. 2. Click the "Domain Color" tab 3. Add domain or partial part of it, set a color and save your preferences. Features -------- [](#features) - You can add as many domains as you want - Partial domain works (ie: just "example" or "example.com" are ok even if full url is "[www.example.com](http://www.example.com)") - Color picker for easy color selection - Support for regular expressions, wildcards - Use Vue.js (dependcy on ) ### Examples [](#examples) Suppose you got many servers with domains like: web.example.com, web2.example.com, testing.example.com and ddev.site All those variations are valid entries for the domain field in the module: - web - web\[2-4\] - web.\* - dev\[.45\] (means "dev" followed with a dot or followed by 4 or 5) - ddev If you ever got two domains that compared to the same, the last color will "win". If the domain doesn't exist in the TYPO3 instance you're on, the default color is applied. ### Composer installation [](#composer-installation) composer req qc/qc-be-domain-color Documentation française ======================= [](#documentation-française) ### Description [](#description-1) Cette extension permet de personnaliser la couleur de fond de la barre des modules du panneau d'administration de TYPO3 (le « backend ») en fonction du domaine web. Elle s'adresse donc aux personnes qui travaillent sur plusieurs environnements (production, acceptation, formation, développement, etc.). Elle leur permet d'identifier visuellement l'environnement sur lequel ils se trouvent. [![alt text](Documentation/Images/module-be-fr.jpg "Saise d'écran")](Documentation/Images/module-be-fr.jpg) ### Utilisation [](#utilisation) Suivez les étapes suivantes pour appliquer une couleur à un environnement. 1. Ouvrir les paramètres de l'utilisateur (en haut à droite) 2. Choisir l'onglet «Couleurs par domaine» 3. Utiliser le formulaire pour ajouter une ou plusieurs correspondances domaine/couleur que voulu. Si votre BD de production est régulièrement exportée et importée dans d'autres environnements, c'est le bon endroit pour y faire les réglages pour tous les environnements. [![img.png](img.png)](img.png) ### Fonctionnalités\*\* [](#fonctionnalités) L'identification du domaine se fait par expression régulière. Toutes les correspondances domaine/couleur sont testées. La dernière qui correspond au domaine de l'adresse web en cours donne la couleur de fond de la barre de gauche. ### Exemples [](#exemples) Voici quelques exemples d'expressions régulières pour identifier le domaine courant : - dev - dev\[2-4\] - staging-?.\* - ddev ### Installation Composer [](#installation-composer) composer req qc/qc-be-domain-color ### Health Score 50 — FairBetter than 96% of packages Maintenance85 Actively maintained with recent releases Popularity29 Limited adoption so far Community16 Small or concentrated contributor base Maturity59 Maturing project, gaining track record Bus Factor1 Top contributor holds 58.3% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~161 days Recently: every ~199 days Total 10 Last Release 84d ago Major Versions v1.1.2 → v2.0.02025-01-08 v2.0.0 → v3.0.02026-01-28 ### Community Maintainers ![](https://www.gravatar.com/avatar/27681a007aeb029db3d6e30194584ff01ae097b97d8a02a5f37534d3aed30ef8?d=identicon)[Techno@Quebec.ca](/maintainers/Techno@Quebec.ca) --- Top Contributors [![marc-munos](https://avatars.githubusercontent.com/u/64539039?v=4)](https://github.com/marc-munos "marc-munos (14 commits)")[![atigiti](https://avatars.githubusercontent.com/u/51663174?v=4)](https://github.com/atigiti "atigiti (3 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (3 commits)")[![christianelapierre](https://avatars.githubusercontent.com/u/86064320?v=4)](https://github.com/christianelapierre "christianelapierre (2 commits)")[![maryahcm](https://avatars.githubusercontent.com/u/104098015?v=4)](https://github.com/maryahcm "maryahcm (1 commits)")[![taieb123](https://avatars.githubusercontent.com/u/29729164?v=4)](https://github.com/taieb123 "taieb123 (1 commits)") ### Embed Badge ![Health badge](/badges/qc-qc-be-domain-color/health.svg) ``` [![Health](https://phpackages.com/badges/qc-qc-be-domain-color/health.svg)](https://phpackages.com/packages/qc-qc-be-domain-color) ``` ### Alternatives [fluidtypo3/vhs This is a collection of ViewHelpers for performing rendering tasks that are not natively provided by TYPO3's Fluid templating engine. 1954.1M49](/packages/fluidtypo3-vhs)[in2code/powermail Powermail is a well-known, editor-friendly, powerful and easy to use mailform extension for TYPO3 with a lots of features 982.5M38](/packages/in2code-powermail)[typo3/testing-framework The TYPO3 testing framework provides base classes for unit, functional and acceptance testing. 675.0M775](/packages/typo3-testing-framework)[fluidtypo3/flux The flux package from FluidTYPO3 152982.2k20](/packages/fluidtypo3-flux)[netresearch/rte-ckeditor-image Image support in CKEditor for the TYPO3 ecosystem - by Netresearch 63991.3k4](/packages/netresearch-rte-ckeditor-image)[friendsoftypo3/content-blocks TYPO3 CMS Content Blocks - Content Types API | Define reusable components via YAML 96374.6k23](/packages/friendsoftypo3-content-blocks) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)