bbdls-light VS Code/Cursor Theme

A color scheme born from FEYNCHAT's mind, which decided it was time to spruce up its own user interface with a light mode option.

Features

• Created by asking FEYNCHAT to create a scientifically-informed, light mode theme for VSCode that prioritizes readability and coding efficiency ("prompt engineering")
• Carefully selected color palette based on color theory principles (according to it at least)
• Optimized for code readability and reduced eye fatigue (supposedly)
• Matches the code display colors used in light mode on FEYNCHAT
• Engineered through iterative refinement using AI assistance from FEYNCHAT

Color Scheme Analysis

Here's a breakdown FEYNCHAT gave about its color choices, designed to enhance readability and reduce eye strain:

1. Light Background (#F8F9FA): Provides a clean, bright canvas for code, reducing eye strain in well-lit environments.

2. High Contrast: Dark foreground (#2E3440) against the light background for improved readability.

3. Color Differentiation:

   • Keywords: #D32F2F (bright red) for easy identification of language constructs
   • Strings: #388E3C (green) to clearly distinguish text content
   • Functions: #0277BD (blue) for quick recognition of method calls
   • Variables: #1565C0 (darker blue) to differentiate from functions while maintaining a cohesive look
   • Constants: #8E24AA (purple) to highlight immutable values

4. Muted Colors: Secondary elements use subdued colors to avoid visual clutter.

5. Selective Use of Italics: Enhances visual hierarchy for certain code elements.

6. Harmonious Color Palette: Carefully selected to be visually pleasing and reduce eye fatigue.

7. Error Highlighting: Bright colors for errors to ensure quick identification of issues.

8. Subdued Comments: Muted gray to de-emphasize while maintaining readability.

This color scheme balances visual comfort with code comprehension, optimized for long coding sessions in well-lit environments.

Development Process

This theme was developed through an AI-assisted process:

1. Started with a base VS Code theme schema
2. Used FEYNCHAT as a brainstorming tool for color ideas
3. Provided prompts to the AI, such as:
   • "Suggest colors for a light mode VSCode theme focusing on readability"
   • "Recommend a color scheme that might be suitable for long coding sessions in well-lit environments"
4. Iteratively refined the theme based on a combination of AI suggestions and personal preferences
5. Used FEYNCHAT to get explanations for potential color choices

The result is a theme that explores the concept of AI-assisted design while relying on human judgment for final decisions. The color scheme analysis provided earlier in this README is a combination of AI-generated explanations and human interpretation, demonstrating one approach to collaborative theme development.

Note: FEYNCHAT was used in the process, the effectiveness of the theme is subjective and may vary based on individual preferences and needs.

Installation

VS Code

1. Copy the entire theme folder into: <user home>/.vscode/extensions

2. Reload VS Code window:

   • Open the Command Palette (Cmd+Shift+P on Mac, Ctrl+Shift+P on Windows/Linux)
   • Type "Reload Window" and select the option
   • VS Code will restart and apply the new theme

3. Select the theme:

   • Go to File > Preferences > Color Theme
   • Or use the shortcut (Ctrl+K Ctrl+T) or (Cmd+K Cmd+T)
   • Choose "bbdls-light"

Cursor

1. Copy the theme folder into: <user home>/.cursor/extensions

2. Reload VS Code window:

   • Open the Command Palette (Cmd+Shift+P on Mac, Ctrl+Shift+P on Windows/Linux)
   • Type "Reload Window" and select the option
   • Cursor will restart and apply the new theme

3. Select the theme:

   • Use the shortcut (Ctrl+R Ctrl+T) or (Cmd+R Cmd+T)
   • Choose "bbdls-light"

Development

The main theme file is: themes/bbdls-light-color-theme.json

To make changes:

1. Edit the theme JSON file
2. Changes are automatically applied to the Extension Development Host window
3. Use "Developer: Inspect Editor Tokens and Scopes" command to examine token scopes

About

Created by chatting with FEYNCHAT, demonstrating weird use cases of LLMs such as asking for color codes for design.

This theme is primarily intended for internal use at bbdeeplearning.systems and for the dispplay of code in FEYNCHAT's responses in light mode.

For more information on building VS Code themes, see the color theme documentation.

License

This theme is licensed under the MIT License. See the LICENSE file for details.