public record MyTheme : LumexTheme
{
    public MyTheme()
    {
        Light = new ThemeConfigLight()
        {
            Colors = new ThemeColorsLight()
            {
                //  ["default"] = "#ffffff"
                Background = new ColorScale( defaultColor: Colors.White ),

                /*
                 *  ["50...950"] => The slate color scale
                 *  ["default"] => The slate color '700'
                 *  ["foreground"] => A readable color against the "default"
                 */
                Foreground = new ColorScale( colors: Colors.Slate, defaultKey: "700" ),

                /*
                 *  ["50...950"] => The orange color scale
                 *  ["default"] => The orange color '600'
                 *  ["foreground"] => The black color
                 */
                Primary = [
                    .. Colors.Orange,
                    new("default", Colors.Orange["600"]), // KeyValuePair<string, string>
                    new("foreground", Colors.Black),
                ],
                // ... rest of the colors
            }
        };

        Dark = new ThemeConfigDark()
        {
            Colors = new ThemeColorsDark()
            {
                Background = new ColorScale( defaultColor: Colors.Slate["900"] ),
                Foreground = new ColorScale( colors: Colors.Slate, defaultKey: "200" ),
                Primary = [
                    .. Colors.Orange,
                    new("default", Colors.Orange["400"]),
                    new("foreground", Colors.White),
                ],
                // ... rest of the colors
            }
        };
    }
}