Skip to content

Saim-Khan1/Custom-VSCode

Repository files navigation

Custom-VSCode

A custom Visual Studio Code setup based on Xcode on macOS

CleanShot 2024-10-14 at 21 31 21@2x

Prerequisites

This works on Visual Studio Code version 1.93.1; everything bar sidebar transparency should work on the latest version but transparency may not.

Setup

1. Install the APC Customize UI++ extension

This is used to enable custom CSS styling and the material on the sidebar.

2. Copy over settings.json

This file contains all the customisations, including custom CSS styling and other editor properties. Open Settings, click on the Open Settings (JSON) button (page icon with an arrow) near the top right, and paste in the contents of the settings.json file in this repo.

3. Install Actual Xcode Theme (Dark) and Xcode Default Theme (Light) and set themes

There are some slightly modified versions of these themes in this repo, feel free to drag these into ~/.vscode/extensions to update the existing folders. Also be sure to set your VSCode theme mode to Auto in Settings if you want your VSCode theme to match the device appearance.

4. Install Material Icons

Adds a nicer set of icons to files and folders in the sidebar, and in tabs.

5. (Optional) Add fonts

You may wish to use 'SF Mono Medium' and 'Xcode Digits' (located in /Applications/Xcode.app/Contents/SharedFrameworks/DVTUserInterfaceKit.framework/Versions/A/Resources/Fonts on macOS). Set SFMono-Medium under Editor: Font Family in Settings, and simply dragging the Xcode Digits font into your device's fonts folder will have it show up in VSCode (the CSS is there for it already).

About

A custom Visual Studio Code setup based on Xcode on macOS.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors