“”

av light-dark Legacy Browsers av light-dark Legacy Browsers

av_lightdarklegacy / alpha

CSS workaround for clients with legacy browsers that don't support light-dark() in Typo3 13 backend

This version supports TYPO3

Older versions also support TYPO3

Composer support

composer require anothervision/av_lightdarklegacy

Tags

#backend #rendering #transparent #menu #Legacy #browser

Last upload comment

CSS support for clients/editors with older legacy browsers that do not support the light-dark() rendering used in Typo3 v13. Prevents transparent context menus, illegible modal overlays etc.
Install extension and add 'av_lightdarklegacy' to root template. Custom Backend CSS file will adjust rendering on legacy browsers using @supports not (color: light-dark(black, white))

Alpha proof of concept currently for *light mode only*.

Download 1.0.0 Code Insights Packagist.org
Author
Mike Kendall
Last update
01. Apr 2025
First upload
01. Apr 2025
Downloads
143
Category
Backend
Dependencies
  • TYPO3 (13.0.0 - 13.5.99)

Installation

  1. Download ZIP file
  2. Log into your TYPO3 backend
  3. Go to Extension Manager module
  4. Press the upload button on the top bar
  5. Select the ZIP file and upload it. If you want to overwrite an existing extension installation, activate the checkbox.
  1. Go to your folder where the root composer.json file is located
  2. Type: composer require anothervision/av_lightdarklegacy to get the latest version that runs on your TYPO3 version.
  1. Download T3X file
  2. Log into your TYPO3 backend
  3. Go to Extension Manager module
  4. Press the upload button on the top bar
  5. Select the T3X file and upload it. If you want to overwrite an existing extension installation, activate the checkbox.

Version history

Version Upload comment Works with TYPO3 Download
1.0.0 / alpha
April 01, 2025
CSS support for clients/editors with older legacy browsers that do not support the light-dark() rendering used in Typo3 v13. Prevents transparent context menus, illegible modal overlays etc.
Install extension and add 'av_lightdarklegacy' to root template. Custom Backend CSS file will adjust rendering on legacy browsers using @supports not (color: light-dark(black, white))

Alpha proof of concept currently for *light mode only*.
13.0.0 - 13.5.99 Download