Skip to content
Closed
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 12 additions & 0 deletions website/src/styles/starlight-overrides.css
Original file line number Diff line number Diff line change
Expand Up @@ -108,6 +108,18 @@ body:has(#main-content) {
--sl-color-bg-nav: transparent;
}

/* Remove header border and Starlight padding/borders above the custom content.
Hero section (and its background grid) touches the header seamlessly,
completely eliminating any 'bar' or gap between them. */
body:has(#main-content) header.header {
border-bottom: none !important;
}

body:has(#main-content) .content-panel {
Comment on lines +114 to +118
Copy link

Copilot AI Apr 3, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These overrides are scoped to body:has(#main-content), but #main-content is used across multiple splash pages (e.g., /agents, /skills, etc.), not just the homepage. If the intent is truly homepage-only (per PR title/description), consider narrowing the selector to a homepage-specific marker (e.g., body:has(#main-content):has(section.hero) or a body/class set only on index.astro) to avoid unintended layout changes on other splash pages.

Copilot uses AI. Check for mistakes.
Copy link

Copilot AI Apr 3, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

body:has(#main-content) .content-panel will match any .content-panel on pages that include #main-content, even if that panel isn’t the one wrapping the custom splash content. To reduce blast radius, target the specific panel that contains #main-content (e.g., .content-panel:has(#main-content) or main:has(#main-content) > .content-panel) so other Starlight panels aren’t accidentally affected.

Suggested change
body:has(#main-content) .content-panel {
.content-panel:has(#main-content) {

Copilot uses AI. Check for mistakes.
padding-top: 0 !important;
border-top: none !important;
}

/* ── Hide Starlight's built-in theme selector (dropdown) ─── */
/* We use our own custom ThemeToggle component instead */
starlight-theme-select {
Expand Down
Loading