Теми та ресурсні словники у WPF

<!-- Light тема у ресурсах: -->
<SolidColorBrush x:Key="AppBackground" Color="#F9FAFB"/>

<!-- Кнопка з StaticResource ---                     -->
<!-- При зміні AppBackground після завантаження —    -->
<!-- Background кнопки НЕ зміниться                  -->
<Button Background="{StaticResource AppBackground}" Content="Не реагує на тему"/>

<!-- Кнопка з DynamicResource ---                    -->
<!-- При зміні AppBackground — Background оновиться  -->
<Button Background="{DynamicResource AppBackground}" Content="Реагує на тему"/>

MyApp/
├── App.xaml                ← реєстрація тем
├── Themes/
│   ├── Light.xaml          ← кольори світлої теми
│   └── Dark.xaml           ← кольори темної теми
├── Styles/
│   ├── Buttons.xaml        ← стилі кнопок (DynamicResource на кольори)
│   ├── TextBoxes.xaml      ← стилі полів вводу
│   ├── Typography.xaml     ← стилі тексту
│   └── Cards.xaml          ← стилі карток/панелей
└── Resources/
    ├── Icons.xaml          ← іконки (Path Geometry)
    └── Converters.xaml     ← ресурси конвертерів

<!-- Themes/Light.xaml -->
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <!--  Семантичні ключі — не "LightBlue", а "AppBackground"  -->
    <Color x:Key="AppBackgroundColor">#F9FAFB</Color>
    <Color x:Key="AppSurfaceColor">#FFFFFF</Color>
    <Color x:Key="AppBorderColor">#E5E7EB</Color>
    <Color x:Key="AppTextPrimaryColor">#111827</Color>
    <Color x:Key="AppTextSecondaryColor">#6B7280</Color>
    <Color x:Key="AppAccentColor">#4F46E5</Color>
    <Color x:Key="AppAccentHoverColor">#3730A3</Color>
    <Color x:Key="AppSuccessColor">#10B981</Color>
    <Color x:Key="AppDangerColor">#EF4444</Color>
    <Color x:Key="AppWarningColor">#F59E0B</Color>

    <!-- Brush-и на основі Color-ів -->
    <SolidColorBrush x:Key="AppBackgroundBrush"
                     Color="{StaticResource AppBackgroundColor}"/>
    <SolidColorBrush x:Key="AppSurfaceBrush"
                     Color="{StaticResource AppSurfaceColor}"/>
    <SolidColorBrush x:Key="AppBorderBrush"
                     Color="{StaticResource AppBorderColor}"/>
    <SolidColorBrush x:Key="AppTextPrimaryBrush"
                     Color="{StaticResource AppTextPrimaryColor}"/>
    <SolidColorBrush x:Key="AppTextSecondaryBrush"
                     Color="{StaticResource AppTextSecondaryColor}"/>
    <SolidColorBrush x:Key="AppAccentBrush"
                     Color="{StaticResource AppAccentColor}"/>
    <SolidColorBrush x:Key="AppAccentHoverBrush"
                     Color="{StaticResource AppAccentHoverColor}"/>
    <SolidColorBrush x:Key="AppSuccessBrush"
                     Color="{StaticResource AppSuccessColor}"/>
    <SolidColorBrush x:Key="AppDangerBrush"
                     Color="{StaticResource AppDangerColor}"/>

</ResourceDictionary>

