579 lines
34 KiB
XML
579 lines
34 KiB
XML
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:sys="clr-namespace:System;assembly=mscorlib">
|
|
|
|
<!-- 폰트 (테마 무관) — 한국어 가독성 프리셋 Pretendard(UC-F12) 우선 + 폴백 체인.
|
|
브러시/폰트/토큰 참조는 DynamicResource 로 연결해 테마·폰트·설정 변경이 즉시 반영된다(UC-T04). -->
|
|
<FontFamily x:Key="UiFont">Pretendard, Segoe UI Variable Text, Segoe UI, Malgun Gothic</FontFamily>
|
|
<FontFamily x:Key="IconFont">Segoe Fluent Icons</FontFamily>
|
|
<FontFamily x:Key="MonoFont">Cascadia Mono, Consolas, Courier New</FontFamily>
|
|
|
|
<!-- ===== 디자인 토큰 (§B 타이포그래피 · §C 레이아웃 · UC-L22 지속시간) ===== -->
|
|
<sys:Double x:Key="FontSize.Base">13</sys:Double>
|
|
<sys:Double x:Key="FontSize.Small">11.5</sys:Double>
|
|
<sys:Double x:Key="FontSize.Large">16</sys:Double>
|
|
<sys:Double x:Key="FontSize.XLarge">22</sys:Double>
|
|
<sys:Double x:Key="IconSize.Small">14</sys:Double>
|
|
<sys:Double x:Key="Type.LineHeight">1.5</sys:Double>
|
|
|
|
<Thickness x:Key="Spacing.S">4,4,4,4</Thickness>
|
|
<Thickness x:Key="Spacing.M">8,8,8,8</Thickness>
|
|
<Thickness x:Key="Spacing.L">16,16,16,16</Thickness>
|
|
<CornerRadius x:Key="CornerRadius.Card">12</CornerRadius>
|
|
|
|
<Duration x:Key="Duration.Fast">0:0:0.15</Duration>
|
|
<Duration x:Key="Duration.Normal">0:0:0.3</Duration>
|
|
<!-- UC-A16/L21: ReduceMotion 켜면 App 이 Duration 토큰들을 0으로 교체해 애니메이션을 즉시 완결시킨다. -->
|
|
<sys:Boolean x:Key="ReduceMotion">False</sys:Boolean>
|
|
|
|
<!-- ===== 그림자 토큰 (UC-T23/T24) ===== -->
|
|
<DropShadowEffect x:Key="TooltipShadow" Color="#000000" Opacity="0.45" BlurRadius="14" ShadowDepth="3" Direction="270"/>
|
|
<DropShadowEffect x:Key="PopupShadow" Color="#000000" Opacity="0.4" BlurRadius="20" ShadowDepth="5" Direction="270"/>
|
|
|
|
<!-- ===== 스크롤바 썸 전용 색 (UC-T22) ===== -->
|
|
<SolidColorBrush x:Key="ScrollBarThumbBrush" Color="#555C70"/>
|
|
|
|
<!-- ===== 탭 그룹 색 팔레트 (UC-B17) — MainWindow 탭 컨텍스트 메뉴가 사용 ===== -->
|
|
<x:Array x:Key="GroupPalette" Type="SolidColorBrush">
|
|
<SolidColorBrush Color="#E74C3C"/>
|
|
<SolidColorBrush Color="#3498DB"/>
|
|
<SolidColorBrush Color="#2ECC71"/>
|
|
<SolidColorBrush Color="#F39C12"/>
|
|
<SolidColorBrush Color="#9B59B6"/>
|
|
<SolidColorBrush Color="#E91E8C"/>
|
|
</x:Array>
|
|
|
|
<!-- 암시 스타일: 모든 텍스트가 UI 폰트로 통일(Foreground 는 상속 존중) -->
|
|
<Style TargetType="TextBlock">
|
|
<Setter Property="FontFamily" Value="{DynamicResource UiFont}"/>
|
|
<Setter Property="SnapsToDevicePixels" Value="True"/>
|
|
</Style>
|
|
<Style TargetType="ToolTip">
|
|
<Setter Property="FontFamily" Value="{DynamicResource UiFont}"/>
|
|
<Setter Property="Foreground" Value="{DynamicResource TextPrimary}"/>
|
|
<Setter Property="Background" Value="{DynamicResource CardBg}"/>
|
|
<Setter Property="BorderBrush" Value="{DynamicResource BorderBrush}"/>
|
|
<Setter Property="FontSize" Value="12"/>
|
|
<Setter Property="Padding" Value="10,6"/>
|
|
<!-- UC-T23 툴팁 그림자 -->
|
|
<Setter Property="Effect" Value="{StaticResource TooltipShadow}"/>
|
|
</Style>
|
|
|
|
<!-- UC-A05 키보드 포커스 링 — 모든 인터랙티브 스타일이 참조 -->
|
|
<Style x:Key="FocusVisual">
|
|
<Setter Property="Control.Margin" Value="2"/>
|
|
<Setter Property="Control.Template">
|
|
<Setter.Value>
|
|
<ControlTemplate>
|
|
<Rectangle Margin="2" StrokeThickness="1.5" Stroke="{DynamicResource FocusAdornerBrush}"
|
|
StrokeDashArray="4 2" SnapsToDevicePixels="True"/>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<!-- ===== 공용 텍스트 스타일 (§B) ===== -->
|
|
<Style x:Key="Type.H1" TargetType="TextBlock">
|
|
<Setter Property="FontFamily" Value="{DynamicResource UiFont}"/>
|
|
<Setter Property="FontSize" Value="{DynamicResource FontSize.XLarge}"/>
|
|
<Setter Property="FontWeight" Value="Bold"/>
|
|
<Setter Property="LineHeight" Value="{DynamicResource Type.LineHeight}"/>
|
|
<Setter Property="Foreground" Value="{DynamicResource TextPrimary}"/>
|
|
</Style>
|
|
<Style x:Key="Type.Body" TargetType="TextBlock">
|
|
<Setter Property="FontFamily" Value="{DynamicResource UiFont}"/>
|
|
<Setter Property="FontSize" Value="{DynamicResource FontSize.Base}"/>
|
|
<Setter Property="LineHeight" Value="{DynamicResource Type.LineHeight}"/>
|
|
<Setter Property="Foreground" Value="{DynamicResource TextPrimary}"/>
|
|
<Setter Property="TextWrapping" Value="Wrap"/>
|
|
</Style>
|
|
<Style x:Key="Type.Caption" TargetType="TextBlock">
|
|
<Setter Property="FontFamily" Value="{DynamicResource UiFont}"/>
|
|
<Setter Property="FontSize" Value="{DynamicResource FontSize.Small}"/>
|
|
<Setter Property="Foreground" Value="{DynamicResource TextMuted}"/>
|
|
<Setter Property="TextWrapping" Value="Wrap"/>
|
|
</Style>
|
|
<!-- UC-F11 등폭 숫자 — 진행률·속도 표기에 사용 -->
|
|
<Style x:Key="Type.Mono" TargetType="TextBlock">
|
|
<Setter Property="FontFamily" Value="{DynamicResource MonoFont}"/>
|
|
<Setter Property="FontSize" Value="{DynamicResource FontSize.Small}"/>
|
|
<Setter Property="Foreground" Value="{DynamicResource TextSecondary}"/>
|
|
</Style>
|
|
<!-- UC-F19 탭 제목 -->
|
|
<Style x:Key="TabTitleStyle" TargetType="TextBlock">
|
|
<Setter Property="FontFamily" Value="{DynamicResource UiFont}"/>
|
|
<Setter Property="FontSize" Value="12"/>
|
|
<Setter Property="VerticalAlignment" Value="Center"/>
|
|
<Setter Property="TextTrimming" Value="CharacterEllipsis"/>
|
|
</Style>
|
|
<!-- UC-F20 상태바 텍스트 -->
|
|
<Style x:Key="StatusTextStyle" TargetType="TextBlock">
|
|
<Setter Property="FontFamily" Value="{DynamicResource UiFont}"/>
|
|
<Setter Property="FontSize" Value="11.5"/>
|
|
<Setter Property="Foreground" Value="{DynamicResource TextSecondary}"/>
|
|
<Setter Property="TextTrimming" Value="CharacterEllipsis"/>
|
|
</Style>
|
|
<!-- UC-N17 빈 상태 안내 -->
|
|
<Style x:Key="EmptyStateStyle" TargetType="Border">
|
|
<Setter Property="Background" Value="Transparent"/>
|
|
<Setter Property="BorderBrush" Value="{DynamicResource BorderSubtle}"/>
|
|
<Setter Property="BorderThickness" Value="1"/>
|
|
<Setter Property="CornerRadius" Value="10"/>
|
|
<Setter Property="Padding" Value="16"/>
|
|
<Setter Property="Margin" Value="8"/>
|
|
</Style>
|
|
|
|
<!-- ===== Primary 버튼 ===== -->
|
|
<Style x:Key="PrimaryButton" TargetType="Button">
|
|
<Setter Property="FontFamily" Value="{DynamicResource UiFont}"/>
|
|
<Setter Property="Foreground" Value="White"/>
|
|
<Setter Property="FontWeight" Value="SemiBold"/>
|
|
<Setter Property="FontSize" Value="13"/>
|
|
<Setter Property="Padding" Value="16,8"/>
|
|
<Setter Property="Cursor" Value="Hand"/>
|
|
<Setter Property="BorderThickness" Value="0"/>
|
|
<Setter Property="SnapsToDevicePixels" Value="True"/>
|
|
<Setter Property="FocusVisualStyle" Value="{StaticResource FocusVisual}"/>
|
|
<Setter Property="RenderTransformOrigin" Value="0.5,0.5"/>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="Button">
|
|
<Border x:Name="bd" Background="{DynamicResource AccentGradient}" CornerRadius="8" Padding="{TemplateBinding Padding}">
|
|
<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
|
|
</Border>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsMouseOver" Value="True"><Setter TargetName="bd" Property="Opacity" Value="0.9"/></Trigger>
|
|
<Trigger Property="IsPressed" Value="True">
|
|
<Setter TargetName="bd" Property="RenderTransform"><Setter.Value><ScaleTransform ScaleX="0.97" ScaleY="0.97"/></Setter.Value></Setter>
|
|
</Trigger>
|
|
<Trigger Property="IsEnabled" Value="False">
|
|
<Setter TargetName="bd" Property="Opacity" Value="0.35"/>
|
|
<Setter Property="Foreground" Value="{DynamicResource TextDisabled}"/>
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<!-- ===== Ghost 버튼 ===== -->
|
|
<Style x:Key="GhostButton" TargetType="Button">
|
|
<Setter Property="FontFamily" Value="{DynamicResource UiFont}"/>
|
|
<Setter Property="Foreground" Value="{DynamicResource TextSecondary}"/>
|
|
<Setter Property="FontSize" Value="13"/>
|
|
<Setter Property="Padding" Value="12,7"/>
|
|
<Setter Property="Cursor" Value="Hand"/>
|
|
<Setter Property="SnapsToDevicePixels" Value="True"/>
|
|
<Setter Property="FocusVisualStyle" Value="{StaticResource FocusVisual}"/>
|
|
<Setter Property="RenderTransformOrigin" Value="0.5,0.5"/>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="Button">
|
|
<Border x:Name="bd" Background="{DynamicResource GlassBg}" BorderBrush="{DynamicResource BorderBrush}" BorderThickness="1" CornerRadius="8" Padding="{TemplateBinding Padding}">
|
|
<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
|
|
</Border>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter TargetName="bd" Property="Background" Value="{DynamicResource CardBgHover}"/>
|
|
<Setter TargetName="bd" Property="BorderBrush" Value="{DynamicResource AccentBrush}"/>
|
|
<Setter Property="Foreground" Value="{DynamicResource TextPrimary}"/>
|
|
</Trigger>
|
|
<Trigger Property="IsPressed" Value="True">
|
|
<Setter TargetName="bd" Property="RenderTransform"><Setter.Value><ScaleTransform ScaleX="0.97" ScaleY="0.97"/></Setter.Value></Setter>
|
|
</Trigger>
|
|
<Trigger Property="IsEnabled" Value="False">
|
|
<Setter TargetName="bd" Property="Opacity" Value="0.4"/>
|
|
<Setter Property="Foreground" Value="{DynamicResource TextDisabled}"/>
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<!-- ===== 아이콘 전용 버튼 (Fluent) ===== -->
|
|
<Style x:Key="IconButton" TargetType="Button" BasedOn="{StaticResource GhostButton}">
|
|
<Setter Property="FontFamily" Value="{DynamicResource IconFont}"/>
|
|
<Setter Property="FontSize" Value="14"/>
|
|
<Setter Property="Padding" Value="10,0"/>
|
|
<Setter Property="Height" Value="32"/>
|
|
<Setter Property="Foreground" Value="{DynamicResource TextSecondary}"/>
|
|
</Style>
|
|
|
|
<!-- ===== Fluent 아이콘 TextBlock ===== -->
|
|
<Style x:Key="FluentIcon" TargetType="TextBlock">
|
|
<Setter Property="FontFamily" Value="{DynamicResource IconFont}"/>
|
|
<Setter Property="HorizontalAlignment" Value="Center"/>
|
|
<Setter Property="VerticalAlignment" Value="Center"/>
|
|
</Style>
|
|
|
|
<!-- ===== 윈도우 캡션 버튼 (최소화/최대화/복원) — 고정폭, 서로 밀착(네이티브 Fluent) ===== -->
|
|
<Style x:Key="CaptionButton" TargetType="Button" BasedOn="{StaticResource GhostButton}">
|
|
<Setter Property="FontFamily" Value="{DynamicResource IconFont}"/>
|
|
<Setter Property="FontSize" Value="11"/>
|
|
<Setter Property="Padding" Value="0"/>
|
|
<Setter Property="Width" Value="46"/>
|
|
<Setter Property="Height" Value="32"/>
|
|
<Setter Property="Foreground" Value="{DynamicResource TextSecondary}"/>
|
|
<Setter Property="Cursor" Value="Arrow"/>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="Button">
|
|
<Border x:Name="bd" Background="Transparent">
|
|
<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
|
|
</Border>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter TargetName="bd" Property="Background" Value="{DynamicResource CardBgHover}"/>
|
|
<Setter Property="Foreground" Value="{DynamicResource TextPrimary}"/>
|
|
</Trigger>
|
|
<Trigger Property="IsPressed" Value="True">
|
|
<Setter TargetName="bd" Property="Background" Value="{DynamicResource BorderBrush}"/>
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<!-- ===== 닫기 버튼 — 빨간 호버 (Fluent 표준) ===== -->
|
|
<Style x:Key="CloseButton" TargetType="Button" BasedOn="{StaticResource CaptionButton}">
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="Button">
|
|
<Border x:Name="bd" Background="Transparent">
|
|
<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
|
|
</Border>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter TargetName="bd" Property="Background" Value="#E81123"/>
|
|
<Setter Property="Foreground" Value="White"/>
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<!-- ===== 작은 카드 액션 버튼 ===== -->
|
|
<Style x:Key="CardActionButton" TargetType="Button" BasedOn="{StaticResource GhostButton}">
|
|
<Setter Property="Padding" Value="10,5"/>
|
|
<Setter Property="FontSize" Value="11"/>
|
|
</Style>
|
|
|
|
<!-- ===== 투명 행 버튼 ===== -->
|
|
<Style x:Key="FlatButton" TargetType="Button">
|
|
<Setter Property="FontFamily" Value="{DynamicResource UiFont}"/>
|
|
<Setter Property="Background" Value="Transparent"/>
|
|
<Setter Property="BorderThickness" Value="0"/>
|
|
<Setter Property="Foreground" Value="{DynamicResource TextPrimary}"/>
|
|
<Setter Property="Padding" Value="10,7"/>
|
|
<Setter Property="Cursor" Value="Hand"/>
|
|
<Setter Property="SnapsToDevicePixels" Value="True"/>
|
|
<Setter Property="FocusVisualStyle" Value="{StaticResource FocusVisual}"/>
|
|
<Setter Property="HorizontalContentAlignment" Value="Left"/>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="Button">
|
|
<Border x:Name="bd" Background="Transparent" CornerRadius="7" Padding="{TemplateBinding Padding}">
|
|
<ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="Center"/>
|
|
</Border>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsMouseOver" Value="True"><Setter TargetName="bd" Property="Background" Value="{DynamicResource CardBgHover}"/></Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<!-- ===== 주소창 자동완성 제안 목록 ===== -->
|
|
<Style x:Key="SuggestList" TargetType="ListBox">
|
|
<Setter Property="Background" Value="Transparent"/>
|
|
<Setter Property="BorderThickness" Value="0"/>
|
|
<Setter Property="Padding" Value="0"/>
|
|
<Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Disabled"/>
|
|
<Setter Property="MaxHeight" Value="360"/>
|
|
</Style>
|
|
<Style x:Key="SuggestItem" TargetType="ListBoxItem">
|
|
<Setter Property="Padding" Value="12,7"/>
|
|
<Setter Property="Foreground" Value="{DynamicResource TextPrimary}"/>
|
|
<Setter Property="Cursor" Value="Hand"/>
|
|
<Setter Property="FocusVisualStyle" Value="{StaticResource FocusVisual}"/>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="ListBoxItem">
|
|
<Border x:Name="bd" Background="Transparent" CornerRadius="7" Padding="{TemplateBinding Padding}">
|
|
<ContentPresenter/>
|
|
</Border>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsMouseOver" Value="True"><Setter TargetName="bd" Property="Background" Value="{DynamicResource CardBgHover}"/></Trigger>
|
|
<Trigger Property="IsSelected" Value="True"><Setter TargetName="bd" Property="Background" Value="{DynamicResource GlassBg}"/></Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<!-- ===== TextBox ===== -->
|
|
<Style x:Key="DarkTextBox" TargetType="TextBox">
|
|
<Setter Property="FontFamily" Value="{DynamicResource UiFont}"/>
|
|
<Setter Property="Foreground" Value="{DynamicResource TextPrimary}"/>
|
|
<Setter Property="Background" Value="{DynamicResource GlassBg}"/>
|
|
<Setter Property="CaretBrush" Value="{DynamicResource TextPrimary}"/>
|
|
<Setter Property="SelectionBrush" Value="{DynamicResource SelectionBrush}"/>
|
|
<Setter Property="BorderBrush" Value="{DynamicResource BorderBrush}"/>
|
|
<Setter Property="BorderThickness" Value="1"/>
|
|
<Setter Property="Padding" Value="10,8"/>
|
|
<Setter Property="FontSize" Value="13"/>
|
|
<Setter Property="SnapsToDevicePixels" Value="True"/>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="TextBox">
|
|
<Border x:Name="bd" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1" CornerRadius="8">
|
|
<ScrollViewer x:Name="PART_ContentHost" Margin="{TemplateBinding Padding}"
|
|
Focusable="False" HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Hidden"/>
|
|
</Border>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsKeyboardFocused" Value="True"><Setter TargetName="bd" Property="BorderBrush" Value="{DynamicResource AccentBrush}"/></Trigger>
|
|
<Trigger Property="IsEnabled" Value="False"><Setter Property="Foreground" Value="{DynamicResource TextDisabled}"/></Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<!-- ===== ProgressBar (UC-T10: 하드코딩 색 제거 — 테마 강조 리소스만 참조) ===== -->
|
|
<Style x:Key="AccentProgressBar" TargetType="ProgressBar">
|
|
<Setter Property="Height" Value="8"/>
|
|
<Setter Property="Focusable" Value="False"/>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="ProgressBar">
|
|
<Grid>
|
|
<!-- PART_Track 이 있어야 ProgressBar 가 PART_Indicator 폭을(Value/Maximum 비율) 계산한다.
|
|
없으면 바가 절대 채워지지 않는 치명 결함이었음. -->
|
|
<Border x:Name="PART_Track" CornerRadius="4" Background="{DynamicResource TrackBrush}"/>
|
|
<Border x:Name="PART_Indicator" CornerRadius="4" HorizontalAlignment="Left"
|
|
Background="{DynamicResource AccentGradient}"/>
|
|
</Grid>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<!-- ===== 부정확(길이 미상) 진행률 바 ===== -->
|
|
<Style x:Key="IndeterminateBar" TargetType="ProgressBar">
|
|
<Setter Property="Height" Value="8"/>
|
|
<Setter Property="Focusable" Value="False"/>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="ProgressBar">
|
|
<Grid ClipToBounds="True">
|
|
<Border CornerRadius="4" Background="{DynamicResource TrackBrush}"/>
|
|
<Border x:Name="shimmer" Width="48" CornerRadius="4" HorizontalAlignment="Left" RenderTransformOrigin="0,0"
|
|
Background="{DynamicResource AccentBrush}" Opacity="0.85">
|
|
<Border.RenderTransform><TranslateTransform X="-50"/></Border.RenderTransform>
|
|
</Border>
|
|
</Grid>
|
|
<ControlTemplate.Triggers>
|
|
<EventTrigger RoutedEvent="FrameworkElement.Loaded">
|
|
<BeginStoryboard>
|
|
<Storyboard>
|
|
<DoubleAnimation Storyboard.TargetName="shimmer"
|
|
Storyboard.TargetProperty="(UIElement.RenderTransform).(TranslateTransform.X)"
|
|
From="-50" To="470" Duration="{DynamicResource Duration.Normal}" RepeatBehavior="Forever"/>
|
|
</Storyboard>
|
|
</BeginStoryboard>
|
|
</EventTrigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<!-- ===== CheckBox ===== -->
|
|
<Style x:Key="DarkCheckBox" TargetType="CheckBox">
|
|
<Setter Property="FontFamily" Value="{DynamicResource UiFont}"/>
|
|
<Setter Property="Foreground" Value="{DynamicResource TextPrimary}"/>
|
|
<Setter Property="FontSize" Value="13"/>
|
|
<Setter Property="Cursor" Value="Hand"/>
|
|
<Setter Property="FocusVisualStyle" Value="{StaticResource FocusVisual}"/>
|
|
<Setter Property="SnapsToDevicePixels" Value="True"/>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="CheckBox">
|
|
<StackPanel Orientation="Horizontal" Background="Transparent">
|
|
<Border x:Name="box" Width="18" Height="18" CornerRadius="5" Background="{DynamicResource GlassBg}" BorderBrush="{DynamicResource BorderBrush}" BorderThickness="1.5">
|
|
<Path x:Name="check" Width="10" Height="10" Stretch="Uniform" Data="M 0 5 L 4 9 L 10 0" Stroke="White" StrokeThickness="2" HorizontalAlignment="Center" VerticalAlignment="Center" Visibility="Collapsed"/>
|
|
</Border>
|
|
<ContentPresenter VerticalAlignment="Center" Margin="8,0,0,0"/>
|
|
</StackPanel>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsChecked" Value="True">
|
|
<Setter TargetName="box" Property="Background" Value="{DynamicResource AccentGradient}"/>
|
|
<Setter TargetName="box" Property="BorderBrush" Value="Transparent"/>
|
|
<Setter TargetName="check" Property="Visibility" Value="Visible"/>
|
|
</Trigger>
|
|
<Trigger Property="IsMouseOver" Value="True"><Setter TargetName="box" Property="BorderBrush" Value="{DynamicResource AccentBrush}"/></Trigger>
|
|
<Trigger Property="IsEnabled" Value="False"><Setter Property="Foreground" Value="{DynamicResource TextDisabled}"/></Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<!-- ===== RadioButton(DarkCheckBox 와 같은 모양, 라디오 그룹용) ===== -->
|
|
<Style x:Key="DarkRadioButton" TargetType="RadioButton">
|
|
<Setter Property="FontFamily" Value="{DynamicResource UiFont}"/>
|
|
<Setter Property="Foreground" Value="{DynamicResource TextPrimary}"/>
|
|
<Setter Property="FontSize" Value="13"/>
|
|
<Setter Property="Cursor" Value="Hand"/>
|
|
<Setter Property="FocusVisualStyle" Value="{StaticResource FocusVisual}"/>
|
|
<Setter Property="SnapsToDevicePixels" Value="True"/>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="RadioButton">
|
|
<StackPanel Orientation="Horizontal" Background="Transparent">
|
|
<Border x:Name="box" Width="18" Height="18" CornerRadius="9" Background="{DynamicResource GlassBg}" BorderBrush="{DynamicResource BorderBrush}" BorderThickness="1.5">
|
|
<Ellipse x:Name="dot" Width="8" Height="8" Fill="White" HorizontalAlignment="Center" VerticalAlignment="Center" Visibility="Collapsed"/>
|
|
</Border>
|
|
<ContentPresenter VerticalAlignment="Center" Margin="8,0,0,0"/>
|
|
</StackPanel>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsChecked" Value="True">
|
|
<Setter TargetName="box" Property="Background" Value="{DynamicResource AccentGradient}"/>
|
|
<Setter TargetName="box" Property="BorderBrush" Value="Transparent"/>
|
|
<Setter TargetName="dot" Property="Visibility" Value="Visible"/>
|
|
</Trigger>
|
|
<Trigger Property="IsMouseOver" Value="True"><Setter TargetName="box" Property="BorderBrush" Value="{DynamicResource AccentBrush}"/></Trigger>
|
|
<Trigger Property="IsEnabled" Value="False"><Setter Property="Foreground" Value="{DynamicResource TextDisabled}"/></Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<!-- ===== ComboBox ===== -->
|
|
<Style x:Key="DarkComboBox" TargetType="ComboBox">
|
|
<Setter Property="FontFamily" Value="{DynamicResource UiFont}"/>
|
|
<Setter Property="Foreground" Value="{DynamicResource TextPrimary}"/>
|
|
<Setter Property="Background" Value="{DynamicResource GlassBg}"/>
|
|
<Setter Property="BorderBrush" Value="{DynamicResource BorderBrush}"/>
|
|
<Setter Property="BorderThickness" Value="1"/>
|
|
<Setter Property="Padding" Value="10,6"/>
|
|
<Setter Property="FontSize" Value="12"/>
|
|
<Setter Property="Cursor" Value="Hand"/>
|
|
<Setter Property="FocusVisualStyle" Value="{StaticResource FocusVisual}"/>
|
|
<Setter Property="SnapsToDevicePixels" Value="True"/>
|
|
<Setter Property="ItemContainerStyle">
|
|
<Setter.Value>
|
|
<Style TargetType="ComboBoxItem">
|
|
<Setter Property="Foreground" Value="{DynamicResource TextPrimary}"/>
|
|
<Setter Property="Padding" Value="10,5"/>
|
|
<Setter Property="Cursor" Value="Hand"/>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="ComboBoxItem">
|
|
<Border x:Name="ibd" Background="Transparent" CornerRadius="5" Padding="{TemplateBinding Padding}">
|
|
<ContentPresenter/>
|
|
</Border>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter TargetName="ibd" Property="Background" Value="{DynamicResource AccentFadeBrush}"/>
|
|
</Trigger>
|
|
<Trigger Property="IsSelected" Value="True">
|
|
<Setter TargetName="ibd" Property="Background" Value="{DynamicResource AccentFadeBrush}"/>
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
</Setter.Value>
|
|
</Setter>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="ComboBox">
|
|
<Grid>
|
|
<Border x:Name="MainBorder" Background="{TemplateBinding Background}"
|
|
BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="8"/>
|
|
<Grid Margin="{TemplateBinding Padding}">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*"/>
|
|
<ColumnDefinition Width="Auto"/>
|
|
</Grid.ColumnDefinitions>
|
|
<ToggleButton x:Name="ToggleButton" Grid.ColumnSpan="2" Focusable="False" ClickMode="Press"
|
|
Background="Transparent"
|
|
IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}">
|
|
<ToggleButton.Template>
|
|
<ControlTemplate TargetType="ToggleButton">
|
|
<Border Background="{TemplateBinding Background}"/>
|
|
</ControlTemplate>
|
|
</ToggleButton.Template>
|
|
</ToggleButton>
|
|
<ContentPresenter x:Name="ContentSite" Grid.Column="0" IsHitTestVisible="False"
|
|
Content="{TemplateBinding SelectionBoxItem}"
|
|
ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}"
|
|
ContentTemplateSelector="{TemplateBinding ItemTemplateSelector}"
|
|
VerticalAlignment="Center" HorizontalAlignment="Stretch"
|
|
TextBlock.Foreground="{TemplateBinding Foreground}"
|
|
TextBlock.FontSize="{TemplateBinding FontSize}"/>
|
|
<TextBlock x:Name="arrow" Grid.Column="1" Text="" Style="{StaticResource FluentIcon}"
|
|
FontSize="9" Foreground="{DynamicResource TextMuted}"
|
|
VerticalAlignment="Center" Margin="10,0,0,0" IsHitTestVisible="False"/>
|
|
</Grid>
|
|
<!-- UC-A14 팝업 내 방향키/Tab 탐색 -->
|
|
<Popup x:Name="Popup" Placement="Bottom" IsOpen="{TemplateBinding IsDropDownOpen}"
|
|
AllowsTransparency="True" Focusable="False" PopupAnimation="Slide">
|
|
<Border x:Name="DropDown" Background="{DynamicResource CardBg}"
|
|
BorderBrush="{DynamicResource BorderBrush}" BorderThickness="1" CornerRadius="8" Padding="4"
|
|
MinWidth="{TemplateBinding ActualWidth}" MaxHeight="340"
|
|
Effect="{StaticResource PopupShadow}">
|
|
<ScrollViewer VerticalScrollBarVisibility="Auto">
|
|
<StackPanel IsItemsHost="True" KeyboardNavigation.DirectionalNavigation="Contained"/>
|
|
</ScrollViewer>
|
|
</Border>
|
|
</Popup>
|
|
</Grid>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsDropDownOpen" Value="True">
|
|
<Setter TargetName="MainBorder" Property="BorderBrush" Value="{DynamicResource AccentBrush}"/>
|
|
</Trigger>
|
|
<Trigger Property="IsEnabled" Value="False">
|
|
<Setter Property="Opacity" Value="0.5"/>
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<!-- ===== 얇은 스크롤바 (UC-T22 썸 색 토큰) ===== -->
|
|
<Style TargetType="ScrollBar">
|
|
<Setter Property="Width" Value="8"/>
|
|
<Setter Property="Background" Value="Transparent"/>
|
|
<Style.Triggers>
|
|
<Trigger Property="Orientation" Value="Vertical">
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="ScrollBar">
|
|
<Grid>
|
|
<Track Name="PART_Track" IsDirectionReversed="True">
|
|
<Track.Thumb>
|
|
<Thumb>
|
|
<Thumb.Template>
|
|
<ControlTemplate TargetType="Thumb">
|
|
<Border CornerRadius="4" Background="{DynamicResource ScrollBarThumbBrush}"/>
|
|
</ControlTemplate>
|
|
</Thumb.Template>
|
|
</Thumb>
|
|
</Track.Thumb>
|
|
</Track>
|
|
</Grid>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Trigger>
|
|
</Style.Triggers>
|
|
</Style>
|
|
</ResourceDictionary>
|