To get started with Torque Dark Theme in Visual Studio Code, follow these steps:
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.
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.
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.
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.
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.
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.