LogoLogo
Sign inVisit bito.aiVideo Library
  • 👋Welcome to Bito Academy
  • 🆕Getting Started
    • Quick Overview
    • Installing on Visual Studio Code
    • Installing on JetBrain IDEs
    • Installing Chrome Extension
    • Vim/Neovim Plugin
    • Creating a Bito Account
    • Upgrading Bito Plugin
    • Bito AI Examples
  • 🛡️Privacy & Security
  • 🤖Bito Dev Agents
    • AI Code Review Agent
      • Key Features
      • Supported Programming Languages and Tools
      • Getting Started
        • Install/run Using Bito Cloud
          • Guide for GitHub
          • Guide for GitHub (Self-Managed)
          • Guide for GitLab
          • Guide for GitLab (Self-Managed)
          • Guide for Bitbucket
          • Integrate the AI Code Review Agent into the CI/CD pipeline
          • Create or customize an Agent instance
          • Clone an Agent instance
          • Delete unused Agent instances
        • Install/run as a self-hosted service
          • Prerequisites
          • CLI vs webhooks service
          • Install/run via CLI
          • Install/run via webhooks service
          • Install/run via GitHub Actions
          • Agent Configuration: bito-cra.properties File
      • Available Commands
      • Chat with AI Code Review Agent
      • Implementing custom code review rules
      • Excluding Files, Folders, or Branches with Filters
      • Code Review Analytics
      • FAQs
    • Wingman Coding Agent
      • Key features
      • Supported tools
      • Getting started
  • 🎯Feature Guides
    • AI Chat in Bito
      • Keyboard Shortcuts
      • Chat Session History
      • Share Chat Session
      • Appearance Settings
      • Open Bito in a new tab or window
    • AI that Understands Your Code
      • Overview
      • How it Works?
      • Available Keywords
      • Example Questions
      • How does Bito Understand My Code?
      • Using in Visual Studio Code
      • Using in JetBrains IDEs
      • Managing Index Size
      • FAQs
    • AI Code Completions
      • Overview
      • How it Works?
      • Enable/Disable Settings
      • Accept/Reject Suggestions
      • Keyboard Shortcuts
      • Supported Programming Languages
      • Use Cases and Examples
    • Basic/Advanced AI Models
    • Bito CLI
      • Overview
      • Install or Uninstall
      • Configuration
      • How to Use?
      • Available Commands
      • FAQs
  • 🔖Templates
    • Standard Templates
    • Custom Prompt Templates
    • Diff View
  • 🧠Bito's AI Stack
    • Embeddings
    • Vector Databases
    • Indexing
    • Generative AI
    • Large Language Models (LLM)
    • LLM Tokens
    • LLM Parameters
    • Retrieval Augmented Generation (RAG)
    • Prompts
    • Prompt Engineering
  • 👥Account & Settings
    • Workspace
    • Managing Workspace Members
    • Setting AI Output Language
    • Managing User Access Levels
    • Access Key
  • 💳Billing and Plans
    • Overview
    • Payment Methods
    • Managing Workspace Plan
    • Pay for Additional Workspace Members
    • Advanced AI Requests Usage
    • Billing History
    • Billing Details
    • Security
    • Refund Policy
    • Discounts
  • ⚒️Support & Questions
    • Getting Support
    • Troubleshooting
    • Is it GPT-4?
  • 🆕What's New
  • External Links
    • Git
    • Github Issues
    • Github Discussions
    • Bito.ai
    • VS Code Marketplace
    • JetBrain Marketplace
Powered by GitBook
LogoLogo

Bito Inc. (c) 2025

On this page
  • Light and Dark Themes
  • Theme Screenshots
  • “Always Light” Theme
  • “Always Dark” Theme
  • “Light” or “Dark” Theme - Matching IDE
  • “Adaptive” Theme
  • Font Size Control

Was this helpful?

Export as PDF
  1. Feature Guides
  2. AI Chat in Bito

Appearance Settings

PreviousShare Chat SessionNextOpen Bito in a new tab or window

Last updated 1 year ago

Was this helpful?

The IDE customization settings are accessible through the new toolbar dropdown menu titled "Extension Settings".

Light and Dark Themes

In Visual Studio Code and JetBrains IDEs, you can choose between a light or dark theme for the Bito panel to match your coding environment preference. For VS Code users, Bito also offers an adaptive theme mode in which the Bito panel and font colors automatically adjust based on your selected VS Code theme, creating a seamless visual experience.

You can set the desired theme through the Theme dropdown.

Theme Screenshots

“Always Light” Theme

“Always Dark” Theme

“Light” or “Dark” Theme - Matching IDE

“Adaptive” Theme

Theme adapted from “Noctis Lux”:

Theme adapted from “Solarized Light”:

Theme adapted from “Tomorrow Night Blue”:

Theme adapted from “barn-cat”:


Font Size Control

Take control of your code readability! Within the Bito extension settings, you can now adjust the font size for a comfortable viewing experience.

You can set the desired font size through the Font Size text field. However, if you check the Font Size (Match with IDE Font) checkbox, it will override the set font size with the Editor font size.

🎯
Theme adapted from “Noctis Lux”
Theme adapted from “Solarized Light”
Theme adapted from “Tomorrow Night Blue”
Theme adapted from “barn-cat”