From 6197df6be256fa416fe990643b0e44452064e55e Mon Sep 17 00:00:00 2001
From: hj615 <hj615@cuuva.com>
Date: Mon, 1 Dec 2025 13:57:45 +0900
Subject: [PATCH] =?UTF-8?q?design:=20=EC=8A=AC=EB=9D=BC=EC=9D=B4=EB=8D=94?=
 =?UTF-8?q?=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=A0=95=EC=9D=98=20=EB=B0=8F?=
 =?UTF-8?q?=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 SmartAquaViewer/Resources/Generic.xaml   | 63 ++++++++++++++++++++++++
 SmartAquaViewer/View/MonitoringView.xaml | 53 ++++++++++----------
 2 files changed, 91 insertions(+), 25 deletions(-)

diff --git a/SmartAquaViewer/Resources/Generic.xaml b/SmartAquaViewer/Resources/Generic.xaml
index 89638de..4af457e 100644
--- a/SmartAquaViewer/Resources/Generic.xaml
+++ b/SmartAquaViewer/Resources/Generic.xaml
@@ -662,4 +662,67 @@
             </Setter.Value>
         </Setter>
     </Style>
+
+    <SolidColorBrush x:Key="CustomSliderBackgroundSolidColorBrush" Color="#1D3649" />
+    <SolidColorBrush x:Key="CustomSliderForegroundBrush" Color="#4178BE" />
+    <SolidColorBrush x:Key="CustomSliderThumBrush" Color="#E5E5E8" />
+
+    <Style x:Key="CustomSliderThumbStyle" TargetType="{x:Type Thumb}">
+        <Setter Property="Focusable" Value="false"/>
+        <Setter Property="SnapsToDevicePixels" Value="true"/>
+        <Setter Property="OverridesDefaultStyle" Value="true"/>
+        <Setter Property="Height" Value="16"/>
+        <Setter Property="Width" Value="16"/>
+        <Setter Property="Cursor" Value="Hand"/>
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="{x:Type Thumb}">
+                    <Canvas SnapsToDevicePixels="true">
+                        <Border x:Name="Background"
+                                Background="{StaticResource CustomSliderThumBrush}"
+                                BorderBrush="#4dffffff"
+                                BorderThickness="2"
+                                Height="16" Width="16"
+                                CornerRadius="25"/>
+                    </Canvas>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+    <ControlTemplate x:Key="CustomSliderControlTemplate" TargetType="{x:Type Slider}">
+        <Border Background="Transparent" SnapsToDevicePixels="True">
+            <Grid>
+                <DockPanel LastChildFill="True">
+                    <Border x:Name="PART_SelectionRange" Height="8" ClipToBounds="True" Visibility="Visible">
+                        <Rectangle Margin="0 0 -10 0" RadiusX="5" RadiusY="5" Fill="{StaticResource CustomSliderForegroundBrush}"/>
+                    </Border>
+                    <Border ClipToBounds="True" Height="8" Visibility="Visible">
+                        <Rectangle Margin="0 0 0 0" RadiusX="5" RadiusY="5" Fill="{StaticResource CustomSliderBackgroundSolidColorBrush}" />
+                    </Border>
+                </DockPanel>
+
+                <Track x:Name="PART_Track">
+                    <Track.Thumb>
+                        <Thumb Style="{StaticResource CustomSliderThumbStyle}" VerticalAlignment="Center"
+                               OverridesDefaultStyle="True" Focusable="False" />
+                    </Track.Thumb>
+                </Track>
+            </Grid>
+        </Border>
+    </ControlTemplate>
+
+    <Style x:Key="CustomSliderStyle" TargetType="{x:Type Slider}">
+        <Setter Property="Template" Value="{StaticResource CustomSliderControlTemplate}" />
+        <Setter Property="VerticalAlignment" Value="Center" />
+        <Setter Property="Height" Value="30" />
+        <Setter Property="BorderBrush" Value="Transparent" />
+        <Setter Property="Background" Value="Transparent" />
+        <Setter Property="AutoToolTipPlacement" Value="None" />
+        <Setter Property="IsMoveToPointEnabled" Value="True" />
+        <Setter Property="IsSelectionRangeEnabled" Value="True" />
+        <Setter Property="SelectionStart" Value="0" />
+        <Setter Property="SelectionEnd" Value="{Binding Path=Value, RelativeSource={RelativeSource Self}}" />
+        <Setter Property="Stylus.IsPressAndHoldEnabled" Value="false" />
+    </Style>
 </ResourceDictionary>
