Skip to content

feat(docs): add dark mode support#2216

Open
Amarprasad33 wants to merge 1 commit intotambo-ai:mainfrom
Amarprasad33:feature/dark-mode
Open

feat(docs): add dark mode support#2216
Amarprasad33 wants to merge 1 commit intotambo-ai:mainfrom
Amarprasad33:feature/dark-mode

Conversation

@Amarprasad33
Copy link

Summary


tambo-dark.mode.mp4

This PR enables full dark mode support for the documentation site, including a theme switcher, theme-aware icons, and appropriate styling updates.

  • Added ThemeProvider to handle theme context and switching.
  • Enabled the theme toggle in the main layout configuration.
  • Implemented responsive icons that automatically switch assets based on the active theme.
  • Updated styling with CSS variables for better dark mode visibility (borders, validation).

Key Changes

Docs (docs/src)

  • layout.tsx: Wrapped application in ThemeProvider (next-themes) to enable theme persistence and switching.
  • layout.config.tsx: Enabled themeSwitch in the baseOptions configuration.
  • components/icons.tsx: Created TamboLogoIcon and TamboOctoIcon components that dynamically render Light or Dark SVG assets based on resolvedTheme.
  • (docs)/styles.css: Added --color-dm-nav-border and --color-lm-nav-border variables for theme-aware navigation borders.
  • Assets: Added Octo-Icon-Dark.svg and Tambo-Lockup-Dark.svg to public/logo.

Test plan

  • Open the documentation and verify the theme switch appears in the header.
  • Toggle between Light and Dark modes; ensure background and text colors invert correctly.
  • Verify that the Tambo Logo and Octo Icon switch to their Dark variants when Dark mode is active.
  • Check navigation borders and ensure they are visible and styled correctly in both modes.
  • Refresh the page to ensure the selected theme persists.
@vercel
Copy link

vercel bot commented Feb 5, 2026

@Amarprasad33 is attempting to deploy a commit to the tambo ai Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions github-actions bot added area: documentation Improvements or additions to documentation status: triage Needs to be triaged by a maintainer contributor: external Created by an external contributor change: feat New feature labels Feb 5, 2026
@lachieh lachieh self-assigned this Feb 5, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area: documentation Improvements or additions to documentation change: feat New feature contributor: external Created by an external contributor status: triage Needs to be triaged by a maintainer

2 participants