Complex Color Themes

[YourRobotOverlord]

From: #4035

Wow. Mind blown.

I have no seen ColorSchemes used like this.

I'd love to figure out how to enable this level of customization as part of

#2381

Ideally, all of what you did above would enabled via a ConfigurationManager Theme.

I use the built-it Terminal.Gui.Colors.ColorSchemes to hold the app theme, which includes almost 30 total scheme colors.
ColorSchemes is then JSON-serialize/de-serialized with the rest of the user's preferences for cloud persistence.

When building this, I remember thinking that I wished that all views checked ColorSchemes for a scheme to use the same way that Dialog or Menu, for example, do.

I.e.
If I set the "Dialog" scheme Terminal.Gui.Colors.ColorSchemes["Dialog"] = new ColorScheme();, it is automatically used for all new dialogs.

But if I set the "ListView" scheme, it is not used by default, I must use listView.ColorScheme = Terminal.Gui.Colors.ColorSchemes["ListView"]

Not claiming this is good code, but it's what I got working easily:

using Terminal.Gui;
using Attribute = Terminal.Gui.Attribute;

namespace Xtimato25.Theme;

internal static class ApplicationTheme
{
    private static readonly Color WindowForeground = new("#c0caf5");
    private static readonly Color WindowBackground = new("#1a1b26");
    private static readonly Color WindowFocus = new("#c0caf5");
    private static readonly Color WindowFocusBackground = new("#292e42");
    private static readonly Color WindowHotNormal = new("#c0caf5");
    private static readonly Color WindowHotNormalBackground = new("#1a1b26");
    private static readonly Color WindowDisabled = new("#3b4261");
    private static readonly Color WindowDisabledBackground = new("#1a1b26");
    private static readonly Color WindowHotFocus = new("#00FF6A");
    private static readonly Color WindowHotFocusBackground = new("#292e42");
    private static readonly Color WindowInput = new("#00FF6A");
    private static readonly Color InvalidEntry = new("#B20A26");
    private static readonly Color SelectorForeground = new("#bb9af7");
    private static readonly Color SelectorFocusBackground = new("#292e42");
    private static readonly Color SelectorHotNormalBackground = new("#09090C");
    private static readonly Color DialogBackground = new("#16161e");
    private static readonly Color EnergyBranch = new("#d4ffa7");
    private static readonly Color EquipmentBranch = new("#fc9721");
    private static readonly Color EstimateBranch = new("#4ec9b0");
    private static readonly Color GroupBranch = new("#d7ba7d");
    private static readonly Color IndirectBranch = new("#9cdcfe");
    private static readonly Color LaborBranch = new("#d47cd3");
    private static readonly Color LineItemBranch = new("#569cd6");
    private static readonly Color MaterialBranch = new("#9c3f38");
    private static readonly Color PluggedBranch = new("#e5e5e5");
    private static readonly Color ProductionBranch = new("#c586c0");
    private static readonly Color ProjectBranch = new("#c0caf5");
    private static readonly Color SubcontractedBranch = new("#99c396");
    private static readonly Color TrackBranch = new("#c0caf5");

   public static void ApplyTheme(Dictionary<string, Color>? colors)
    {
        if (colors is not null)
        {
            foreach (var color in colors)
            {
                Colors[color.Key] = color.Value;
            }
        }
        BuildSchemes();
        if (Application.Top != null)
        {
            Application.Top.ColorScheme = Terminal.Gui.Colors.ColorSchemes["Base"];
        }
    }

