Overview

The Solid Theme Provider is a lightweight component that allows for theme switching by injecting CSS variables into the document's root element. It provides an easy way to create and switch between different themes for your application.

Features

Auto detect system theme (light vs dark)
Browser theme-color control
Click to toggle theme
Handle invert of select images for light/dark modes
Dropdown list when more than 2 themes configured
Fully customizable
Automatically generates complementary transparencies when hex colors are provided as theme variables

Summary

The Solid Theme Provider is a versatile component that enables theme switching in your application. With features like system theme detection, browser theme-color control, and image inversion, it provides a comprehensive solution for implementing themes in your UI. The component is easy to install and fully customizable, allowing you to adapt it to your specific needs.

Gnomical

Solid Theme Provider