From 8b2dd3a1317fd7d5f04693fe2945580b9799996c Mon Sep 17 00:00:00 2001
From: MAEDA Go <maeda@farend.jp>
Date: Thu, 23 Apr 2026 21:08:10 +0900
Subject: [PATCH] Refine selected state styling in sidebar

---
 app/assets/stylesheets/application.css          | 17 ++++++++++-------
 .../alternate/stylesheets/application.css       |  3 +++
 .../themes/classic/stylesheets/application.css  |  3 +++
 3 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index e7629c2a0..6668eead4 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -394,14 +394,17 @@ a.user.user-mention {
 #sidebar a.selected {
   line-height: 1.7em;
   padding-block: 1px 2px;
-  padding-inline: 2px 3px;
-  margin-inline-start: -2px;
-  background-color: rgba(var(--oc-blue-9-rgb), 0.6);
-  color: var(--oc-white);
-  border-radius: 2px;
+  padding-inline: 6px 5px;
+  margin-inline-start: -6px;
+  background-color: var(--oc-indigo-1);
+  color: var(--oc-indigo-9);
+  box-shadow: inset 3px 0 0 var(--color-current-marker);
+}
+#sidebar a.selected:hover {
+  color: var(--oc-indigo-9);
+  text-decoration:none;
 }
-#sidebar a.selected:hover {text-decoration:none;}
-#sidebar a.selected svg.icon-svg { stroke: var(--oc-white) !important; }
+#sidebar a.selected svg.icon-svg { stroke: var(--oc-indigo-9) !important; }
 #sidebar .query.default {font-weight: bold;}
 #admin-menu a {line-height:1.7em;}
 
diff --git a/app/assets/themes/alternate/stylesheets/application.css b/app/assets/themes/alternate/stylesheets/application.css
index 0d3e48d56..89660e7bf 100644
--- a/app/assets/themes/alternate/stylesheets/application.css
+++ b/app/assets/themes/alternate/stylesheets/application.css
@@ -36,6 +36,9 @@ h2, h3, h4, .wiki h1, .wiki h2, .wiki h3 {border-block-end: 0px;}
 #main-menu li a { font-weight: bold;}
 #main-menu li a:hover { text-decoration: underline; }
 #main-menu li a.new-object, #main-menu li a.new-object:hover { color: white; background-color:#507AAA; text-decoration: none; }
+#sidebar a.selected,
+#sidebar a.selected:hover { background-color: #507AAA; color: #fff; box-shadow: none; border-radius: 3px; }
+#sidebar a.selected svg.icon-svg { stroke: #fff !important; }
 
 #main-menu .menu-children {
   border-block-end: 1px solid #507AAA;
diff --git a/app/assets/themes/classic/stylesheets/application.css b/app/assets/themes/classic/stylesheets/application.css
index 37515013f..f4b647e6e 100644
--- a/app/assets/themes/classic/stylesheets/application.css
+++ b/app/assets/themes/classic/stylesheets/application.css
@@ -31,6 +31,9 @@ body{ color:#303030; background:#e8eaec; }
 #main-menu li a:hover { background-color: #80b0da; color: #ffffff; }
 #main-menu li a.selected, #main-menu li a.selected:hover { background-color: #80b0da; color: #ffffff; box-shadow: none;}
 #main-menu li a.new-object { color: #fff;background-color:#80b0da; }
+#sidebar a.selected,
+#sidebar a.selected:hover { background-color: #80b0da; color: #fff; box-shadow: none; border-radius: 3px; }
+#sidebar a.selected svg.icon-svg { stroke: #fff !important; }
 
 #main-menu .menu-children {
   border-inline-end: 1px solid #80b0da;
-- 
2.50.1