\ No newline at end of file
diff --git a/SmartAquaViewer/View/MonitoringView.xaml b/SmartAquaViewer/View/MonitoringView.xaml
index f709cb2..25e66bf 100644
--- a/SmartAquaViewer/View/MonitoringView.xaml
+++ b/SmartAquaViewer/View/MonitoringView.xaml
@@ -193,7 +193,7 @@
                               helper:DataGridAutoPageSizeBehavior.Enable="True"
                               helper:DataGridAutoPageSizeBehavior.Suspend="{Binding IsOpenMode}"
                               helper:DataGridAutoPageSizeBehavior.ThrottleMs="120"
-                              Grid.Row="1" Margin="15 0 15 0" 
+                              Grid.Row="1" Margin="0" 
                               Background="Transparent"
                               RowStyle="{StaticResource DataGridRowStyle}" 
                               ColumnHeaderStyle="{StaticResource DataGridColumnHeaderStyle}">
@@ -322,7 +322,7 @@
                               helper:DataGridAutoPageSizeBehavior.Enable="True"
                               helper:DataGridAutoPageSizeBehavior.Pager="{Binding TanksPager}"
                               helper:DataGridAutoPageSizeBehavior.Suspend="{Binding IsOpenMode}"
-                              Grid.Row="1" Margin="15 0 15 0" 
+                              Grid.Row="1" Margin="0" 
                               Background="Transparent"
                               VerticalScrollBarVisibility="Auto"
                               RowStyle="{StaticResource DataGridRowStyle}" 
@@ -567,7 +567,7 @@
                                     </Style>
                                 </Grid.Resources>
                                 <StackPanel>
-                                    <Grid Margin="24 24 24 16">
+                                    <Grid Margin="24 24 24 8">
                                         <Grid.ColumnDefinitions>
                                             <ColumnDefinition Width="110"/>
                                             <ColumnDefinition/>
@@ -583,7 +583,7 @@
                                                   helper:ComboBoxHelper.SelectFirstOnItemsChange="True"
                                                   IsEditable="False" IsTextSearchEnabled="False"/>
                                     </Grid>
-                                    <Grid Margin="24 0 24 16">
+                                    <Grid Margin="24 0 24 8">
                                         <Grid.ColumnDefinitions>
                                             <ColumnDefinition Width="110"/>
                                             <ColumnDefinition/>
@@ -598,7 +598,7 @@
                                                   DisplayMemberPath="Display"/>
                                     </Grid>
 
-                                    <Grid Margin="24 0 24 16" Style="{StaticResource VisibleWhenTank}">
+                                    <Grid Margin="24 0 24 8" Style="{StaticResource VisibleWhenTank}">
                                         <Grid.ColumnDefinitions>
                                             <ColumnDefinition Width="110"/>
                                             <ColumnDefinition/>
@@ -682,7 +682,7 @@
 
                                         <!-- LINE -->
                                         <StackPanel Style="{StaticResource VisibleWhenLine}">
-                                            <Grid Style="{StaticResource VisibleWhenLine}">
+                                            <Grid Style="{StaticResource VisibleWhenLine}" Margin="0 0 0 8">
                                                 <Grid.ColumnDefinitions>
                                                     <ColumnDefinition Width="110"/>
                                                     <ColumnDefinition/>
@@ -700,7 +700,7 @@
 
                                         <!--STEP-->
                                         <StackPanel Style="{StaticResource VisibleWhenStep}">
-                                            <Grid Margin="0 5 0 10">
+                                            <Grid Margin="0 0 0 8">
                                                 <Grid.ColumnDefinitions>
                                                     <ColumnDefinition Width="110"/>
                                                     <ColumnDefinition/>
