From 76858e396c8f8a1a22973073736402e9b6fc52cd Mon Sep 17 00:00:00 2001
From: Akshay Mestry <xa@mes3.dev>
Date: Wed, 6 May 2026 01:46:53 -0500
Subject: [PATCH 1/4] fix: searchbar variablity issue

Signed-off-by: Akshay Mestry <xa@mes3.dev>
---
 kaamiki/base/static/theme.css               | 61 +++++++--------------
 kaamiki/base/templates/searchbox.html.jinja |  4 +-
 2 files changed, 23 insertions(+), 42 deletions(-)

diff --git a/kaamiki/base/static/theme.css b/kaamiki/base/static/theme.css
index b765c92..c58ffef 100644
--- a/kaamiki/base/static/theme.css
+++ b/kaamiki/base/static/theme.css
@@ -17,6 +17,7 @@
     --input: 0 0% 92%;
     --light-accent: 0, 0%, 94%;
     --link: 210.84, 100%, 41.96%;
+    --radius-round: 500px;
     --radius: 0.75rem;
     --box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0px 1px 1px rgba(0, 0, 0, 0.04), 0px 8px 8px -8px rgba(0, 0, 0, 0.04);
     --code-background: 0, 0%, 100%;
@@ -496,7 +497,7 @@ html[data-theme="dark"] .site-sidebar__brand-image--light {
     justify-content: center;
     width: 2rem;
     height: 2rem;
-    border-radius: 500px;
+    border-radius: var(--radius-round);
     text-decoration: none;
     font-weight: 600;
     color: hsl(var(--muted-foreground));
@@ -555,40 +556,29 @@ html[data-theme="dark"] .site-sidebar__brand-image--light {
 
 .site-search__label {
     flex: 1 1 auto;
-    width: 0;
 }
 
 .site-search__input {
-    width: 100%;
-    border: 1px solid hsl(var(--border));
-    border-radius: var(--radius);
     background-color: hsl(var(--light-accent));
-    color: hsl(var(--foreground));
-    font-size: 0.8rem;
+    font-size: 0.9rem;
     font-family: var(--font-mono);
-    padding: 0.55rem;
-    padding-right: 0;
-    transition: border-color var(--duration-fast) var(--ease-in-out);
+    padding: 0.5rem;
 }
 
 .site-search__input::placeholder {
     color: hsl(var(--muted-foreground));
-    font-size: 0.8rem;
-    line-height: 1.2;
+    font-size: 0.9rem;
 }
 
 .site-search__submit {
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    width: 2.5rem;
-    height: 2.5rem;
-    border: none;
-    border-radius: var(--radius);
-    background-color: hsl(var(--accent));
-    color: hsl(var(--accent-foreground));
+    width: 2rem;
+    height: 2rem;
+    padding-right: 0.5rem;
+    color: hsl(var(--foreground));
     cursor: pointer;
-    transition: background-color var(--duration-fast) var(--ease-in-out), color var(--duration-fast) var(--ease-in-out);
 }
 
 .site-search__submit:focus-visible {
@@ -610,41 +600,33 @@ html[data-theme="dark"] .site-sidebar__brand-image--light {
 }
 
 .site-header__search .site-search {
-    width: 2rem;
+    width: 10rem;
     height: 2rem;
     border: 1px solid hsl(var(--border));
-    border-radius: 500px;
+    border-radius: var(--radius-round);
     background: hsl(var(--light-accent));
     overflow: hidden;
-    transition: width var(--duration-normal) var(--ease-in-out), border-color var(--duration-fast) var(--ease-in-out);
 }
 
 .site-header__search .site-search__label {
     display: flex;
     align-items: center;
+    min-width: 0;
 }
 
 .site-header__search .site-search__input {
     border: none;
     pointer-events: none;
+    min-width: 0;
 }
 
 .site-header__search .site-search__submit {
-    width: 2rem;
-    height: 2rem;
     background-color: hsl(var(--light-accent));
-    color: hsl(var(--foreground));
-}
-
-.site-header__search .site-search.is-open,
-.site-header__search .site-search:focus-within {
-    width: 10rem;
 }
 
 .site-header__search .site-search.is-open .site-search__input,
 .site-header__search .site-search:focus-within .site-search__input {
     opacity: 1;
-    height: 2rem;
     pointer-events: auto;
 }
 
@@ -655,7 +637,6 @@ html[data-theme="dark"] .site-sidebar__brand-image--light {
     outline: none;
 }
 
-
 .site-article {
     display: flex;
     flex-direction: column;
@@ -672,7 +653,7 @@ html[data-theme="dark"] .site-sidebar__brand-image--light {
     flex-wrap: wrap;
     text-align: left;
     background: hsl(var(--code-background));
-    border-radius: 500px;
+    border-radius: var(--radius);
     padding: 0.25rem;
     width: max-content;
     border: 1px solid hsl(var(--border));
@@ -873,7 +854,7 @@ html[data-theme="dark"] .site-sidebar__brand-image--light {
     margin-top: 1rem;
     margin-inline: auto;
     background: hsl(var(--code-background));
-    border-radius: 500px;
+    border-radius: var(--radius-round);
     padding: 0.25rem;
     width: max-content;
     border: 1px solid hsl(var(--border));
@@ -977,7 +958,7 @@ html[data-theme="dark"] .site-sidebar__brand-image--light {
     left: 50%;
     z-index: 10;
     padding: 0.5rem 1rem;
-    border-radius: 500px;
+    border-radius: var(--radius-round);
     font-size: 0.95rem;
     background-color: hsl(var(--muted));
     color: hsl(var(--accent-foreground));
@@ -1652,7 +1633,7 @@ html[data-theme="dark"] .site-header__theme-toggle-icon--dark {
 
 .site-header__icon-link {
     border: 1px solid hsl(var(--border)) !important;
-    border-radius: 500px;
+    border-radius: var(--radius-round);
     color: hsl(var(--foreground));
     background-color: hsl(var(--light-accent));
     transition: color var(--duration-normal) var(--ease-in-out);
@@ -2353,7 +2334,7 @@ li .highlight pre {
     opacity: 1 !important;
     width: 40px !important;
     height: 8px !important;
-    border-radius: 500px !important;
+    border-radius: var(--radius-round) !important;
     transition: width var(--duration-normal) var(--ease-out),
         height var(--duration-normal) var(--ease-out),
         border-radius var(--duration-normal) var(--ease-out) !important;
@@ -2485,7 +2466,7 @@ a[data-tooltip].show-tooltip::after {
 .site-feedback-shell__button {
     background: hsl(var(--foreground));
     color: hsl(var(--background));
-    border-radius: 500px;
+    border-radius: var(--radius-round);
     font-size: 0.9rem;
     line-height: 1.5rem;
     padding: 0.5rem 1rem;
@@ -2817,7 +2798,7 @@ a[data-tooltip].show-tooltip::after {
     width: 0.15ch;
     height: 1em;
     background-color: hsl(var(--link));
-    border-radius: 500px;
+    border-radius: var(--radius-round);
     animation: cursor-blink 1.5s infinite;
     vertical-align: middle;
     margin-left: 0.15ch;
@@ -3164,7 +3145,7 @@ a[data-tooltip].show-tooltip::after {
     .site-header__search {
         flex: 0 0 auto;
         width: auto;
-        border-radius: 500px;
+        border-radius: var(--radius-round);
     }
 
     .site-search__label {
diff --git a/kaamiki/base/templates/searchbox.html.jinja b/kaamiki/base/templates/searchbox.html.jinja
index ea1a756..036cdea 100644
--- a/kaamiki/base/templates/searchbox.html.jinja
+++ b/kaamiki/base/templates/searchbox.html.jinja
@@ -4,7 +4,7 @@ Searchbox Template
 
 Author: Akshay Mestry <xa@mes3.dev>
 Created on: 21 February, 2025
-Last updated on: 18 February, 2026
+Last updated on: 06 May, 2026
 -->
 <form id="search"
       action="{{ pathto('search') }}"
@@ -18,7 +18,7 @@ Last updated on: 18 February, 2026
                type="search"
                name="q"
                autocomplete="on"
-               placeholder="{{ _('Search...') }}" />
+               placeholder="{{ _('Search') }}" />
     </label>
     <button class="site-search__submit"
             type="submit">

From e049ce74718b9e69210da55f40ac059267ef4fe2 Mon Sep 17 00:00:00 2001
From: Akshay Mestry <xa@mes3.dev>
Date: Thu, 7 May 2026 22:47:50 -0500
Subject: [PATCH 2/4] style: search now matches properly

Signed-off-by: Akshay Mestry <xa@mes3.dev>
---
 kaamiki/base/static/theme.css               | 24 ++++++++++++++++++++-
 kaamiki/base/templates/search.html          | 11 +++++++---
 kaamiki/base/templates/searchbox.html.jinja |  2 +-
 3 files changed, 32 insertions(+), 5 deletions(-)

diff --git a/kaamiki/base/static/theme.css b/kaamiki/base/static/theme.css
index c58ffef..4c825a5 100644
--- a/kaamiki/base/static/theme.css
+++ b/kaamiki/base/static/theme.css
@@ -898,6 +898,10 @@ html[data-theme="dark"] .site-sidebar__brand-image--light {
     min-height: 4rem;
 }
 
+.site-search-page__results h2 {
+    display: none;
+}
+
 .site-genindex {
     display: flex;
     flex-direction: column;
@@ -1123,6 +1127,7 @@ html[data-theme="dark"] .site-sidebar__brand-image--light {
     letter-spacing: -2.18px;
 }
 
+#search-results .search-summary,
 #content section>p.lead {
     color: hsl(var(--muted-foreground));
     font-size: 1.05rem;
@@ -1132,6 +1137,19 @@ html[data-theme="dark"] .site-sidebar__brand-image--light {
     margin: 0rem 6rem 1rem;
 }
 
+#search-results .search-summary {
+    margin-bottom: calc(92px / 2);
+}
+
+#search-results ul.search li:first-of-type::before {
+    content: "";
+    display: block;
+    width: calc(100% + 11rem);
+    margin-inline: -5.5rem;
+    margin-block-end: 3rem;
+    border-top: 1px solid hsl(var(--border));
+}
+
 #content ul:not(.search),
 #content ul:not(.search) p,
 #content ul:not(.search)>li {
@@ -1909,6 +1927,7 @@ i {
     color: hsl(var(--hint-admonition-foreground));
 }
 
+.site-search-page__fallback,
 .error,
 .danger {
     border: 1px solid hsl(var(--danger-admonition-foreground), 0.1);
@@ -1916,6 +1935,7 @@ i {
     color: hsl(var(--danger-admonition-foreground));
 }
 
+..site-search-page__fallback:is(.dark *),
 .error:is(.dark *),
 .danger:is(.dark *) {
     border: 1px solid hsl(var(--danger-admonition-foreground), 0.3);
@@ -3077,11 +3097,13 @@ a[data-tooltip].show-tooltip::after {
     .site-feedback-shell__title::before,
     #content h2::before,
     #content .pre-title-text:has(+ section > h2)::before,
-    #content section > .pre-title-text:last-child::before {
+    #content section > .pre-title-text:last-child::before,
+    #search-results ul.search li:first-of-type::before {
         width: calc(100% + 2rem);
         margin-inline: -1rem;
     }
 
+    #search-results .search-summary,
     #content section>p.lead {
         margin-inline: auto;
     }
diff --git a/kaamiki/base/templates/search.html b/kaamiki/base/templates/search.html
index c5027d5..f8cf150 100644
--- a/kaamiki/base/templates/search.html
+++ b/kaamiki/base/templates/search.html
@@ -4,10 +4,10 @@
 
 Author: Akshay Mestry <xa@mes3.dev>
 Created on: 21 February, 2025
-Last updated on: 21 December, 2025
+Last updated on: 07 May, 2026
 -->
 {% extends "page.html" %}
-{% set title = _('Search') %}
+{% set title = _('Search Results') %}
 {% block scripts %}
     {{ super() }}
     <script src="{{ pathto('_static/searchtools.js', 1) }}"
@@ -19,12 +19,13 @@
 {% endblock scripts %}
 {% block body %}
     <div class="site-page site-page--wide">
-        {%- if pagename != master_doc and theme_show_breadcrumbs|tobool %}
+        {%- if show_breadcrumbs|tobool %}
             {%- include "breadcrumbs.html.jinja" %}
         {%- endif %}
         <div id="content"
              role="main"
              class="site-page__content site-search-page">
+            <h1>Search Results</h1>
             <div id="fallback"
                  class="site-search-page__fallback">
                 <script>
@@ -36,4 +37,8 @@
                  class="site-search-page__results"></div>
         </div>
     </div>
+    {%- if show_scrolltop|tobool %}
+        {%- include "scrolltop.html.jinja" %}
+    {%- endif %}
 {% endblock body %}
+{% set prev = {'link': pathto(master_doc)} %}
diff --git a/kaamiki/base/templates/searchbox.html.jinja b/kaamiki/base/templates/searchbox.html.jinja
index 036cdea..9f4d3bc 100644
--- a/kaamiki/base/templates/searchbox.html.jinja
+++ b/kaamiki/base/templates/searchbox.html.jinja
@@ -12,7 +12,7 @@ Last updated on: 06 May, 2026
       class="site-search"
       @keydown.k.window.meta="$refs.search.focus()">
     <label class="site-search__label">
-        <span class="sr-only">{{ _("Search") }}</span>
+        <span class="sr-only">{{ _('Search') }}</span>
         <input class="site-search__input"
                x-ref="search"
                type="search"

From a91314d8a97d189cd9f7eadd162190f7c0a92a8f Mon Sep 17 00:00:00 2001
From: Akshay Mestry <xa@mes3.dev>
Date: Thu, 7 May 2026 22:51:53 -0500
Subject: [PATCH 3/4] ci: trigger CI build

Signed-off-by: Akshay Mestry <xa@mes3.dev>

From 68becda7776a1f18b8daf1cce71f36f4711337e0 Mon Sep 17 00:00:00 2001
From: Akshay Mestry <xa@mes3.dev>
Date: Fri, 8 May 2026 23:39:40 -0500
Subject: [PATCH 4/4] ci: fix CI path

Signed-off-by: Akshay Mestry <xa@mes3.dev>
---
 .github/workflows/ci.yml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 3f6e3e6..1eb9400 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -3,7 +3,7 @@
 #
 # Author: Akshay Mestry <xa@mes3.dev>
 # Created on: 26 August, 2025
-# Last updated on: 04 May, 2026
+# Last updated on: 08 May, 2026
 
 name: Continuous Integration
 run-name: Started ${{ github.workflow }} (CI) workflow
@@ -14,7 +14,7 @@ on:
     paths:
       - ".github/**"
       - "docs/**"
-      - "theme/**"
+      - "kaamiki/**"
       - "pyproject.toml"
       - "requirements.txt"