Torque Dark Theme

Welcome to Torque Dark Theme! This is a soothing dark theme designed to enhance your coding experience with a balanced blend of high contrast colors.

Features

• Soothing dark background with carefully chosen colors for improved readability.
• High contrast to reduce eye strain during long coding sessions.
• Supports bracket pair colorization for better code comprehension.
• Compatible with popular fonts like Cascadia Code and Fira Code, with optional ligatures for enhanced readability.

Recommended Settings

For the best experience, we recommend the following settings:

• Font: Use either Cascadia Code or Fira Code with ligatures enabled for a more fluid coding experience.
  • Example setting for Cascadia Code: 'calt', 'ss01'.
• Bracket Pair Colorization: Enable bracket pair colorization to visually distinguish nested code blocks.

  "editor.bracketPairColorization.enabled": true
  

Screenshots

Contributing

If you'd like to contribute or fork the theme, please visit the GitHub repository:

• GitHub Repository

Get Up and Running Straight Away

To get started with Torque Dark Theme in Visual Studio Code, follow these steps:

1. Load Your Extension: Press F5 to open a new instance of VS Code with your Torque Dark Theme extension loaded. This opens an Extension Development Host window, which is a separate VS Code environment where you can test your theme.

2. Select the Torque Dark Theme: In the Extension Development Host window, navigate to:

   • File > Preferences > Color Themes (or Code > Preferences > Color Themes on Mac).
   • From the list of available themes, select Torque Dark Theme to apply it.

3. Test the Theme: Open a file with a language associated, like JavaScript or Python. The grammar for the language will tokenize the text and assign 'scopes' to the tokens. You can visually confirm that the colors for keywords, strings, comments, etc., match your expectations.

4. Inspect Tokens and Scopes: If you want to fine-tune the color scheme or better understand how different elements are styled:

   • Open the Command Palette by pressing Ctrl+Shift+P (or Cmd+Shift+P on Mac).
   • Type Developer: Inspect Editor Tokens and Scopes and select Developer: Inspect Editor Tokens and Colors instead. This tool allows you to click on different parts of the code to see what scope has been assigned and what colors are applied.

5. Make Edits to the Theme: If you want to make changes to the colors or styling:

   • Open the themes/Torque-color-theme.json file in your workspace. This file contains all the color definitions for your theme.
   • Modify the JSON properties to adjust the colors for various scopes and elements (e.g., keywords, strings, comments).
   • As you save the file, changes are automatically applied to the Extension Development Host window, allowing you to see the impact of your modifications in real-time.

Make Changes

• Any changes you make to the theme file (Torque-color-theme.json) will be immediately reflected in the Extension Development Host window, allowing you to test and adjust colors as needed.
• You can fine-tune specific elements like background color, token colors, and more by modifying the relevant entries in the JSON file.

Adopt Your Theme to Visual Studio Code

• The token colorization is done based on standard TextMate themes. Colors are matched against one or more scopes to provide a cohesive coding experience.
• To learn more about scopes and how they're used, check out the Color Theme documentation.

Installation

1. Package the theme using VSCE:

   vsce package
   

2. Install the VSIX file using VS Code:

   code --install-extension torque-dark-theme-0.0.1.vsix
   

Enjoy Coding!

I hope you enjoy using Torque Dark Theme as much as me and a friend enjoyed creating it! Feel free to share your thoughts and suggestions to make it even better.

Happy Coding!