Issue #61 (Live Theme Previews)06/21/23
If you've got multiple color themes installed in VS Code, as you probably know, you can switch between them by choosing File > Preferences > Theme > Color Theme. The shortcut for this is CTRL/CMD-K CTRL/CMD-T.
This opens the Color Theme dropdown, where you'll see all your installed themes divided into light and dark categories. But notice the option at the top of the dropdown called "Browse Additional Color Themes..."
Selecting this option provides direct access to the VS Code extension marketplace where you can user your up/down arrows to cycle through the marketplace theme options. Each of the options you highlight will automatically be previewed directly in your editor — without having to install any of the remote themes.
You can hit ENTER to install the theme or use the little cog icon next to the desired theme to 'manage' that theme (which opens the theme in your Extensions panel) so you can review more details about it before installing.
Now on to this week's hand-picked links!
|
|
|
VS Code Tools
|
deoptexplorer-vscode — VS Code extension to inspect deoptimizations, ICs, function states, V8 maps, and CPU profiling data for your JavaScript and TypeScript code running in V8 (i.e., Edge, Chrome, NodeJS, etc.).
Expo Tools — VS Code extension that adds tools for working with Expo, a platform for creating cross-platform mobile apps.
Date & Time — VS Code extension that displays a clock and date information in the status bar in your editor, with configuration options to adjust the format.
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
Abstra — VS Code extension that adds a drag-and-drop UI builder for Python projects, to build dashboards, internal tools and apps without frameworks, HTML, or CSS.
|
VS Code Theme of the Week
|
Bluloco Dark Theme — A fancy but sophisticated dark color theme designed with aesthetics, contrast, and readability in mind. Originally forked from another theme called One Dark Theme, but customized using a more intuitive color palette.
This extension includes a regular and italic version and the same developer has also created a light version that you have to install as a separate theme. Overall, this is a nice high-contrast theme with an attractive color palette. |
|
|
|
|
VS Code Articles & Videos
|
|
|
|
|
Best of the Rest
|
Text Editor Data Structures — Cameron DaCamara explains his journey to rework some internal text data structures in an editor he's been building.
Reconstructing Obsidian Features in Vim and Bash — A brief set of little hacks and tips for recreating features of the popular note-taking app.
Visual Studio UI Refresh — Microsoft unveils some early designs based on Fluent design principles, for their Visual Studio IDE, requesting feedback on the new direction.
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
|
|
|
