Added color themes (dark & light) (#148)

app/MindWork AI Studio/Components/AssistantBlock.razor

@@ -1,4 +1,4 @@
-<MudCard Outlined="@true" Style="border-width: 2px; border-color: #0d47a1; border-radius: 12px; border-style: solid; max-width: 20em;">
+<MudCard Outlined="@true" Style="@this.BlockStyle">
     <MudCardHeader>
         <CardHeaderContent>
             <MudStack AlignItems="AlignItems.Center" Row="@true">

app/MindWork AI Studio/Components/AssistantBlock.razor.cs

@@ -1,8 +1,10 @@
+using AIStudio.Settings;
+
 using Microsoft.AspNetCore.Components;
 
 namespace AIStudio.Components;
 
-public partial class AssistantBlock : ComponentBase
+public partial class AssistantBlock : ComponentBase, IMessageBusReceiver, IDisposable
 {
     [Parameter]
     public string Name { get; set; } = string.Empty;
@@ -18,4 +20,63 @@ public partial class AssistantBlock : ComponentBase
     
     [Parameter]
     public string Link { get; set; } = string.Empty;
+    
+    [Inject]
+    private MudTheme ColorTheme { get; init; } = null!;
+    
+    [Inject]
+    private SettingsManager SettingsManager { get; init; } = null!;
+    
+    [Inject]
+    private MessageBus MessageBus { get; init; } = null!;
+
+    #region Overrides of ComponentBase
+
+    protected override async Task OnInitializedAsync()
+    {
+        this.MessageBus.RegisterComponent(this);
+        this.MessageBus.ApplyFilters(this, [], [ Event.COLOR_THEME_CHANGED ]);
+        
+        await base.OnInitializedAsync();
+    }
+
+    #endregion
+    
+    #region Implementation of IMessageBusReceiver
+
+    public Task ProcessMessage<T>(ComponentBase? sendingComponent, Event triggeredEvent, T? data)
+    {
+        switch (triggeredEvent)
+        {
+            case Event.COLOR_THEME_CHANGED:
+                this.StateHasChanged();
+                break;
+        }
+        
+        return Task.CompletedTask;
+    }
+
+    public Task<TResult?> ProcessMessageWithResult<TPayload, TResult>(ComponentBase? sendingComponent, Event triggeredEvent, TPayload? data)
+    {
+        return Task.FromResult<TResult?>(default);
+    }
+
+    #endregion
+
+    private string BorderColor => this.SettingsManager.IsDarkMode switch
+    {
+        true => this.ColorTheme.GetCurrentPalette(this.SettingsManager).GrayLight,
+        false => this.ColorTheme.GetCurrentPalette(this.SettingsManager).Primary.Value,
+    };
+
+    private string BlockStyle => $"border-width: 2px; border-color: {this.BorderColor}; border-radius: 12px; border-style: solid; max-width: 20em;";
+    
+    #region Implementation of IDisposable
+
+    public void Dispose()
+    {
+        this.MessageBus.Unregister(this);
+    }
+
+    #endregion
 }

app/MindWork AI Studio/Components/ConfidenceInfo.razor

@@ -3,11 +3,11 @@
     <MudTooltip Text="Shows and hides the confidence card with information about the selected LLM provider.">
         @if (this.Mode is ConfidenceInfoMode.ICON)
         {
-            <MudIconButton Icon="@Icons.Material.Filled.Security" Class="confidence-icon" Style="@this.LLMProvider.GetConfidence(this.SettingsManager).SetColorStyle()" OnClick="@(() => this.ToggleConfidence())"/>
+            <MudIconButton Icon="@Icons.Material.Filled.Security" Class="confidence-icon" Style="@this.LLMProvider.GetConfidence(this.SettingsManager).SetColorStyle(this.SettingsManager)" OnClick="@(() => this.ToggleConfidence())"/>
         }
         else
         {
-            <MudButton Variant="Variant.Filled" StartIcon="@Icons.Material.Filled.Security" IconClass="confidence-icon" Style="@this.LLMProvider.GetConfidence(this.SettingsManager).SetColorStyle()" OnClick="@(() => this.ToggleConfidence())">
+            <MudButton Variant="Variant.Filled" StartIcon="@Icons.Material.Filled.Security" IconClass="confidence-icon" Style="@this.LLMProvider.GetConfidence(this.SettingsManager).SetColorStyle(this.SettingsManager)" OnClick="@(() => this.ToggleConfidence())">
                 Confidence
             </MudButton>
         }

app/MindWork AI Studio/Components/ConfidenceInfo.razor.cs

@@ -5,7 +5,7 @@ using Microsoft.AspNetCore.Components;
 
 namespace AIStudio.Components;
 
-public partial class ConfidenceInfo : ComponentBase
+public partial class ConfidenceInfo : ComponentBase, IMessageBusReceiver, IDisposable
 {
     [Parameter]
     public ConfidenceInfoMode Mode { get; set; } = ConfidenceInfoMode.BUTTON;
@@ -15,6 +15,9 @@ public partial class ConfidenceInfo : ComponentBase
     
     [Inject]
     private SettingsManager SettingsManager { get; init; } = null!;
+    
+    [Inject]
+    private MessageBus MessageBus { get; init; } = null!;
 
     private Confidence currentConfidence;
     private bool showConfidence;
@@ -28,6 +31,9 @@ public partial class ConfidenceInfo : ComponentBase
 
     protected override async Task OnParametersSetAsync()
     {
+        this.MessageBus.RegisterComponent(this);
+        this.MessageBus.ApplyFilters(this, [], [ Event.COLOR_THEME_CHANGED ]);
+        
         this.currentConfidence = this.LLMProvider.GetConfidence(this.SettingsManager);
         await base.OnParametersSetAsync();
     }
@@ -51,7 +57,38 @@ public partial class ConfidenceInfo : ComponentBase
             yield return ($"Source {++index}", source);
     }
 
-    private string GetCurrentConfidenceColor() => $"color: {this.currentConfidence.Level.GetColor()};";
+    private string GetCurrentConfidenceColor() => $"color: {this.currentConfidence.Level.GetColor(this.SettingsManager)};";
     
-    private string GetPopoverStyle() => $"border-color: {this.currentConfidence.Level.GetColor()}; max-width: calc(35vw);";
+    private string GetPopoverStyle() => $"border-color: {this.currentConfidence.Level.GetColor(this.SettingsManager)}; max-width: calc(35vw);";
+    
+    #region Implementation of IMessageBusReceiver
+
+    public Task ProcessMessage<T>(ComponentBase? sendingComponent, Event triggeredEvent, T? data)
+    {
+        switch (triggeredEvent)
+        {
+            case Event.COLOR_THEME_CHANGED:
+                this.showConfidence = false;
+                this.StateHasChanged();
+                break;
+        }
+        
+        return Task.CompletedTask;
+    }
+
+    public Task<TResult?> ProcessMessageWithResult<TPayload, TResult>(ComponentBase? sendingComponent, Event triggeredEvent, TPayload? data)
+    {
+        return Task.FromResult<TResult?>(default);
+    }
+
+    #endregion
+    
+    #region Implementation of IDisposable
+
+    public void Dispose()
+    {
+        this.MessageBus.Unregister(this);
+    }
+
+    #endregion
 }

