App.xaml

<?xml version="1.0" encoding="UTF-8" ?>
<Application
    x:Class="LlamaApp.App"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="using:LlamaApp"
    xmlns:imaging="using:Microsoft.UI.Xaml.Media.Imaging"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <XamlControlsResources xmlns="using:Microsoft.UI.Xaml.Controls" />
                <!-- Other merged dictionaries here -->
            </ResourceDictionary.MergedDictionaries>

            <!-- Theme-aware brand logo: the white glyph vanishes on the light
                 Mica surface and the dark glyph on the dark one, so each OS
                 theme gets the variant with contrast. Referenced from the
                 window headers via {ThemeResource BrandLogoSource}; re-resolves
                 automatically when the OS theme flips at runtime. -->
            <ResourceDictionary.ThemeDictionaries>
                <ResourceDictionary x:Key="Light">
                    <imaging:SvgImageSource x:Key="BrandLogoSource"
                                            UriSource="ms-appx:///Assets/llama.svg" />
                </ResourceDictionary>
                <ResourceDictionary x:Key="Dark">
                    <imaging:SvgImageSource x:Key="BrandLogoSource"
                                            UriSource="ms-appx:///Assets/llama-white.svg" />
                </ResourceDictionary>
                <ResourceDictionary x:Key="Default">
                    <imaging:SvgImageSource x:Key="BrandLogoSource"
                                            UriSource="ms-appx:///Assets/llama-white.svg" />
                </ResourceDictionary>
            </ResourceDictionary.ThemeDictionaries>
            <!-- Other app resources here -->
            <Color x:Key="Primary">#512BD4</Color>

            <SolidColorBrush x:Key="PrimaryBrush" Color="{StaticResource Primary}" />
            <SolidColorBrush x:Key="WhiteBrush" Color="White" />
            <SolidColorBrush x:Key="BlackBrush" Color="Black" />

            <!-- Brand accent (orange): the app's single accent color, used
                 instead of the system accent for brand moments — settings
                 icon tiles, nav selection pill, status dots. -->
            <SolidColorBrush x:Key="BrandAccentBrush" Color="#FF8A3D" />

            <!-- App background: dark gray instead of the default ~black (#202020). -->
            <!-- Tune the hex: #282828 / #2D2D30 / #333333 are good dark-gray values. -->
            <SolidColorBrush x:Key="ApplicationPageBackgroundThemeBrush" Color="#2D2D30" />

            <x:Double x:Key="AppFontSize">14</x:Double>

            <Style x:Key="MyLabel" TargetType="TextBlock">
                <Setter Property="Foreground"
                        Value="{StaticResource PrimaryBrush}" />
            </Style>

            <Style x:Key="Action" TargetType="Button">
                <Setter Property="FontSize"
                        Value="{StaticResource AppFontSize}" />
                <Setter Property="Padding"
                        Value="14,10" />
            </Style>

            <Style x:Key="PrimaryAction"
                   TargetType="Button"
                   BasedOn="{StaticResource Action}">
                <Setter Property="Background"
                        Value="{StaticResource PrimaryBrush}" />
                <Setter Property="CornerRadius"
                        Value="8" />
                <Setter Property="Foreground"
                        Value="{StaticResource WhiteBrush}" />
            </Style>
        </ResourceDictionary>
    </Application.Resources>
</Application>