<!-- Themes/Dark.xaml — ідентичні ключі, інші значення -->
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <Color x:Key="AppBackgroundColor">#0F172A</Color>
    <Color x:Key="AppSurfaceColor">#1E293B</Color>
    <Color x:Key="AppBorderColor">#334155</Color>
    <Color x:Key="AppTextPrimaryColor">#F8FAFC</Color>
    <Color x:Key="AppTextSecondaryColor">#94A3B8</Color>
    <Color x:Key="AppAccentColor">#818CF8</Color>
    <Color x:Key="AppAccentHoverColor">#A5B4FC</Color>
    <Color x:Key="AppSuccessColor">#34D399</Color>
    <Color x:Key="AppDangerColor">#F87171</Color>
    <Color x:Key="AppWarningColor">#FBBF24</Color>

    <SolidColorBrush x:Key="AppBackgroundBrush"
                     Color="{StaticResource AppBackgroundColor}"/>
    <SolidColorBrush x:Key="AppSurfaceBrush"
                     Color="{StaticResource AppSurfaceColor}"/>
    <SolidColorBrush x:Key="AppBorderBrush"
                     Color="{StaticResource AppBorderColor}"/>
    <SolidColorBrush x:Key="AppTextPrimaryBrush"
                     Color="{StaticResource AppTextPrimaryColor}"/>
    <SolidColorBrush x:Key="AppTextSecondaryBrush"
                     Color="{StaticResource AppTextSecondaryColor}"/>
    <SolidColorBrush x:Key="AppAccentBrush"
                     Color="{StaticResource AppAccentColor}"/>
    <SolidColorBrush x:Key="AppAccentHoverBrush"
                     Color="{StaticResource AppAccentHoverColor}"/>
    <SolidColorBrush x:Key="AppSuccessBrush"
                     Color="{StaticResource AppSuccessColor}"/>
    <SolidColorBrush x:Key="AppDangerBrush"
                     Color="{StaticResource AppDangerColor}"/>

</ResourceDictionary>

<!-- App.xaml -->
<Application x:Class="MyApp.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             StartupUri="MainWindow.xaml">

    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>

                <!-- 1. Спочатку тема (кольори) -->
                <ResourceDictionary Source="Themes/Light.xaml"/>

                <!-- 2. Потім стилі (посилаються на кольори через DynamicResource) -->
                <ResourceDictionary Source="Styles/Buttons.xaml"/>
                <ResourceDictionary Source="Styles/TextBoxes.xaml"/>
                <ResourceDictionary Source="Styles/Typography.xaml"/>
                <ResourceDictionary Source="Styles/Cards.xaml"/>

                <!-- 3. Ресурси (конвертери, іконки) -->
                <ResourceDictionary Source="Resources/Converters.xaml"/>

            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>

// Services/ThemeService.cs
public enum AppTheme { Light, Dark }

public static class ThemeService
{
    private const string LightThemeSource = "Themes/Light.xaml";
    private const string DarkThemeSource  = "Themes/Dark.xaml";

    public static AppTheme CurrentTheme { get; private set; } = AppTheme.Light;

    public static void ApplyTheme(AppTheme theme)
    {
        var mergedDicts = Application.Current.Resources.MergedDictionaries;

        // Знаходимо поточний словник теми (перший у MergedDictionaries)
        var themeDict = mergedDicts.FirstOrDefault(d =>
            d.Source?.OriginalString.Contains("Themes/") == true);

        if (themeDict != null)
            mergedDicts.Remove(themeDict);

        // Визначаємо URI нової теми
        var newThemeUri = theme == AppTheme.Dark
            ? new Uri(DarkThemeSource, UriKind.Relative)
            : new Uri(LightThemeSource, UriKind.Relative);

        // Завантажуємо та вставляємо новий словник
        var newThemeDict = new ResourceDictionary { Source = newThemeUri };
        mergedDicts.Insert(0, newThemeDict);  // Вставляємо на початок

        CurrentTheme = theme;
    }

    public static void ToggleTheme() =>
        ApplyTheme(CurrentTheme == AppTheme.Light ? AppTheme.Dark : AppTheme.Light);
}

// ViewModel: кнопка перемикання теми
public class SettingsViewModel : ObservableObject
{
    private bool _isDarkTheme = false;
    public bool IsDarkTheme
    {
        get => _isDarkTheme;
        set
        {
            SetProperty(ref _isDarkTheme, value);
            ThemeService.ApplyTheme(value ? AppTheme.Dark : AppTheme.Light);
        }
    }
}

<!-- SystemColors через StaticResource (один раз) -->
<Border Background="{x:Static SystemColors.WindowBrush}">
    <TextBlock Text="Системний колір вікна"
               Foreground="{x:Static SystemColors.WindowTextBrush}"/>
</Border>

<!-- SystemColors через DynamicResource (реагує на зміну теми ОС) -->
<Border Background="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}">
    <TextBlock Text="Колір виділення ОС"
               Foreground="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}"/>
</Border>