app/MindWork AI Studio/Components/InnerScrolling.razor.cs

@@ -43,7 +43,7 @@ public partial class InnerScrolling : MSGComponentBase
 
     #region Overrides of MSGComponentBase
 
-    public override Task ProcessMessage<T>(ComponentBase? sendingComponent, Event triggeredEvent, T? data) where T : default
+    public override Task ProcessIncomingMessage<T>(ComponentBase? sendingComponent, Event triggeredEvent, T? data) where T : default
     {
         switch (triggeredEvent)
         {

app/MindWork AI Studio/Components/MSGComponentBase.cs

@@ -19,7 +19,22 @@ public abstract class MSGComponentBase : ComponentBase, IDisposable, IMessageBus
 
     #region Implementation of IMessageBusReceiver
 
-    public abstract Task ProcessMessage<T>(ComponentBase? sendingComponent, Event triggeredEvent, T? data);
+    public Task ProcessMessage<T>(ComponentBase? sendingComponent, Event triggeredEvent, T? data)
+    {
+        switch (triggeredEvent)
+        {
+            case Event.COLOR_THEME_CHANGED:
+                this.StateHasChanged();
+                break;
+            
+            default:
+                return this.ProcessIncomingMessage(sendingComponent, triggeredEvent, data);
+        }
+        
+        return Task.CompletedTask;
+    }
+    
+    public abstract Task ProcessIncomingMessage<T>(ComponentBase? sendingComponent, Event triggeredEvent, T? data);
     
     public abstract Task<TResult?> ProcessMessageWithResult<TPayload, TResult>(ComponentBase? sendingComponent, Event triggeredEvent, TPayload? data);
 
@@ -46,6 +61,12 @@ public abstract class MSGComponentBase : ComponentBase, IDisposable, IMessageBus
     
     protected void ApplyFilters(ComponentBase[] components, Event[] events)
     {
-        this.MessageBus.ApplyFilters(this, components, events);
+        // Append the color theme changed event to the list of events:
+        var eventsList = new List<Event>(events)
+        {
+            Event.COLOR_THEME_CHANGED
+        };
+        
+        this.MessageBus.ApplyFilters(this, components, eventsList.ToArray());
     }
 }