Xcode Theme for VS Code
A custom VS Code theme that replicates the look and feel of Xcode's interface, specifically designed for iOS/macOS developers.
Features
- Xcode Light Theme: Matches Xcode's default light color scheme
- Custom File Icons: Xcode-style icons for Swift, Objective-C, and iOS project files
- File Explorer Settings: Configured to behave like Xcode's navigator
Installation
Method 1: Manual Installation
Copy the entire xcode-theme folder to your VS Code extensions directory:
- macOS:
~/.vscode/extensions/
- Windows:
%USERPROFILE%\.vscode\extensions\
- Linux:
~/.vscode/extensions/
Reload VS Code
Go to Preferences > Color Theme and select "Xcode Light"
Go to Preferences > File Icon Theme and select "Xcode Icons"
Method 2: Development Mode
- Open VS Code
- Press
F1 and type "Developer: Install Extension from Location"
- Navigate to this folder and select it
What's Included
Color Theme
- Light background matching Xcode's default theme
- Syntax highlighting colors that match Xcode
- UI colors for sidebar, tabs, and status bar
File Icons
- Swift files (
.swift)
- Objective-C files (
.m, .mm)
- Header files (
.h, .hpp)
- Xcode project files (
.xcodeproj, .pbxproj)
- Interface Builder files (
.xib, .storyboard)
- Asset catalogs (
.xcassets)
- And more...
Settings
The included settings.json configures:
- File explorer behavior
- Font settings (SF Mono when available)
- File exclusions for Xcode build artifacts
- Tree indentation and guides
Note: Additional screenshots will be added as the extension develops
Customization
You can modify the theme files in the themes/ directory:
xcode-light-theme.json - Color themexcode-icons.json - File icon mappings
Contributing
Feel free to submit issues and enhancement requests!
License
MIT License
| |
