#10160 fix: Add Connectors section and refresh UI with Meltano purple branding
Pull request opened by
himanil-meltano
Description
•
New Connectors section - added a Connectors top-level navbar item with its own sidebar (All Connectors / Outlook / Sharepoint), a searchable "All connectors" index page, and active-state highlighting that persists across the whole section (not just the exact landing page)
•
Purple rebrand - replaced the blue primary color with purple (#7C56DC light / #CBBBF1–#A388E7 family in dark) across links, buttons, banners, tables, and hover states, in both light and dark mode
•
Icon overhaul - swapped custom/legacy icons for Phosphor icons (navbar: Platform/Connectors/Changelog; sidebar categories: Meltano Cloud, Meltano Open, Concepts, Reference, Tutorials, Contribute), with distinct inactive/active/hover colors
•
Sidebar redesign - reworked spacing, hover backgrounds, smaller caret icons, consistent padding, smaller font, and narrower width; also fixed a real layout bug where the sidebar's negative top-margin (used to slide it behind the navbar) wasn't compensated, silently hiding the first 1–2 items on every page
•
Footer cleanup - removed all the 404 links that were pointing to inactive links. Introduced the "Company" column, renamed "The Project" to "Meltano" with updated links (Overview, Blogs, Case studies, Data Matas Podcast)
•
Dark-mode polish - fixed GitHub/Slack icon hover color, pagination Previous/Next hover text color, and the navbar logo/active-state colors to match the new purple system
•
Changelog page - removed the "Subscribe to Updates" button from the hero section as it was pointing to an unknown URL.
•
Typography - Typography is now uniform across all the pages. Switched navbar, sidebar, and button text to Plus Jakarta Sans
Checklist
• I have read the
contribution guide
Was generative AI tooling used to co-author this PR?
• Yes (please specify the tool below)
Related Issues
• Closes #XXXX
Summary by Sourcery
Introduce a new Connectors documentation section and update the docs site styling to use the new Meltano purple visual system.
New Features:
• Add a top-level Connectors nav item with its own sidebar and searchable index page for available connectors.
• Document new Outlook and SharePoint spreadsheet connectors with dedicated setup and usage guides.
Enhancements:
• Refresh site-wide branding to a purple-focused color palette, including buttons, badges, banners, tables, and hover states in both light and dark modes.
• Standardize typography across navigation, sidebar, and buttons on Plus Jakarta Sans and refine sidebar spacing, paddings, and caret icons for better readability.
• Improve navbar and sidebar active/hover states, breadcrumbs, tables of contents, and pagination link styling for clearer navigation cues, especially in dark mode.
• Update navigation icons for GitHub, Slack, and header links to match the new visual system and adjust cloud cards, tier banners, and page-nav cards to the new purple theme.
• Add a connector search component and responsive connector card grid for easier discovery of connectors from the index page.
• Fix the docs sidebar layout so its content is fully visible beneath the navbar via corrected padding and height variables.
• Clean up the docs footer by updating the Meltano column links and removing outdated or 404 destinations.
• Remove the outdated “Subscribe to Updates” button from the changelog page hero.
meltano/meltano