Xcode14 Default themes  

The default themes in Xcode14 is something... I was not able to find themes that could rival it in vscode marketplace. Hence I created my own. It is identical to default themes in xcode. Hope it helps other programmers who also like Xcode themes.

This extension consists of both dark and light mode

Contents

• ScreenShots
• Installation
• Preferred settings
• Override color Scheme
• Repo link

---

Dark Theme

Light Theme

---

Install instructions

1. Through Extensions

• Open extensions in the activity bar
• Search for Xcode14-Default theme
• Click install
• Select the required color scheme (dark or light)

2. Directly through market place

• Go to https://marketplace.visualstudio.com/items?itemName=AswinVB.xcode14-default-themes
• Click install
• You will be redirected to VSCode automatically
• Click install
• Select the color scheme (dark or light)

---

Preferred settings

• Xcode uses SF Mono Medium as the primary font
• If not present in your system install from https://developer.apple.com/fonts/
• Copy the corresponding code depending on light or dark theme

• for Light Theme

"editor.fontFamily": "SFMono-Regular",

• for Dark Theme

"editor.fontFamily": "SFMono-Medium",

• For os other than MAC, the fonts can be downloaded from other sources like https://github.com/supercomputra/SF-Mono-Font
• Refer the docs or check the family name format while installing
• For the fonts intalled via above source, below config works

• for Light Theme

"editor.fontFamily": "SF Mono, Regular",

• for Dark Theme

"editor.fontFamily": "SF Mono, Medium",

• BRACKET PAIR COLORISATIZATION is not present in XCode
• To disable it copy the code below

"editor.bracketPairColorization.enabled": false,

• Place the copied code in settings.json File

---

Override Color Scheme

To remove scroll bars (both horizontal and vertical) and always show minimap slider

• Copy the code below

  "editor.scrollbar.horizontal": "hidden",
  "editor.scrollbar.vertical": "hidden",
  "editor.minimap.showSlider": "always",
  "editor.scrollbar.verticalScrollbarSize": 0,
  "editor.scrollbar.horizontalScrollbarSize": 0,
  

• Place them in settings.json file.

---

Find settings.json file

• Open command palette using
  ctrl + shift + p     in WINDOWS
  cmd + shift + p    in MAC

• Search for 'Open User Settings (JSON)`

• Paste the copied code inside below any line (don't go outside the parent {} brackets)

---

Repo

=> Open to contributions 😁