diff --git a/astro.config.mjs b/astro.config.mjs index f741cf4..7befcdc 100644 --- a/astro.config.mjs +++ b/astro.config.mjs @@ -53,6 +53,7 @@ export default defineConfig({ }, components: { PageSidebar: './src/components/PageSidebarWithBadges.astro', + Head: './src/components/CustomHead.astro', }, expressiveCode: { themes: ['one-light', 'one-dark-pro'], diff --git a/src/components/CustomHead.astro b/src/components/CustomHead.astro new file mode 100644 index 0000000..afb1cd2 --- /dev/null +++ b/src/components/CustomHead.astro @@ -0,0 +1,164 @@ +--- +import Default from '@astrojs/starlight/components/Head.astro'; +--- + + + + \ No newline at end of file diff --git a/src/styles/custom.css b/src/styles/custom.css index bb4b175..77a4d48 100644 --- a/src/styles/custom.css +++ b/src/styles/custom.css @@ -288,4 +288,50 @@ h2#starlight__on-this-page::before { .sidebar-pane .sidebar-content { padding-right: 0; +} + +/* Kapa DocSearch Integration */ +.kapa-ask-ai-button { + display: flex; + align-items: center; + justify-content: center; + width: calc(100% - 32px); + margin: 12px 16px; + padding: 12px 16px; + background-color: rgba(109, 60, 232, 0.1); + border: 1px solid rgba(109, 60, 232, 0.2); + border-radius: 8px; + font-size: 14px; + color: #6d3ce8; + cursor: pointer; + transition: all 0.2s ease; + position: relative; + overflow: hidden; + font-family: inherit; + font-weight: 600; +} + +.kapa-ask-ai-button:hover { + background-color: rgba(109, 60, 232, 0.15); + border-color: rgba(109, 60, 232, 0.3); + transform: translateY(-1px); + box-shadow: 0 2px 5px rgba(109, 60, 232, 0.1); +} + +.kapa-ask-ai-button:active { + background-color: rgba(109, 60, 232, 0.2); + transform: translateY(0); +} + +/* Dark mode adjustments for Kapa button */ +:root[data-theme='dark'] .kapa-ask-ai-button { + background-color: rgba(109, 60, 232, 0.15); + border-color: rgba(109, 60, 232, 0.3); + color: #a78bfa; +} + +:root[data-theme='dark'] .kapa-ask-ai-button:hover { + background-color: rgba(109, 60, 232, 0.25); + border-color: rgba(109, 60, 232, 0.4); + color: #c4b5fd; } \ No newline at end of file