diff --git a/assets/css/main.css b/assets/css/main.css index 49650ac..67328a9 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -216,6 +216,27 @@ background: color-mix(in srgb, var(--site-panel) 72%, var(--site-text)); } + /** + * 왼쪽 사이드바 1차 네비·태그 카테고리·테마 점 등 행 호버 — 라이트 테마에서 밝은 크림 톤, 다크는 패널 대비 유지 + */ + .site-sidebar-nav-row { + transition: background-color 0.2s ease; + } + + .site-sidebar-nav-row:hover { + background-color: #f7f4ef; + } + + :root[data-theme='dark'] .site-sidebar-nav-row:hover { + background: color-mix(in srgb, var(--site-panel) 72%, var(--site-text)); + } + + @media (prefers-color-scheme: dark) { + :root:not([data-theme='light']) .site-sidebar-nav-row:hover { + background: color-mix(in srgb, var(--site-panel) 72%, var(--site-text)); + } + } + /** * 다크 인증 폼(signin/signup) 텍스트 입력 — UA가 부모 color를 상속하지 않는 경우 대비 */ diff --git a/components/site/LeftSidebar.vue b/components/site/LeftSidebar.vue index 1cbb084..8a9adc3 100644 --- a/components/site/LeftSidebar.vue +++ b/components/site/LeftSidebar.vue @@ -158,7 +158,7 @@ onMounted(() => { @@ -206,7 +206,7 @@ onMounted(() => {