@@ -727,7 +727,7 @@
                                                 </StackPanel>
                                             </Grid>
 
-                                            <Grid Margin="0 5 0 0">
+                                            <Grid Margin="0 0 0 8">
                                                 <Grid.ColumnDefinitions>
                                                     <ColumnDefinition Width="110"/>
                                                     <ColumnDefinition/>
@@ -765,7 +765,7 @@
 
                                         <!-- SCATTER: 단일 Y + 옵션 -->
                                         <StackPanel Style="{StaticResource VisibleWhenScatter}">
-                                            <Grid>
+                                            <Grid Margin="0 0 0 8">
                                                 <Grid.ColumnDefinitions>
                                                     <ColumnDefinition Width="80"/>
                                                     <ColumnDefinition/>
@@ -780,7 +780,7 @@
                                                           Style="{StaticResource ComboBoxStyle}"/>
                                             </Grid>
 
-                                            <Grid Margin="0 10">
+                                            <Grid Margin="0 0 0 8">
                                                 <Grid.ColumnDefinitions>
                                                     <ColumnDefinition Width="80"/>
                                                     <ColumnDefinition/>
@@ -789,7 +789,8 @@
                                                 <TextBlock Text="마커 크기" Grid.Row="1" VerticalAlignment="Center"
                                                            FontSize="20" FontFamily="{StaticResource SCDream5}" Foreground="White"/>
                                                 <Slider Grid.Row="1" Grid.Column="1" VerticalAlignment="Center" Margin="15 0 0 0"
-                                                        Minimum="1" Maximum="15" Value="{Binding ScatterMarkerSize}" Width="280" IsSnapToTickEnabled="True" TickFrequency="1"/>
+                                                        Minimum="1" Maximum="15" Value="{Binding ScatterMarkerSize}" Width="280" IsSnapToTickEnabled="True" TickFrequency="1"
+                                                        Style="{StaticResource CustomSliderStyle}"/>
                                                 <TextBlock Text="{Binding ScatterMarkerSize}" Margin="15 0"
                                                            Grid.Row="1" Grid.Column="2" VerticalAlignment="Center"
                                                            FontSize="20" FontFamily="{StaticResource SCDream3}" Foreground="White"/>
@@ -798,31 +799,32 @@
 
                                         <!-- BOX: 값 필드 + 그룹 필드 + 옵션 -->
                                         <StackPanel Style="{StaticResource VisibleWhenBox}">
-                                            <Grid Style="{StaticResource VisibleWhenTime}" Margin="0 10 0 15">
+                                            <Grid Style="{StaticResource VisibleWhenTime}" Margin="0 0 0 8">
                                                 <Grid.ColumnDefinitions>
-                                                    <ColumnDefinition Width="80"/>
+                                                    <ColumnDefinition Width="110"/>
                                                     <ColumnDefinition/>
                                                     <ColumnDefinition Width="Auto"/>
                                                 </Grid.ColumnDefinitions>
                                                 <TextBlock Text="시간 범위" VerticalAlignment="Center"
-                                                           FontSize="20" FontFamily="{StaticResource SCDream5}" Foreground="White"/>
+                                                           FontSize="18" FontFamily="{StaticResource SCDream5}" Foreground="White"/>
                                                 <Slider Margin="15 0 0 0" Grid.Column="1"
                                                         VerticalAlignment="Center" HorizontalAlignment="Left"
                                                         Minimum="1" Maximum="24" TickFrequency="1" IsSnapToTickEnabled="True"
-                                                        Value="{Binding BoxTimeSpan}" Width="310"/>
+                                                        Value="{Binding BoxTimeSpan}" Width="280"
+                                                        Style="{StaticResource CustomSliderStyle}"/>
                                                 <TextBlock Text="{Binding BoxTimeSpan}" 
                                                            Margin="15 0" Grid.Column="2"
                                                            VerticalAlignment="Center" HorizontalAlignment="Right"
                                                            FontSize="18" FontFamily="{StaticResource SCDream3}" Foreground="White"/>
                                             </Grid>
 
