    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
                }
            };
        }
    }