|
|
@@ -187,294 +187,13 @@
|
|
|
</Window.Resources>
|
|
|
|
|
|
<Grid Margin="18">
|
|
|
- <Grid.ColumnDefinitions>
|
|
|
- <ColumnDefinition Width="260" />
|
|
|
- <ColumnDefinition Width="18" />
|
|
|
- <ColumnDefinition Width="*" />
|
|
|
- </Grid.ColumnDefinitions>
|
|
|
-
|
|
|
- <Border Grid.Column="0"
|
|
|
- Background="{StaticResource PanelBrush}"
|
|
|
- BorderBrush="{StaticResource BorderBrush}"
|
|
|
- BorderThickness="1"
|
|
|
- CornerRadius="22"
|
|
|
- Padding="18">
|
|
|
- <DockPanel LastChildFill="True">
|
|
|
- <StackPanel DockPanel.Dock="Top">
|
|
|
- <TextBlock FontSize="26"
|
|
|
- FontWeight="SemiBold"
|
|
|
- Text="Customize DesktopClock" />
|
|
|
- <TextBlock Margin="0,8,0,22"
|
|
|
- Foreground="{StaticResource MutedTextBrush}"
|
|
|
- Text="A preview-led workspace for shaping text, countdowns, appearance, and window behavior without touching the settings file." />
|
|
|
-
|
|
|
- <Button Content="Overview"
|
|
|
- Tag="OverviewSection"
|
|
|
- Click="NavButton_Click"
|
|
|
- Style="{StaticResource NavButtonStyle}" />
|
|
|
- <Button Content="Display"
|
|
|
- Tag="DisplaySection"
|
|
|
- Click="NavButton_Click"
|
|
|
- Style="{StaticResource NavButtonStyle}" />
|
|
|
- <Button Content="Countdown"
|
|
|
- Tag="CountdownSection"
|
|
|
- Click="NavButton_Click"
|
|
|
- Style="{StaticResource NavButtonStyle}" />
|
|
|
- <Button Content="Appearance Studio"
|
|
|
- Tag="AppearanceSection"
|
|
|
- Click="NavButton_Click"
|
|
|
- Style="{StaticResource NavButtonStyle}" />
|
|
|
- <Button Content="Window Behavior"
|
|
|
- Tag="WindowSection"
|
|
|
- Click="NavButton_Click"
|
|
|
- Style="{StaticResource NavButtonStyle}" />
|
|
|
- <Button Content="Tools & Help"
|
|
|
- Tag="ToolsSection"
|
|
|
- Click="NavButton_Click"
|
|
|
- Style="{StaticResource NavButtonStyle}" />
|
|
|
- </StackPanel>
|
|
|
-
|
|
|
- <Border DockPanel.Dock="Bottom"
|
|
|
- Margin="0,18,0,0"
|
|
|
- Padding="14"
|
|
|
- Background="White"
|
|
|
- BorderBrush="{StaticResource BorderBrush}"
|
|
|
- BorderThickness="1"
|
|
|
- CornerRadius="16">
|
|
|
- <StackPanel>
|
|
|
- <TextBlock FontWeight="SemiBold"
|
|
|
- Text="What changes instantly" />
|
|
|
- <TextBlock Margin="0,6,0,0"
|
|
|
- Foreground="{StaticResource MutedTextBrush}"
|
|
|
- Text="Every control here edits the same live settings object that powers the clock window. The layout is new; the saved JSON keys are unchanged."
|
|
|
- TextWrapping="Wrap" />
|
|
|
- </StackPanel>
|
|
|
- </Border>
|
|
|
- </DockPanel>
|
|
|
- </Border>
|
|
|
-
|
|
|
<ScrollViewer x:Name="SettingsScrollViewer"
|
|
|
- Grid.Column="2"
|
|
|
VerticalScrollBarVisibility="Auto"
|
|
|
HorizontalScrollBarVisibility="Disabled"
|
|
|
ScrollChanged="SettingsScrollViewer_ScrollChanged"
|
|
|
Loaded="SettingsScrollViewer_Loaded">
|
|
|
<StackPanel x:Name="SettingsContent"
|
|
|
Margin="0,0,6,24">
|
|
|
- <Border x:Name="OverviewSection"
|
|
|
- Style="{StaticResource SectionCardStyle}"
|
|
|
- Background="{StaticResource HeroBrush}"
|
|
|
- BorderThickness="0"
|
|
|
- Padding="28">
|
|
|
- <Grid>
|
|
|
- <Grid.ColumnDefinitions>
|
|
|
- <ColumnDefinition Width="1.1*" />
|
|
|
- <ColumnDefinition Width="22" />
|
|
|
- <ColumnDefinition Width="0.9*" />
|
|
|
- </Grid.ColumnDefinitions>
|
|
|
-
|
|
|
- <StackPanel>
|
|
|
- <TextBlock FontSize="13"
|
|
|
- FontWeight="SemiBold"
|
|
|
- Foreground="#CDE7F5"
|
|
|
- Text="LIVE CUSTOMIZATION SURFACE" />
|
|
|
- <TextBlock Margin="0,10,0,0"
|
|
|
- FontSize="34"
|
|
|
- FontWeight="SemiBold"
|
|
|
- Foreground="White"
|
|
|
- Text="Shape the clock visually before you commit to the details."
|
|
|
- TextWrapping="Wrap" />
|
|
|
- <TextBlock Margin="0,12,0,0"
|
|
|
- Foreground="#D9EDF8"
|
|
|
- FontSize="14"
|
|
|
- Text="Use the preview, switch between time and countdown modes, then refine text, style, sound, and window behavior in the sections below."
|
|
|
- TextWrapping="Wrap" />
|
|
|
-
|
|
|
- <WrapPanel Margin="0,22,0,0">
|
|
|
- <Button Command="{Binding ShowTimePreviewCommand}"
|
|
|
- Content="Preview time"
|
|
|
- Style="{StaticResource SecondaryButton}" />
|
|
|
- <Button Margin="10,0,0,0"
|
|
|
- Command="{Binding ShowCountdownPreviewCommand}"
|
|
|
- Content="Preview countdown"
|
|
|
- Style="{StaticResource SecondaryButton}" />
|
|
|
- </WrapPanel>
|
|
|
-
|
|
|
- <Border Margin="0,22,0,0"
|
|
|
- Padding="16"
|
|
|
- Background="#1D496B"
|
|
|
- CornerRadius="16">
|
|
|
- <Grid>
|
|
|
- <Grid.ColumnDefinitions>
|
|
|
- <ColumnDefinition Width="*" />
|
|
|
- <ColumnDefinition Width="170" />
|
|
|
- </Grid.ColumnDefinitions>
|
|
|
- <StackPanel>
|
|
|
- <TextBlock Foreground="#CDE7F5"
|
|
|
- FontWeight="SemiBold"
|
|
|
- Text="{Binding PreviewModeLabel}" />
|
|
|
- <TextBlock Margin="0,6,0,0"
|
|
|
- Foreground="White"
|
|
|
- FontSize="17"
|
|
|
- FontWeight="SemiBold"
|
|
|
- Text="{Binding PreviewHeadline}"
|
|
|
- TextWrapping="Wrap" />
|
|
|
- <TextBlock Margin="0,6,0,0"
|
|
|
- Foreground="#CDE7F5"
|
|
|
- Text="{Binding PreviewSummary}"
|
|
|
- TextWrapping="Wrap" />
|
|
|
- </StackPanel>
|
|
|
- <StackPanel Grid.Column="1"
|
|
|
- Margin="18,0,0,0">
|
|
|
- <TextBlock Foreground="#CDE7F5"
|
|
|
- Text="Clock size" />
|
|
|
- <Slider Value="{Binding Settings.Height, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
|
|
|
- Minimum="24"
|
|
|
- Maximum="220"
|
|
|
- TickFrequency="1"
|
|
|
- IsSnapToTickEnabled="True" />
|
|
|
- <TextBlock Text="{Binding Settings.Height, StringFormat={}{0}px}"
|
|
|
- Foreground="White"
|
|
|
- HorizontalAlignment="Right" />
|
|
|
- </StackPanel>
|
|
|
- </Grid>
|
|
|
- </Border>
|
|
|
- </StackPanel>
|
|
|
-
|
|
|
- <Border Grid.Column="2"
|
|
|
- Padding="18"
|
|
|
- Background="#F5FAFD"
|
|
|
- CornerRadius="20">
|
|
|
- <Grid>
|
|
|
- <Grid.RowDefinitions>
|
|
|
- <RowDefinition Height="Auto" />
|
|
|
- <RowDefinition Height="*" />
|
|
|
- <RowDefinition Height="Auto" />
|
|
|
- </Grid.RowDefinitions>
|
|
|
-
|
|
|
- <StackPanel>
|
|
|
- <TextBlock FontWeight="SemiBold"
|
|
|
- Foreground="#10385B"
|
|
|
- Text="Live preview" />
|
|
|
- <TextBlock Margin="0,4,0,0"
|
|
|
- Foreground="{StaticResource MutedTextBrush}"
|
|
|
- Text="{Binding PreviewCaption}"
|
|
|
- TextWrapping="Wrap" />
|
|
|
- </StackPanel>
|
|
|
-
|
|
|
- <Border Grid.Row="1"
|
|
|
- Margin="0,16,0,16"
|
|
|
- Padding="20"
|
|
|
- Background="#EAF2F7"
|
|
|
- CornerRadius="18">
|
|
|
- <Viewbox StretchDirection="DownOnly">
|
|
|
- <Border CornerRadius="{Binding Settings.BackgroundCornerRadius, Mode=OneWay}"
|
|
|
- Padding="6,2,6,2">
|
|
|
- <Border.Style>
|
|
|
- <Style TargetType="Border">
|
|
|
- <Setter Property="Background" Value="Transparent" />
|
|
|
- <Style.Triggers>
|
|
|
- <DataTrigger Binding="{Binding Settings.BackgroundEnabled, Mode=OneWay}"
|
|
|
- Value="True">
|
|
|
- <DataTrigger.Setters>
|
|
|
- <Setter Property="Background">
|
|
|
- <Setter.Value>
|
|
|
- <ImageBrush Opacity="{Binding Settings.BackgroundOpacity, Mode=OneWay}"
|
|
|
- ImageSource="{Binding Settings.BackgroundImagePath, Mode=OneWay}"
|
|
|
- Stretch="{Binding Settings.BackgroundImageStretch, Mode=OneWay}" />
|
|
|
- </Setter.Value>
|
|
|
- </Setter>
|
|
|
- </DataTrigger.Setters>
|
|
|
- </DataTrigger>
|
|
|
- <MultiDataTrigger>
|
|
|
- <MultiDataTrigger.Conditions>
|
|
|
- <Condition Binding="{Binding Settings.BackgroundEnabled, Mode=OneWay}" Value="True" />
|
|
|
- <Condition Binding="{Binding Settings.BackgroundImagePath, Mode=OneWay}" Value="" />
|
|
|
- </MultiDataTrigger.Conditions>
|
|
|
- <MultiDataTrigger.Setters>
|
|
|
- <Setter Property="Background">
|
|
|
- <Setter.Value>
|
|
|
- <SolidColorBrush Opacity="{Binding Settings.BackgroundOpacity, Mode=OneWay}"
|
|
|
- Color="{Binding Settings.OuterColor, Mode=OneWay}" />
|
|
|
- </Setter.Value>
|
|
|
- </Setter>
|
|
|
- </MultiDataTrigger.Setters>
|
|
|
- </MultiDataTrigger>
|
|
|
- </Style.Triggers>
|
|
|
- </Style>
|
|
|
- </Border.Style>
|
|
|
-
|
|
|
- <local:OutlinedTextBlock Text="{Binding PreviewClockText}"
|
|
|
- FontFamily="{Binding Settings.FontFamily, Mode=OneWay}"
|
|
|
- FontStyle="{Binding Settings.FontStyle, Mode=OneWay}"
|
|
|
- FontWeight="{Binding Settings.FontWeight, Mode=OneWay}"
|
|
|
- FontSize="64"
|
|
|
- StrokeThickness="{Binding Settings.OutlineThickness, Mode=OneWay}"
|
|
|
- TextWrapping="Wrap">
|
|
|
- <local:OutlinedTextBlock.Fill>
|
|
|
- <SolidColorBrush Opacity="{Binding Settings.TextOpacity, Mode=OneWay}"
|
|
|
- Color="{Binding Settings.TextColor, Mode=OneWay}" />
|
|
|
- </local:OutlinedTextBlock.Fill>
|
|
|
- <local:OutlinedTextBlock.Style>
|
|
|
- <Style TargetType="local:OutlinedTextBlock">
|
|
|
- <Setter Property="Stroke" Value="Transparent" />
|
|
|
- <Setter Property="Margin" Value="0" />
|
|
|
- <Style.Triggers>
|
|
|
- <DataTrigger Binding="{Binding Settings.BackgroundEnabled, Mode=OneWay}"
|
|
|
- Value="False">
|
|
|
- <DataTrigger.Setters>
|
|
|
- <Setter Property="Stroke">
|
|
|
- <Setter.Value>
|
|
|
- <SolidColorBrush Opacity="{Binding Settings.BackgroundOpacity, Mode=OneWay}"
|
|
|
- Color="{Binding Settings.OuterColor, Mode=OneWay}" />
|
|
|
- </Setter.Value>
|
|
|
- </Setter>
|
|
|
- <Setter Property="Margin"
|
|
|
- Value="{Binding Settings.OutlineThickness, Mode=OneWay}" />
|
|
|
- </DataTrigger.Setters>
|
|
|
- </DataTrigger>
|
|
|
- </Style.Triggers>
|
|
|
- </Style>
|
|
|
- </local:OutlinedTextBlock.Style>
|
|
|
- </local:OutlinedTextBlock>
|
|
|
- </Border>
|
|
|
- </Viewbox>
|
|
|
- </Border>
|
|
|
-
|
|
|
- <WrapPanel Grid.Row="2">
|
|
|
- <Border Style="{StaticResource MiniCardStyle}">
|
|
|
- <StackPanel>
|
|
|
- <TextBlock FontWeight="SemiBold"
|
|
|
- Text="Typeface" />
|
|
|
- <TextBlock Margin="0,4,0,0"
|
|
|
- Foreground="{StaticResource MutedTextBrush}"
|
|
|
- Text="{Binding Settings.FontFamily}" />
|
|
|
- </StackPanel>
|
|
|
- </Border>
|
|
|
- <Border Style="{StaticResource MiniCardStyle}">
|
|
|
- <StackPanel>
|
|
|
- <TextBlock FontWeight="SemiBold"
|
|
|
- Text="Surface" />
|
|
|
- <TextBlock Margin="0,4,0,0"
|
|
|
- Foreground="{StaticResource MutedTextBrush}"
|
|
|
- Text="{Binding PreviewSurfaceSummary}" />
|
|
|
- </StackPanel>
|
|
|
- </Border>
|
|
|
- <Border Style="{StaticResource MiniCardStyle}">
|
|
|
- <StackPanel>
|
|
|
- <TextBlock FontWeight="SemiBold"
|
|
|
- Text="Window mode" />
|
|
|
- <TextBlock Margin="0,4,0,0"
|
|
|
- Foreground="{StaticResource MutedTextBrush}"
|
|
|
- Text="{Binding PreviewWindowSummary}" />
|
|
|
- </StackPanel>
|
|
|
- </Border>
|
|
|
- </WrapPanel>
|
|
|
- </Grid>
|
|
|
- </Border>
|
|
|
- </Grid>
|
|
|
- </Border>
|
|
|
-
|
|
|
<Border x:Name="DisplaySection"
|
|
|
Style="{StaticResource SectionCardStyle}">
|
|
|
<StackPanel>
|
Daniel Chalmers