-                                            <Grid>
+                                            <Grid Margin="0 0 0 8">
                                                 <Grid.ColumnDefinitions>
-                                                    <ColumnDefinition Width="80"/>
+                                                    <ColumnDefinition Width="110"/>
                                                     <ColumnDefinition/>
                                                 </Grid.ColumnDefinitions>
                                                 <TextBlock Text="값 필드" VerticalAlignment="Center"
-                                                           FontSize="20" FontFamily="{StaticResource SCDream5}" Foreground="White"/>
+                                                           FontSize="18" FontFamily="{StaticResource SCDream5}" Foreground="White"/>
                                                 <ComboBox ItemsSource="{Binding YFieldCandidates}"
                                                           SelectedItem="{Binding SelectedYField}"
                                                           DisplayMemberPath="Display" Height="35"
@@ -831,18 +833,19 @@
                                                           Style="{StaticResource ComboBoxStyle}"/>
                                             </Grid>
 
-                                            <Grid Margin="0 15 0 0">
+                                            <Grid Margin="0 0 0 8">
                                                 <Grid.ColumnDefinitions>
-                                                    <ColumnDefinition Width="80"/>
+                                                    <ColumnDefinition Width="110"/>
                                                     <ColumnDefinition/>
                                                     <ColumnDefinition Width="Auto"/>
                                                 </Grid.ColumnDefinitions>
                                                 <TextBlock Text="박스 너비" VerticalAlignment="Center" 
-                                                           FontSize="20" FontFamily="{StaticResource SCDream5}" Foreground="White"/>
+                                                           FontSize="18" FontFamily="{StaticResource SCDream5}" Foreground="White"/>
                                                 <Slider Margin="15 0 0 0" Grid.Column="1"
                                                         VerticalAlignment="Center" HorizontalAlignment="Left"
                                                         Minimum="0.1" Maximum="1.0" TickFrequency="0.05" IsSnapToTickEnabled="True"
-                                                        Value="{Binding BoxWidth}" Width="310"/>
+                                                        Value="{Binding BoxWidth}" Width="280"
+                                                        Style="{StaticResource CustomSliderStyle}"/>
                                                 <TextBlock Text="{Binding BoxWidth, StringFormat=F2}" 
                                                            Margin="15 0" Grid.Column="2"
                                                            VerticalAlignment="Center" HorizontalAlignment="Right"
@@ -854,7 +857,7 @@
 
                                 <StackPanel Orientation="Horizontal" Grid.Row="1">
                                     <CheckBox IsChecked="{Binding ShowLegends}"
-                                              FontSize="16" FontFamily="{StaticResource SCDream4}" Foreground="#264A60"
+                                              Foreground="#264A60"
                                               Margin="24 0 4 0" VerticalContentAlignment="Center"
                                               Style="{StaticResource MaterialDesignUserForegroundCheckBox}"/>
                                     <TextBlock Text="범례" VerticalAlignment="Center" Margin="0 0 12 0"
@@ -862,7 +865,7 @@
                                                Foreground="#999999" />
                                     
                                     <CheckBox IsChecked="{Binding ShowMarkers}"
-                                              FontSize="16" FontFamily="{StaticResource SCDream4}" Foreground="#264A60"
+                                              Foreground="#264A60"
                                               Margin="0 0 4 0" VerticalContentAlignment="Center">
                                         <CheckBox.Style>
                                             <Style TargetType="CheckBox" BasedOn="{StaticResource MaterialDesignUserForegroundCheckBox}">
@@ -897,7 +900,7 @@
                                     </TextBlock>
 
                                     <CheckBox Content="회귀선" IsChecked="{Binding ShowRegression}"
-                                              FontSize="16" FontFamily="{StaticResource SCDream4}" Foreground="#264A60"
+                                              Foreground="#264A60"
                                               Margin="0 0 4 0" VerticalContentAlignment="Center">
                                         <CheckBox.Style>
                                             <Style TargetType="CheckBox" BasedOn="{StaticResource MaterialDesignUserForegroundCheckBox}">