Skip to content

feat(ui): add Tokyo Night theme#24054

Open
danrneal wants to merge 1 commit intogoogle-gemini:mainfrom
danrneal:add-tokyonight-theme
Open

feat(ui): add Tokyo Night theme#24054
danrneal wants to merge 1 commit intogoogle-gemini:mainfrom
danrneal:add-tokyonight-theme

Conversation

@danrneal
Copy link
Copy Markdown

@danrneal danrneal commented Mar 27, 2026

Summary

Adds the Tokyo Night dark theme to the Gemini CLI.

Details

  • Implemented the tokyonight-dark theme based on the popular Tokyo Night color palette. (https://github.com/folke/tokyonight.nvim)
  • Registered the new theme in ThemeManager (packages/cli/src/ui/themes/theme-manager.ts).
  • Updated the docs/cli/themes.md documentation to include the new theme in the "Dark themes" list and added a screenshot reference.
  • Added the corresponding screenshot theme-tokyonight-dark.png to docs/assets/.

Related Issues

Fixes #24056

How to Validate

  1. Build and run the CLI locally: npm run build && npm start
  2. Open the theme selection menu using the /theme command.
  3. Verify that "Tokyo Night" appears in the list of available themes.
  4. Select "Tokyo Night" and ensure the CLI UI colors and syntax highlighting update correctly.
  5. Verify the documentation renders correctly if viewing locally.

Pre-Merge Checklist

  • Updated relevant documentation and README (if needed)
  • Added/updated tests (if needed)
  • Noted breaking changes (if any)
  • Validated on required platforms/methods:
    • MacOS
      • npm run
      • npx
      • Docker
      • Podman
      • Seatbelt
    • Windows
      • npm run
      • npx
      • Docker
    • Linux
      • npm run
      • npx
      • Docker

@danrneal danrneal requested review from a team as code owners March 27, 2026 20:54
@gemini-code-assist
Copy link
Copy Markdown
Contributor

Summary of Changes

Hello, I'm Gemini Code Assist1! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request introduces the popular Tokyo Night dark theme to the Gemini CLI. The changes include the definition of the theme's color palette and syntax highlighting rules, its registration in the application's theme manager, and corresponding updates to the user documentation.

Highlights

  • New Theme Implementation: Added the 'Tokyo Night' dark theme, implementing the color palette and syntax highlighting configurations.
  • Theme Registration: Registered the new Tokyo Night theme within the ThemeManager to make it available in the CLI.
  • Documentation Update: Updated the themes documentation to include Tokyo Night in the dark themes list and added a visual reference.
Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature Command Description
Code Review /gemini review Performs a code review for the current pull request in its current state.
Pull Request Summary /gemini summary Provides a summary of the current pull request in its current state.
Comment @gemini-code-assist Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help /gemini help Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for GitHub and other Google products, sign up here.

Footnotes

  1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution.

Copy link
Copy Markdown
Contributor

@gemini-code-assist gemini-code-assist bot left a comment

Choose a reason for hiding this comment

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

Code Review

This pull request introduces the 'Tokyo Night' dark theme to the Gemini CLI, including its color palette, syntax highlighting styles, and documentation. A review comment suggests correcting the semantic color mapping in the theme definition to ensure that color names like AccentPurple and AccentBlue correspond to their expected palette values.

@gemini-cli gemini-cli bot added the area/core Issues related to User Interface, OS Support, Core Functionality label Mar 27, 2026
@danrneal danrneal force-pushed the add-tokyonight-theme branch from c6d98f5 to c54d43d Compare March 27, 2026 21:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area/core Issues related to User Interface, OS Support, Core Functionality

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add Tokyo Night theme to Gemini CLI

1 participant