Issue #68  (Toggle Light/Dark Themes)08/09/23

Advertisement
Meco: An Inbox Designed for Reading NewslettersEnjoy your newsletters in a space built for mindful reading while giving your inbox space to breathe. It's easy to get set up and completely free!

Some programmers working in VS Code may like to toggle between light and dark mode quickly at any given moment. For example, maybe later in the day you like to switch to dark mode. Or it might depend on the project or programming language you're working in.

Last year VS Code added a command to allow you to switch quickly. Open your command palette (CTRL/CMD-SHIFT-P) then search for Preferences: Toggle between Light/Dark Themes
 
Toggle light/dark themes in VS Code

When you toggle it once, it will be in your recently used commands so it will be easier to find later. This toggle acts based on the following four VS Code settings:

  • workbench.preferredDarkColorTheme
  • workbench.preferredLightColorTheme
  • workbench.preferredHighContrastColorTheme
  • workbench.preferredHighContrastLightColorTheme
If you search for something like "preferred dark" in your settings, you'll find all the associated settings.
 
Set your light/dark preferences in VS Code

Thus, when you use the 'toggle' command, the light/dark modes will be chosen based on what you prefer.

There is no default keyboard shortcut for this toggle, but that's easy enough to change. You just have to find a key combo that doesn't conflict with anything else. For example, I used the combo CTRL-L CTRL-D (i.e. representing light/dark).
 
Choose a keyboard shortcut for toggling light/dark in VS Code

So now I can switch easily to the opposite mode whenever I have the urge and I don't have to use the command palette to do so.

Now on to this week's hand-picked links!
 

VS Code Tools

Git History — A popular VS Code extension that allows you to view your Git log, file history, compare branches or commits, and lots more.

Denigma — Extension for VS Code, JetBrains, and Chrome that explains code in understandable English, powered by machine learning.

Cutting-edge AI Marketing and Automation — From AI automations to content generation, Constant Contact offers a range of advanced features to help you create highly targeted, effective campaigns without the hassle of writer's block.  Sponsor 

Blackbox AI — VS Code extension that allows you to write and review code with the help of AI-powered code autocompletion and chat.


VS Code Theme of the Week

C/C++ Themes — In case you were curious, this theme (or more accurately, set of themes) is actually the most installed theme on the VS Code Marketplace. Not a surprise since it's designed for a popular pair of languages.

C/C++ Themes for VS Code

In the screenshot above, I'm using one of the two dark themes and it's applied to a JavaScript file. So the syntax highlighting seems pretty decent to me. The themes were created for VS Code to "closely match" some existing themes that were popular with Visual Studio.
 

VS Code Articles & Videos

VS Code 1.81 (July 2023 Updates) — The latest update to VS Code includes accessibility improvements, refinements to Profiles, new features in the Diff Editor, and lots more.

Tmux and VSCode - Persist Terminals for Productivity and Profit — A quick intro to Tmux, a popular terminal window manager, along with a tip on using it to persist your sessions for specific projects.

Bytes: Your Favourite JavaScript Newsletter — I subscribe to a lot of newsletters, but this is definitely one I look forward to. Entertaining with lots of cool and useful JavaScript coding tidbits, news, and tools.   Sponsor 

▶ Beyond Chat: Unveiling the New Features in VS Code & GitHub Copilot — If you've only scratched the surface when using GitHub Copilot in VS Code, this video from the VS Code YouTube channel will help get you up to speed with Copilot's new features.
 

Best of the Rest

Webstudio — A website builder similar to the popular Webflow, but no vendor lock-in (the engine is open-source), and has features for CSS developers.

Usage-Tracker.nvim — A Neovim plugin that enables you to track the time you spend on files, projects, repos, file types, etc.

Github Copilot and ChatGPT Alternatives — Mainly a list with not much discussion of each, but maybe you'll want to consider a few of these.


Suggestions?

If you have any link suggestions, including a tool, article, or other resources related to VS Code or another IDE, send it via DM on X: @LouisLazaris or just hit reply on this email.

That's it for this issue.

Happy VS Coding!
Louis
VSCode.Email
@LouisLazaris
Copyright © VSCode.Email. All rights reserved.

Not affiliated with Microsoft, Visual Studio Code, or any of its trademarks.