From 6f3fa4ef788ea31b6d2ed6c8905bb349ec83137c Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 30 Jan 2026 05:29:53 +0000
Subject: [PATCH] Make title text follow nav background color and improve
 search container styling

Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
---
 .../css/colors/light/colors_standard.css      |  2 +-
 src/media/css/user.css                        | 56 +++++++++++++++++++
 2 files changed, 57 insertions(+), 1 deletion(-)

diff --git a/src/media/css/colors/light/colors_standard.css b/src/media/css/colors/light/colors_standard.css
index 2d688f3..c82c361 100644
--- a/src/media/css/colors/light/colors_standard.css
+++ b/src/media/css/colors/light/colors_standard.css
@@ -221,7 +221,7 @@
 	--focus-ring-color: #01015640;
 	/* Forms and inputs */
 	--input-color: hsl(210, 11%, 15%);
-	--input-bg: #ffffff;
+	--input-bg: hsl(210, 20%, 98%);
 	--input-border-color: hsl(210, 14%, 83%);
 	--input-focus-border-color: #8894aa;
 	--input-focus-box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
diff --git a/src/media/css/user.css b/src/media/css/user.css
index d012938..91f5273 100644
--- a/src/media/css/user.css
+++ b/src/media/css/user.css
@@ -17,6 +17,17 @@
 
 /* Add your custom CSS here */
 
+/* Site title styling - match nav background color */
+.site-title {
+	color: var(--nav-bg-color);
+	font-weight: 600;
+	font-size: 1.5rem;
+}
+
+.container-header .navbar-brand .site-title {
+	color: var(--nav-bg-color);
+}
+
 /* Enhanced search button styling */
 .mod-finder__search.input-group button,
 .container-search button[type="submit"] {
@@ -40,6 +51,51 @@
 	box-shadow: 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb), .5);
 }
 
+/* Enhanced container-search styling */
+.container-header .container-search {
+	position: relative;
+}
+
+.container-search .mod-finder__search.input-group {
+	display: flex;
+	align-items: stretch;
+	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+	border-radius: 0.25rem;
+	overflow: hidden;
+	transition: box-shadow 0.2s ease-in-out;
+}
+
+.container-search .mod-finder__search.input-group:focus-within {
+	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+.container-search .form-control,
+.container-search .awesomplete input {
+	border-right: none;
+	padding: 0.6rem 1rem;
+	font-size: 0.95rem;
+	border-radius: 0.25rem 0 0 0.25rem;
+}
+
+.container-search .form-control:focus,
+.container-search .awesomplete input:focus {
+	border-color: var(--input-focus-border-color);
+	box-shadow: none;
+}
+
+.container-search button[type="submit"],
+.container-search .input-group button {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	min-width: 3rem;
+	font-weight: 500;
+}
+
+.container-search .icon-search {
+	font-size: 1rem;
+}
+
 /* Responsive header menu and search layout improvements */
 @media (max-width: 991.98px) {
 	.container-header .container-nav {