This page presents how to easily set up your VSCode editor to color the spin/spin2 files as the Prallax "Propeller Tool" colors them.
The Spin2 vscode extension now supports spin/spin2 Code Block background coloring.
Setting up this feature is pretty easy. You will need to:
- Enable "color editor backgrounds" in the spin2 extension settings, and
- Select a Light or Dark theme for use with the colored backgrounds. That's it!
Press Cmd+Comma then enter spin2 to filter the settings list to just our Spin2 extension settings. Look for "Spin Extension Behavior: Color Editor Background" and toggle the "Enable..." setting (make sure it is checked).
When it is set as desired, close the "Settings" Tab.
To select a supporting color theme press (Cmd+K, Cmd+T) Then locate either the Spin2 Ironsheep Light for background color or scroll down further to the Spin2 Ironsheep Dark for background color theme. These set your editor overall appearance to Light or Dark appearance and also selects semantic highlight colors with more contrast for use on light backgrounds.
While I was working on developing this feature I noticed this pair coloring does not work too well with lightly colored backgrounds.
If this bothers you as well, simply disable your colorizer extension.
If you are using the built-in coloring braces/brackets/parenthesis then you may want to disable this.
Press Cmd+Comma then enter bracket to filter the settings list. You should now see Editor > Bracket Pair Colorization: Enabled. Uncheck this setting to stop colorizing the brackets.
NOTE: In the narrative describing the Enable setting you can see a reference to Workbench: Color Customizations. In the future, we should be able to provide an alternate braket pair set of colors that should work with our backgrounds.
I was surprised by one of the editor features which I didn't now I had enabled but it bothered me. The display while editing a file was just too busy. When you click on the editor to place the cursor the word next to the cursor or inwhich the cursor is placed is highlighted along with all other occurrences in the editor window. This has always worked on a double-click but on every click without asking for this highlighting... well I just found it bothersome. In case you do to here is the setting you need to adjust.
Thie setting editor.occurrencesHighlight: true can be set to false if this bothers you. This setting is found (or placed if not already there) in your user settings file. To edit this file serlect cmd+P then type in settings.json. This finds maybe four entries. Choose the one that represents your overall/global user settings file (for me, on my Mac this shows as: settings.json /user/*/Library/Application Support/User)
Add the entry near the top, then set it to false to disable or true to enable this auto-highlight feature.
That's all I have relative to this new background coloring feature. I hope you enjoy it.
If you like my work and/or this has helped you in some way then feel free to help me out for a couple of ☕'s or 🍕 slices or support my work by contributing at Patreon!
Copyright © 2023 Iron Sheep Productions, LLC.
Licensed under the MIT License.
Follow these links for more information: