From 7cf7c49937ce1a767d540bc7cf1386c9a788a9a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=BB=A8=ED=8A=B8=EB=A1=A4DELTA?= <controld3785@gmail.com>
Date: Tue, 7 Apr 2026 13:04:57 +0900
Subject: [PATCH] Fix Dropdown Item Style Implementation

---
 src/app/components/dropdown/dropdown.scss   | 5 +++--
 src/app/features/header-menu/header-menu.ts | 3 +--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/components/dropdown/dropdown.scss b/src/app/components/dropdown/dropdown.scss
index 355f8d6..534d83f 100644
--- a/src/app/components/dropdown/dropdown.scss
+++ b/src/app/components/dropdown/dropdown.scss
@@ -5,6 +5,7 @@
 $border_color: oklch(0 0 0 / 20%);
 $border_dark_color: oklch(1 0 0 / 20%);
 $hover_bg: oklch(0.9702 0 0); // #F5F5F5
+$hover_dark_bg: oklch(0.25 0 0);
 
 $height: 40px;
 $border_radius: 8px;
@@ -116,11 +117,11 @@ $default_animation_duration: 0.2s;
   font-size: 16px;
 
   &:hover, &.focused {
-    background-color: $hover_bg;
+    background-color: light-dark($hover_bg, $hover_dark_bg);
   }
 
   &.selected {
-    background-color: list.nth(library.$brand_palette, 1);
+    background-color: light-dark(list.nth(library.$brand_palette, 1), list.nth(library.$brand_palette, 11));
     color: list.nth(library.$brand_palette, 5);
     font-weight: 600;
   }
diff --git a/src/app/features/header-menu/header-menu.ts b/src/app/features/header-menu/header-menu.ts
index 74dca1a..9054beb 100644
--- a/src/app/features/header-menu/header-menu.ts
+++ b/src/app/features/header-menu/header-menu.ts
@@ -1,6 +1,5 @@
 import { Component, inject } from '@angular/core';
 import { RouterLink } from '@angular/router';
-import { NgOptimizedImage } from '@angular/common';
 import { PopupService } from '../../services/popup.service';
 import { SettingsPopup } from '../settings/settings';
 import { TranslationService } from '../../services/translation.service';
@@ -8,7 +7,7 @@ import { SettingsService } from '../../services/settings.service';
 
 @Component({
   selector: 'header-menu',
-  imports: [RouterLink, NgOptimizedImage],
+  imports: [RouterLink],
   templateUrl: './header-menu.html',
   styleUrl: './header-menu.scss',
 })