anothervision/av_lightdarklegacy

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

Maintainers

Details

github.com/anothervision-uk/av_lightdarklegacy

Source

Issues

Installs: 0

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Watchers: 1

Forks: 0

Open Issues: 0

Language:CSS

Type:typo3-cms-extension

dev-main 2025-04-02 14:35 UTC

Requires

GPL-2.0-or-later f7596a48ac060f014f20ddbbec69d83e8a7f8371

  • Mike Kendall

This package is auto-updated.

Last update: 2025-06-02 14:56:34 UTC

README

Typo3 Extension for legacy browsers to better display v13 backend avoiding light-dark()

Older legacy browsers eg: Firefox <=119 Safari <=17.4 Chrome <=122

May not accurately interpret the color-scheme and light-dark() styles used to render the backend in Typo3 v13+. This can create transparent context menus, illegible modal overlays etc, which can make the editor unusable for clients/editors with older laptops etc.

Install the extension and add the TS 'av_lightdarklegacy' to root template. Custom Backend CSS file will be added, which adjusts rendering on legacy browsers using:

@supports not (color: light-dark(black, white)){ }

Alpha proof of concept currently for light mode only.

If others find it helpful, I will add more complete CSS, including dark mode styles.