    private static void BuildSchemes()
    {
        var schemes = Terminal.Gui.Colors.ColorSchemes;
        
        var branchKeys = new[]
        {
            "EnergyBranch",
            "EquipmentBranch",
            "EstimateBranch",
            "GroupBranch",
            "IndirectBranch",
            "LaborBranch",
            "LineItemBranch",
            "MaterialBranch",
            "PluggedBranch",
            "ProductionBranch",
            "ProjectBranch",
            "SubcontractedBranch",
            "TrackBranch"
        };

        foreach (var key in branchKeys)
        {
            schemes[key] = new ColorScheme(new Attribute(Colors[key]));
        }

        schemes["Base"] = new ColorScheme()
        {
            Normal = new Attribute(Colors["WindowForeground"], Colors["WindowBackground"]),
            Focus = new Attribute(Colors["WindowFocus"], Colors["WindowFocusBackground"]),
            HotNormal = new Attribute(Colors["WindowHotNormal"], Colors["WindowHotNormalBackground"]),
            Disabled = new Attribute(Colors["WindowDisabled"], Colors["WindowDisabledBackground"]),
            HotFocus = new Attribute(Colors["WindowHotFocus"], Colors["WindowHotFocusBackground"]),
        };

        schemes["TopLevel"] = new ColorScheme(schemes["Base"]);

        schemes["Dialog"] = new ColorScheme(schemes["Base"])
        {
            Normal = new Attribute(Colors["WindowForeground"], Colors["DialogBackground"]),
            Focus = new Attribute(Colors["WindowInput"], Colors["WindowFocusBackground"]),
        };

        schemes["Menu"] = new ColorScheme(schemes["Base"])
        {
            HotNormal = new Attribute(Colors["WindowInput"], Colors["WindowHotNormalBackground"]),
            HotFocus = new Attribute(Colors["WindowInput"], Colors["WindowHotFocusBackground"]),
        };

        schemes["Error"] = new ColorScheme
        {
            Normal = new Attribute(Colors["DialogBackground"], Colors["InvalidEntry"]),
            Focus = new Attribute(Colors["DialogBackground"], Colors["InvalidEntry"]),
            HotNormal = new Attribute(Colors["DialogBackground"], Colors["InvalidEntry"]),
            Disabled = new Attribute(Colors["DialogBackground"], Colors["InvalidEntry"]),
            HotFocus = new Attribute(Colors["DialogBackground"], Colors["InvalidEntry"]),
        };

        schemes["ComboBox"] = new ColorScheme(schemes["Base"])
        {
            Normal = new Attribute(Colors["WindowInput"], Colors["DialogBackground"]),
            Focus = new Attribute(Colors["DialogBackground"], Colors["WindowInput"]),
            HotNormal = new Attribute(Colors["WindowInput"], Colors["WindowFocusBackground"]),
        };

        schemes["DialogSelectable"] = new ColorScheme(schemes["Base"])
        {
            Normal = new Attribute(Colors["SelectorForeground"], Colors["DialogBackground"]),
            Focus = new Attribute(Colors["SelectorForeground"], Colors["SelectorFocusBackground"]),
            HotNormal = new Attribute(Colors["SelectorForeground"], Colors["SelectorHotNormalBackground"]),
            HotFocus = new Attribute(Colors["SelectorForeground"], Colors["SelectorFocusBackground"]),
        };
        
        schemes["TextView"] = new ColorScheme(schemes["Base"])
        {
            Focus = new Attribute(Colors["WindowInput"], Colors["DialogBackground"]),
            Disabled =  new Attribute(Colors["WindowForeground"], Colors["DialogBackground"]),
        };
    }

    public static readonly Dictionary<string, Color> Colors = new()
    {
        ["WindowForeground"] = WindowForeground,
        ["WindowBackground"] = WindowBackground,
        ["WindowFocus"] = WindowFocus,
        ["WindowFocusBackground"] = WindowFocusBackground,
        ["WindowHotNormal"] = WindowHotNormal,
        ["WindowHotNormalBackground"] = WindowHotNormalBackground,
        ["WindowDisabled"] = WindowDisabled,
        ["WindowDisabledBackground"] = WindowDisabledBackground,
        ["WindowHotFocus"] = WindowHotFocus,
        ["WindowHotFocusBackground"] = WindowHotFocusBackground,
        ["WindowInput"] = WindowInput,
        ["InvalidEntry"] = InvalidEntry,
        ["SelectorForeground"] = SelectorForeground,
        ["SelectorFocusBackground"] = SelectorFocusBackground,
        ["SelectorHotNormalBackground"] = SelectorHotNormalBackground,
        ["DialogBackground"] = DialogBackground,
        ["EnergyBranch"] = EnergyBranch,
        ["EquipmentBranch"] = EquipmentBranch,
        ["EstimateBranch"] = EstimateBranch,
        ["GroupBranch"] = GroupBranch,
        ["IndirectBranch"] = IndirectBranch,
        ["LaborBranch"] = LaborBranch,
        ["LineItemBranch"] = LineItemBranch,
        ["MaterialBranch"] = MaterialBranch,
        ["PluggedBranch"] = PluggedBranch,
        ["ProductionBranch"] = ProductionBranch,
        ["ProjectBranch"] = ProjectBranch,
        ["SubcontractedBranch"] = SubcontractedBranch,
        ["TrackBranch"] = TrackBranch,
    };
}

[tig]

That's epic.

I'm going to add some comments to

• Master Issue for Updating Color/Attribute System #457

relative to this. I'd appreciate continuing the discussion there.