From 4d4bacd3b779155a47a77710d88d3b02ad6f3c67 Mon Sep 17 00:00:00 2001
From: hj615 <hj615@cuuva.com>
Date: Thu, 27 Nov 2025 16:42:53 +0900
Subject: [PATCH] =?UTF-8?q?design:=20=EC=BD=A4=EB=B3=B4=EB=B0=95=EC=8A=A4?=
 =?UTF-8?q?=20=EB=94=94=EC=9E=90=EC=9D=B8=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   | 138 ++++++++++++++++++++++-
 SmartAquaViewer/View/MonitoringView.xaml |  10 +-
 2 files changed, 138 insertions(+), 10 deletions(-)

diff --git a/SmartAquaViewer/Resources/Generic.xaml b/SmartAquaViewer/Resources/Generic.xaml
index 57cb6c4..53b4b38 100644
--- a/SmartAquaViewer/Resources/Generic.xaml
+++ b/SmartAquaViewer/Resources/Generic.xaml
@@ -235,13 +235,141 @@
         </Setter>
     </Style>
 
+    <SolidColorBrush x:Key="LineComboBg" Color="#1D3649" />
+    <!-- 바 전체 배경 -->
+    <SolidColorBrush x:Key="LineComboText" Color="#999999" />
+    <!-- LINE 텍스트 색 -->
+    <SolidColorBrush x:Key="LineComboArrow" Color="#C0C3C6" />
+    <!-- 화살표 색 -->
+    <SolidColorBrush x:Key="LineComboHover"  Color="#1D3E55" />
+    <SolidColorBrush x:Key="LineComboItemHover" Color="#20435A" />
+    <SolidColorBrush x:Key="LineComboItemSelected" Color="#29506B" />
+
+    <Style x:Key="ComboDropToggleStyle" TargetType="ToggleButton">
+        <Setter Property="Focusable" Value="False" />
+        <Setter Property="Background" Value="Transparent" />
+        <Setter Property="BorderThickness" Value="0" />
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="ToggleButton">
+                    <Border x:Name="Bd"
+                         Background="{TemplateBinding Background}"
+                         BorderThickness="0">
+                        <ContentPresenter HorizontalAlignment="Center"
+                                       VerticalAlignment="Center" />
+                    </Border>
+                    <ControlTemplate.Triggers>
+                        <!-- 마우스 올렸을 때 살짝만 진하게, 싫으면 이 트리거 삭제 -->
+                        <Trigger Property="IsMouseOver" Value="True">
+                            <Setter TargetName="Bd" Property="Background"
+                                 Value="{StaticResource LineComboHover}" />
+                        </Trigger>
+                    </ControlTemplate.Triggers>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+    <!-- 아이템 스타일 (드롭다운 내부 항목) -->
+    <Style x:Key="LineComboBoxItemStyle" TargetType="ComboBoxItem">
+        <Setter Property="Foreground" Value="{StaticResource LineComboText}" />
+        <Setter Property="Background" Value="{StaticResource LineComboBg}" />
+        <Setter Property="Padding" Value="10,4" />
+        <Setter Property="HorizontalContentAlignment" Value="Left" />
+        <Setter Property="VerticalContentAlignment" Value="Center" />
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="ComboBoxItem">
+                    <Border x:Name="Bd"
+                            Background="{TemplateBinding Background}">
+                        <ContentPresenter
+                            Margin="{TemplateBinding Padding}"
+                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
+                    </Border>
+                    <ControlTemplate.Triggers>
+                        <Trigger Property="IsHighlighted" Value="True">
+                            <Setter TargetName="Bd" Property="Background"
+                                    Value="{StaticResource LineComboItemHover}" />
+                        </Trigger>
+                        <Trigger Property="IsSelected" Value="True">
+                            <Setter TargetName="Bd" Property="Background"
+                                    Value="{StaticResource LineComboItemSelected}" />
+                        </Trigger>
+                        <Trigger Property="IsEnabled" Value="False">
+                            <Setter Property="Opacity" Value="0.4"/>
+                        </Trigger>
+                    </ControlTemplate.Triggers>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+    <!-- 콤보박스 본체 스타일 -->
     <Style x:Key="ComboBoxStyle" TargetType="ComboBox">
-        <Setter Property="BorderBrush" Value="#404F63"/>
-        <Setter Property="BorderThickness" Value="1"/>
-        <Setter Property="Background" Value="#323232"/>
-        <Setter Property="Foreground" Value="Black"/>
-        <Setter Property="FontSize" Value="20"/>
+        <Setter Property="BorderThickness" Value="0" />
+        <Setter Property="Background" Value="{StaticResource LineComboBg}"/>
+        <Setter Property="Foreground" Value="{StaticResource LineComboText}"/>
+        <Setter Property="FontSize" Value="16"/>
         <Setter Property="VerticalContentAlignment" Value="Center"/>
