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. [Utility & Helpers](/categories/utility) 4. / 5. qc/qc-be-domain-color ActiveTypo3-cms-extension[Utility & Helpers](/categories/utility) 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(4mo ago)111.3k↓66.3%2[6 PRs](https://github.com/Quebecca/qc_be_domain_color/pulls)GPL-2.0-or-laterJavaScriptCI passing Since Mar 7Pushed 1mo 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 3d ago READMEChangelog (4)Dependencies (2)Versions (31)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 95% of packages Maintenance85 Actively maintained with recent releases Popularity27 Limited adoption so far Community16 Small or concentrated contributor base Maturity60 Established project with proven stability 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 131d 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 [friendsoftypo3/content-blocks TYPO3 CMS Content Blocks - Content Types API | Define reusable components via YAML 103519.9k53](/packages/friendsoftypo3-content-blocks)[wazum/sluggi TYPO3 extension for URL slug management with inline editing, auto-sync, locking, access control, and redirects 40529.5k](/packages/wazum-sluggi)[typo3/cms-scheduler TYPO3 CMS Scheduler - Schedule tasks to run once or periodically at a specific time. 169.3M231](/packages/typo3-cms-scheduler)[typo3/cms-lowlevel TYPO3 CMS Lowlevel - Technical analysis of the system. This includes raw database search, checking relations, counting pages and records etc. 178.2M318](/packages/typo3-cms-lowlevel)[typo3/cms-redirects TYPO3 CMS Redirects - Create manual redirects, list existing redirects and automatically createredirects on slug changes. 167.4M80](/packages/typo3-cms-redirects)[typo3/cms-form TYPO3 CMS Form - Flexible TYPO3 frontend form framework that comes with a backend editor interface. 147.6M266](/packages/typo3-cms-form) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)