PHPackages konradmichalik/typo3-backend-themes - 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. konradmichalik/typo3-backend-themes ActiveTypo3-cms-extension[Utility & Helpers](/categories/utility) konradmichalik/typo3-backend-themes =================================== TYPO3 extension to configure and select custom backend color themes with primary/secondary colors, dark mode support and live preview. 0.1.0(1mo ago)010GPL-2.0-or-laterPHPPHP ~8.2.0 || ~8.3.0 || ~8.4.0 || ~8.5.0CI passing Since Apr 28Pushed 1mo agoCompare [ Source](https://github.com/konradmichalik/typo3-backend-themes)[ Packagist](https://packagist.org/packages/konradmichalik/typo3-backend-themes)[ RSS](/packages/konradmichalik-typo3-backend-themes/feed)WikiDiscussions main Synced 1w ago READMEChangelog (1)Dependencies (11)Versions (2)Used By (0) [![Extension icon](Resources/Public/Icons/Extension.png)](Resources/Public/Icons/Extension.png) TYPO3 extension `typo3_backend_themes` ====================================== [](#typo3-extension-typo3_backend_themes) [![Latest Stable Version](https://camo.githubusercontent.com/84dccf241eb108eb955b2bd0add38cfac6ea599902530b61c715cf8bcf4afb46/68747470733a2f2f7479706f332d6261646765732e6465762f62616467652f7479706f335f6261636b656e645f7468656d65732f76657273696f6e2f736869656c64732e737667)](https://extensions.typo3.org/extension/typo3_backend_themes)[![Supported TYPO3 versions](https://camo.githubusercontent.com/a368bee23c99a91857ddd33ca4b0b7eac61042045a920fb8b3a1606fbc3c249c/68747470733a2f2f7479706f332d6261646765732e6465762f62616467652f7479706f335f6261636b656e645f7468656d65732f7479706f332f736869656c64732e737667)](https://extensions.typo3.org/extension/typo3_backend_themes)[![Supported PHP Versions](https://camo.githubusercontent.com/30772c27def7287b2da4cc2ad315f3628b783aeddfee8ff4bf9ba3ad5f6e67d9/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f646570656e64656e63792d762f6b6f6e7261646d696368616c696b2f7479706f332d6261636b656e642d7468656d65732f7068703f6c6f676f3d706870)](https://packagist.org/packages/konradmichalik/typo3-backend-themes)[![Stability](https://camo.githubusercontent.com/f89cbcdcaf07d6ec3190c0af0545bd4fefd66a65adb3239d713687eb010475e3/68747470733a2f2f7479706f332d6261646765732e6465762f62616467652f7479706f335f6261636b656e645f7468656d65732f73746162696c6974792f736869656c64732e737667)](https://camo.githubusercontent.com/f89cbcdcaf07d6ec3190c0af0545bd4fefd66a65adb3239d713687eb010475e3/68747470733a2f2f7479706f332d6261646765732e6465762f62616467652f7479706f335f6261636b656e645f7468656d65732f73746162696c6974792f736869656c64732e737667)[![CGL](https://camo.githubusercontent.com/896b04d5b3019c4459327ebe5150050c459ef7a1c69f684e0c29885a6f6ddff7/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f6b6f6e7261646d696368616c696b2f7479706f332d6261636b656e642d7468656d65732f63676c2e796d6c3f6c6162656c3d63676c266c6f676f3d676974687562)](https://github.com/konradmichalik/typo3-backend-themes/actions/workflows/cgl.yml)[![Tests](https://camo.githubusercontent.com/c0bb8f02c6088d9860753a5c5c6c5d295e818f29ec1becf6d4207dbc188666fa/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f6b6f6e7261646d696368616c696b2f7479706f332d6261636b656e642d7468656d65732f74657374732e796d6c3f6c6162656c3d7465737473266c6f676f3d676974687562)](https://github.com/konradmichalik/typo3-backend-themes/actions/workflows/tests.yml)[![License](https://camo.githubusercontent.com/d1f570caaf1b5cd420c22bbea2fe9eb11d1a66f41f60130cc296c587d4c40a0e/68747470733a2f2f706f7365722e707567782e6f72672f6b6f6e7261646d696368616c696b2f7479706f332d6261636b656e642d7468656d65732f6c6963656e7365)](LICENSE) TYPO3 extension to create custom backend color themes. Define primary and secondary colors, configure dark mode overrides, and let backend users choose their preferred theme. Note Use this extension to subtly establish your project or client branding in the TYPO3 backend. For example, apply corporate colors to the sidebar, header and icons so editors immediately recognize which installation they are working in. [![screencast.gif](Documentation/Images/screencast.gif)](Documentation/Images/screencast.gif)! ✨ Features ---------- [](#-features) - Custom color themes as database records with live preview - Dark mode support with optional overrides - User Settings integration alongside TYPO3 default themes - Admin-defined default theme recommendation Warning This is an experimental extension. TYPO3 v14 introduced the [Fresh theme](https://docs.typo3.org/c/typo3/cms-core/main/en-us/Changelog/14.0/Feature-108240-IntroduceFreshTheme.html) and the backend theming approach based on CSS custom properties and design tokens is expected to evolve further in upcoming TYPO3 core releases. This extension builds on top of that system and serves as an example of how adaptable the TYPO3 backend already is. It may require adjustments as the core API matures. 🔥 Installation -------------- [](#-installation) ### Requirements [](#requirements) TYPO3PHP14.0+8.2 - 8.5### Composer [](#composer) [![Packagist](https://camo.githubusercontent.com/509fa62b563c105fbf3616dff8ca97f4896557cac4164dc6085b06f83fa977a9/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6b6f6e7261646d696368616c696b2f7479706f332d6261636b656e642d7468656d65733f6c6162656c3d76657273696f6e266c6f676f3d7061636b6167697374)](https://packagist.org/packages/konradmichalik/typo3-backend-themes)[![Packagist Downloads](https://camo.githubusercontent.com/6e000c6f59e9bd1ca9453e040dc502565353d7079f83c3d8c749891a55a8e4f7/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6b6f6e7261646d696368616c696b2f7479706f332d6261636b656e642d7468656d65733f636f6c6f723d627269676874677265656e)](https://packagist.org/packages/konradmichalik/typo3-backend-themes) ``` composer require konradmichalik/typo3-backend-themes ``` ### TER [](#ter) [![TER version](https://camo.githubusercontent.com/84dccf241eb108eb955b2bd0add38cfac6ea599902530b61c715cf8bcf4afb46/68747470733a2f2f7479706f332d6261646765732e6465762f62616467652f7479706f335f6261636b656e645f7468656d65732f76657273696f6e2f736869656c64732e737667)](https://extensions.typo3.org/extension/typo3_backend_themes)[![TER downloads](https://camo.githubusercontent.com/864629882c6bc5b75815ef23153e9f342c7b5dfecf4e37aea1e1cdfa1e801c59/68747470733a2f2f7479706f332d6261646765732e6465762f62616467652f7479706f335f6261636b656e645f7468656d65732f646f776e6c6f6164732f736869656c64732e737667)](https://extensions.typo3.org/extension/typo3_backend_themes) Download the zip file from [TYPO3 extension repository (TER)](https://extensions.typo3.org/extension/typo3_backend_themes). ### Demo Themes [](#demo-themes) The extension ships with three demo themes. To import them, run the extension setup after installation: ``` vendor/bin/typo3 extension:setup ``` - **Corporate Blue** — simple, primary color only - **Nature Green** — simple, primary color only - **Warm Sunset** — with header, sidebar and dark mode overrides Tip The demo themes are meant as a starting point. Feel free to adjust them to your needs or delete them entirely. 🎨 Configuration --------------- [](#-configuration) ### Creating Themes [](#creating-themes) 1. Open the **List** module at **root level** (pid=0) 2. Create a new **Backend Theme** record 3. Set a **title** and choose a **primary color** 4. Save — the live preview shows light and dark mode side by side [![Theme record with live preview](Documentation/Images/theme-record-preview.jpg)](Documentation/Images/theme-record-preview.jpg) Tip Check **Default Theme** to mark it as the admin-recommended theme. It will appear at the top of the user dropdown with "(Default)" suffix. ### Extension Settings [](#extension-settings) Under **Admin Tools → Settings → Extension Configuration → typo3\_backend\_themes**: SettingDescriptionHide default TYPO3 themesRemoves Fresh, Modern and Classic from the theme dropdown. Only custom themes remain selectable.### User Settings [](#user-settings) Users select their theme under **User Settings → Appearance → Theme**: [![Theme dropdown in User Settings](Documentation/Images/user-settings-dropdown.jpg)](Documentation/Images/user-settings-dropdown.jpg) Standard TYPO3 themes continue to work as before, unless the extension setting "Hide default TYPO3 themes" is enabled. Custom themes apply color overrides via CSS custom properties. Important After changing a theme in User Settings or editing theme colors, a **full page reload** is required. The extension shows a FlashMessage reminder. 🧑‍💻 Contributing ---------------- [](#‍-contributing) Please have a look at [`CONTRIBUTING.md`](CONTRIBUTING.md). ⭐ License --------- [](#-license) This project is licensed under [GNU General Public License 2.0 (or later)](LICENSE). ### Health Score 38 — LowBetter than 83% of packages Maintenance91 Actively maintained with recent releases Popularity7 Limited adoption so far Community6 Small or concentrated contributor base Maturity41 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% 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 Unknown Total 1 Last Release 42d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/11557705846f24da32a0e6e75c460db505c1b847f081ddaa3d27f3ea27f4097b?d=identicon)[konradmichalik](/maintainers/konradmichalik) --- Top Contributors [![konradmichalik](https://avatars.githubusercontent.com/u/4558190?v=4)](https://github.com/konradmichalik "konradmichalik (106 commits)") --- Tags typo3typo3-extension ### Code Quality TestsPHPUnit ### Embed Badge ![Health badge](/badges/konradmichalik-typo3-backend-themes/health.svg) ``` [![Health](https://phpackages.com/badges/konradmichalik-typo3-backend-themes/health.svg)](https://phpackages.com/packages/konradmichalik-typo3-backend-themes) ``` ### Alternatives [cakephp/cakephp The CakePHP framework 8.8k19.1M1.7k](/packages/cakephp-cakephp)[eliashaeussler/typo3-solver Solver - Extends TYPO3's exception handling with AI generated solutions. Problems can also be solved from command line. Several OpenAI parameters are configurable and prompts and solution providers can be customized as desired. 292.1k](/packages/eliashaeussler-typo3-solver)[friendsoftypo3/content-blocks TYPO3 CMS Content Blocks - Content Types API | Define reusable components via YAML 101466.4k44](/packages/friendsoftypo3-content-blocks)[xima/xima-typo3-frontend-edit This extension provides an edit button for editors within frontend content elements. 1412.9k](/packages/xima-xima-typo3-frontend-edit)[typo3/cms-adminpanel TYPO3 CMS Admin Panel - The Admin Panel displays information about your site in the frontend and contains a range of metrics including debug and caching information. 115.6M60](/packages/typo3-cms-adminpanel)[eliashaeussler/typo3-warming Warming - Warms up Frontend caches based on an XML sitemap. Cache warmup can be triggered via TYPO3 backend or using a console command. Supports multiple languages and custom crawler implementations. 22249.2k](/packages/eliashaeussler-typo3-warming) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)