+        <Setter Property="Padding" Value="12 0" />
+        <Setter Property="ItemContainerStyle" Value="{StaticResource LineComboBoxItemStyle}" />
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="ComboBox">
+                    <Grid Background="{TemplateBinding Background}">
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition />
+                            <ColumnDefinition Width="32" />
+                        </Grid.ColumnDefinitions>
+
+                        <ContentPresenter x:Name="ContentSite"
+                                          Margin="{TemplateBinding Padding}"
+                                          VerticalAlignment="Center"
+                                          HorizontalAlignment="Left"
+                                          Content="{TemplateBinding SelectionBoxItem}"
+                                          ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}"
+                                          RecognizesAccessKey="True" />
+
+                        <ToggleButton x:Name="DropDownToggle"
+                                      Grid.Column="1"
+                                      Style="{StaticResource ComboDropToggleStyle}"
+                                      IsChecked="{Binding IsDropDownOpen, Mode=TwoWay,
+                                                          RelativeSource={RelativeSource TemplatedParent}}">
+                            <Path Stroke="{StaticResource LineComboArrow}"
+                                  StrokeThickness="1.6"
+                                  StrokeStartLineCap="Round"
+                                  StrokeEndLineCap="Round"
+                                  Data="M 3 4 L 8 9 L 13 4" />
+                        </ToggleButton>
+
+                        <Popup x:Name="PART_Popup"
+                               Placement="Bottom"
+                               AllowsTransparency="True"
+                               Focusable="False"
+                               IsOpen="{TemplateBinding IsDropDownOpen}"
+                               PopupAnimation="Fade"
+                               PlacementTarget="{Binding RelativeSource={RelativeSource TemplatedParent}}">
+                            <Border Background="{StaticResource LineComboBg}"
+                                    BorderThickness="0"
+                                    Width="{Binding ActualWidth,
+                                                    RelativeSource={RelativeSource TemplatedParent}}">
+                                <!-- 🔴 여기: 흰 배경 안 나오게 -->
+                                <ScrollViewer Background="{StaticResource LineComboBg}">
+                                    <StackPanel IsItemsHost="True" />
+                                </ScrollViewer>
+                            </Border>
+                        </Popup>
+                    </Grid>
+
+                    <ControlTemplate.Triggers>
+                        <Trigger Property="IsEnabled" Value="False">
+                            <Setter Property="Opacity" Value="0.4" />
+                        </Trigger>
+                    </ControlTemplate.Triggers>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
     </Style>
 
     <Style x:Key="DataGridStyle" TargetType="DataGrid">
diff --git a/SmartAquaViewer/View/MonitoringView.xaml b/SmartAquaViewer/View/MonitoringView.xaml
index 9884b1d..af83e39 100644
--- a/SmartAquaViewer/View/MonitoringView.xaml
+++ b/SmartAquaViewer/View/MonitoringView.xaml
@@ -541,12 +541,12 @@
                             <ColumnDefinition Width="550"/>
                             <ColumnDefinition Width="*"/>
                         </Grid.ColumnDefinitions>
-                        <Border Margin="15"
-                                Background="#384659" BorderBrush="#404F63" BorderThickness="1" CornerRadius="10">
+                        <Border Margin="16 16 12 16" CornerRadius="5"
+                                Background="#152935" BorderBrush="#325C80" BorderThickness="1" >
                             <Grid>
                                 <Grid.RowDefinitions>
                                     <RowDefinition/>
-                                    <RowDefinition Height="50"/>
+                                    <RowDefinition Height="62"/>
                                 </Grid.RowDefinitions>
                                 <Grid.Resources>
                                     <Style TargetType="FrameworkElement">
@@ -561,13 +561,13 @@
                                     </Style>
                                 </Grid.Resources>
                                 <StackPanel>
-                                    <Grid Margin="15 15 15 10">
+                                    <Grid Margin="24 24 24 16">
                                         <Grid.ColumnDefinitions>
                                             <ColumnDefinition Width="80"/>
                                             <ColumnDefinition/>
                                         </Grid.ColumnDefinitions>
                                         <TextBlock Text="그래프" VerticalAlignment="Center"
-                                                   FontSize="20" FontFamily="{StaticResource SCDream5}" Foreground="White"/>
+                                                   FontSize="18" FontFamily="{StaticResource SCDream4}" Foreground="White"/>
 
                                         <ComboBox Margin="15 0 0 0" Height="40" Grid.Column="1"
                                                   Style="{StaticResource ComboBoxStyle}"