LanMountainDesktop/LanMountainDesktop/Styles/ComponentEditorThemeResources.axaml

<Styles xmlns="https://github.com/avaloniaui"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Style Selector="Window.component-editor-window">
        <Setter Property="Background" Value="{DynamicResource EditorWindowBackgroundBrush}" />
    </Style>

    <Style Selector="Window.component-editor-window TextBlock">
        <Setter Property="Foreground" Value="{DynamicResource ComponentEditorPrimaryTextBrush}" />
    </Style>

    <Style Selector="Window.component-editor-window PathIcon">
        <Setter Property="Foreground" Value="{DynamicResource ComponentEditorPrimaryTextBrush}" />
    </Style>

    <Style Selector="ComboBox.component-editor-select">
        <Setter Property="Foreground" Value="{DynamicResource ComponentEditorPrimaryTextBrush}" />
        <Setter Property="Background" Value="{DynamicResource EditorSelectFieldBackgroundBrush}" />
        <Setter Property="BorderBrush" Value="{DynamicResource EditorSelectOutlineBrush}" />
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="CornerRadius" Value="18" />
        <Setter Property="Padding" Value="16,14,12,14" />
        <Setter Property="MinHeight" Value="56" />
        <Setter Property="FontSize" Value="14" />
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
    </Style>

    <Style Selector="ComboBox.component-editor-select:pointerover">
        <Setter Property="Background" Value="{DynamicResource EditorSelectFieldHoverBrush}" />
        <Setter Property="BorderBrush" Value="{DynamicResource EditorSelectOutlineStrongBrush}" />
    </Style>

    <Style Selector="ComboBox.component-editor-select:focus">
        <Setter Property="Background" Value="{DynamicResource EditorSelectFieldFocusBrush}" />
        <Setter Property="BorderBrush" Value="{DynamicResource EditorSelectOutlineStrongBrush}" />
    </Style>

    <Style Selector="ComboBox.component-editor-select /template/ ToggleButton">
        <Setter Property="Background" Value="{DynamicResource EditorSelectFieldBackgroundBrush}" />
        <Setter Property="BorderBrush" Value="{DynamicResource EditorSelectOutlineBrush}" />
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="CornerRadius" Value="18" />
        <Setter Property="Padding" Value="16,14,12,14" />
        <Setter Property="MinHeight" Value="56" />
        <Setter Property="Foreground" Value="{DynamicResource ComponentEditorPrimaryTextBrush}" />
    </Style>

    <Style Selector="ComboBox.component-editor-select:pointerover /template/ ToggleButton">
        <Setter Property="Background" Value="{DynamicResource EditorSelectFieldHoverBrush}" />
        <Setter Property="BorderBrush" Value="{DynamicResource EditorSelectOutlineStrongBrush}" />
    </Style>

    <Style Selector="ComboBox.component-editor-select:focus /template/ ToggleButton">
        <Setter Property="Background" Value="{DynamicResource EditorSelectFieldFocusBrush}" />
        <Setter Property="BorderBrush" Value="{DynamicResource EditorSelectOutlineStrongBrush}" />
    </Style>

    <Style Selector="ComboBoxItem.component-editor-select-item">
        <Setter Property="Foreground" Value="{DynamicResource ComponentEditorPrimaryTextBrush}" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="Padding" Value="16,12" />
        <Setter Property="Margin" Value="6,4" />
        <Setter Property="CornerRadius" Value="14" />
        <Setter Property="MinHeight" Value="44" />
    </Style>

    <Style Selector="ComboBoxItem.component-editor-select-item:pointerover">
        <Setter Property="Background" Value="{DynamicResource EditorSelectMenuItemHoverBrush}" />
    </Style>

    <Style Selector="ComboBoxItem.component-editor-select-item:selected">
        <Setter Property="Background" Value="{DynamicResource EditorSelectMenuItemSelectedBrush}" />
        <Setter Property="Foreground" Value="{DynamicResource ComponentEditorPrimaryTextBrush}" />
    </Style>

    <Style Selector="Window.component-editor-window RadioButton">
        <Setter Property="Foreground" Value="{DynamicResource ComponentEditorPrimaryTextBrush}" />
    </Style>

    <Style Selector="Window.component-editor-window ToggleSwitch">
        <Setter Property="Foreground" Value="{DynamicResource ComponentEditorPrimaryTextBrush}" />
    </Style>

    <Style Selector="Border.component-editor-segmented-host">
        <Setter Property="Background" Value="{DynamicResource EditorSurfaceContainerHighBrush}" />
        <Setter Property="BorderBrush" Value="{DynamicResource EditorSelectOutlineBrush}" />
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="CornerRadius" Value="20" />
        <Setter Property="Padding" Value="4" />
    </Style>

    <Style Selector="ToggleButton.component-editor-segmented-choice">
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="BorderBrush" Value="Transparent" />
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="CornerRadius" Value="16" />
        <Setter Property="Padding" Value="18,12" />
        <Setter Property="MinHeight" Value="48" />
        <Setter Property="FontSize" Value="14" />
        <Setter Property="FontWeight" Value="SemiBold" />
        <Setter Property="Foreground" Value="{DynamicResource ComponentEditorSecondaryTextBrush}" />
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
    </Style>

    <Style Selector="ToggleButton.component-editor-segmented-choice:pointerover">
        <Setter Property="Background" Value="{DynamicResource EditorSelectMenuItemHoverBrush}" />
        <Setter Property="Foreground" Value="{DynamicResource ComponentEditorPrimaryTextBrush}" />
    </Style>

    <Style Selector="ToggleButton.component-editor-segmented-choice:checked">
        <Setter Property="Background" Value="{DynamicResource EditorPrimaryBrush}" />
        <Setter Property="Foreground" Value="{DynamicResource EditorOnPrimaryBrush}" />
        <Setter Property="BorderBrush" Value="{DynamicResource EditorPrimaryBrush}" />
        <Setter Property="BorderThickness" Value="1" />
    </Style>

    <Style Selector="ToggleButton.component-editor-segmented-choice:checked:pointerover">
        <Setter Property="Background" Value="{DynamicResource EditorPrimaryBrush}" />
        <Setter Property="Foreground" Value="{DynamicResource EditorOnPrimaryBrush}" />
    </Style>

    <Style Selector="Border.component-editor-hero-card">
        <Setter Property="Background" Value="{DynamicResource ComponentEditorHeroBackgroundBrush}" />
        <Setter Property="BorderBrush" Value="{DynamicResource ComponentEditorCardBorderBrush}" />
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="CornerRadius" Value="28" />
    </Style>

    <Style Selector="Border.component-editor-card">
        <Setter Property="Background" Value="{DynamicResource ComponentEditorCardBackgroundBrush}" />
        <Setter Property="BorderBrush" Value="{DynamicResource ComponentEditorCardBorderBrush}" />
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="CornerRadius" Value="24" />
    </Style>

    <Style Selector="TextBlock.component-editor-headline">
        <Setter Property="FontSize" Value="22" />
        <Setter Property="FontWeight" Value="Normal" />
    </Style>

    <Style Selector="TextBlock.component-editor-section-title">
        <Setter Property="FontSize" Value="14" />
        <Setter Property="FontWeight" Value="Medium" />
        <Setter Property="Foreground" Value="{DynamicResource EditorPrimaryBrush}" />
    </Style>

    <Style Selector="TextBlock.component-editor-secondary-text">
        <Setter Property="Foreground" Value="{DynamicResource ComponentEditorSecondaryTextBrush}" />
        <Setter Property="FontSize" Value="14" />
    </Style>

    <Style Selector="Button.component-editor-titlebar-button">
        <Setter Property="Width" Value="36" />
        <Setter Property="Height" Value="36" />
        <Setter Property="Padding" Value="0" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="BorderBrush" Value="Transparent" />
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="Foreground" Value="{DynamicResource ComponentEditorPrimaryTextBrush}" />
    </Style>

    <Style Selector="Button.component-editor-titlebar-button:pointerover">
        <Setter Property="Background" Value="{DynamicResource EditorTitleBarButtonHoverBrush}" />
    </Style>

    <Style Selector="Button.component-editor-footer-button">
        <Setter Property="MinWidth" Value="96" />
        <Setter Property="Padding" Value="16,10" />
    </Style>

    <Style Selector="ScrollViewer.component-editor-scroll-host">
        <Setter Property="Background" Value="Transparent" />
    </Style>
</Styles>