Indicators 

Indicators are hints about the current environment that are shown discreetly in the frontend and/or backend.

Example

Backend with several environment indicators

You can combine multiple indicators.

ext_localconf.php
\KonradMichalik\Typo3EnvironmentIndicator\Configuration\Handler::addIndicator(
    triggers: [
        new \KonradMichalik\Typo3EnvironmentIndicator\Configuration\Trigger\ApplicationContext('Development'),
    ],
    indicators: [
        new \KonradMichalik\Typo3EnvironmentIndicator\Configuration\Indicator\Favicon([
            new \KonradMichalik\Typo3EnvironmentIndicator\Image\Modifier\TextModifier([
                'text' => 'TEST',
                'color' => '#f39c12',
                'stroke' => [
                    'color' => '#ffffff',
                    'width' => 3,
                ],
            ])
        ]),
        new \KonradMichalik\Typo3EnvironmentIndicator\Configuration\Indicator\Frontend\Hint([
            'color' => '#FFF176',
        ]),
        new \KonradMichalik\Typo3EnvironmentIndicator\Configuration\Indicator\Backend\Topbar([
            'color' => '#00ACC1',
        ]),
    ]
);
Copied!

The following indicators are available:

Frontend + Backend 

Icon Indicator Description
Favicon Icon Favicon Modify the favicon for frontend and backend based on the original favicon, the current application context and your configuration.

Frontend 

Icon Indicator Description
Frontend Hint Icon Frontend Hint Adds an informative hint to the frontend showing the website title and the current application context.
Frontend Image Icon Frontend Image Modify a frontend image based on the original image, the current application context and your configuration.

Backend 

Icon Indicator Description
Backend Toolbar Item Icon Backend toolbar item Adds an informative item with the current application context to the backend toolbar.
Backend Topbar Icon Backend topbar Colorize the backend header topbar regarding the application context.
Backend Logo Icon Backend Logo Modify the backend logo based on the original logo, the current application context and your configuration.
Dashboard Widget Icon Dashboard Widget Render a dashboard widget according to the environment.
Backend Theme Icon Backend theme (experimental) Colorize the entire TYPO3 v14+ backend (primary color, header, sidebar) based on the environment.