MacOS Modern is a set of Visual Studio Code themes styled to match native macOS as closely as possible. Updated to include dark + light versions and a few minimal icon themes. Reapply both (icon and color) themes if you have problems. I HIGHLY recommend using the settings below for best results. I know Visual Studio can auto format to make my code indented properly, but I cannot find shortcut. Recommended Training – Treehouse From beginner to advanced, our recommended coding training is Treehouse.
Big Sur
Added Big Sur Versions + Icons! Sourcetree keychain app.
macOS Modern is a set of Visual Studio Code themes styled to match native macOS as closely as possible. Updated to include dark + light versions and a few minimal icon themes. Reapply both (icon and color) themes if you have problems. I HIGHLY recommend using the settings below for best results
(https://github.com/davidbwaters/macOS-modern-vscode-theme/raw/master/images/shot1.png)
(https://github.com/davidbwaters/macOS-modern-vscode-theme/raw/master/images/shot2.png)
(https://github.com/davidbwaters/macOS-modern-vscode-theme/raw/master/images/shot3.png)
(https://github.com/davidbwaters/macOS-modern-vscode-theme/raw/master/images/shot4.png)
(https://github.com/davidbwaters/macOS-modern-vscode-theme/raw/master/images/shot5.png)
Flip for mac download. (https://github.com/davidbwaters/macOS-modern-vscode-theme/raw/master/images/shot6.png)
(https://github.com/davidbwaters/macOS-modern-vscode-theme/raw/master/images/shot7.png)
Setup & Tweaks
There are a few settings that should be added to your User Settings to really transform the look to better match OS X. The zoom level and native title bar make a huge difference in the overall look of VSCode. I also prefer to hide the Activity Bar, which can be done from the View menu.
Visual Studio Where Is Format Code
Highly Recommended
Visual Studio Code Mac Format Code Keys
Extension Tweaks
If you choose to hide the activity bar, you can install the 'Activitus Bar' extension to add the activity bar buttons to your status bar. Add these settings to theme the 'Activitus Bar' and 'Project Manager' extensions to match Modern macOS.
Optional Additions
You can optionally hide the minimap.
Activity Bar Badge Background
You can change the activity bar badge background with these settings. Add the line for the color you want to workbench.colorCustomizations
Extras
Light and dark VSCode icons are also included in full quality (don't use the small preview below) on the GitHub repo or in the extension folder in:~/.vscode/extensions/davidbwaters.macOS-modern-theme/extras/app-iconsYou could also download the files from the repo folder by clicking the name of the icns or png and clicking the 'Download' button. You can use the free app LiteIcon to change the icon.
There are also Sketch design files with all the icons. Feel free to use, tweak, add, etc. If you find them useful, a shoutout would be appreciated.
David B. Waters
:) :) :)
Comments are closed.