Xcode Light Theme
A faithful recreation of Xcode's default light theme with Xcode-style project navigator layout and enhanced syntax highlighting.
Features
- 🎨 Authentic Colors: Uses Xcode's original light theme color palette
- 🗂️ Xcode-style Navigator: Project explorer styled to match Xcode's project navigator
- 🔍 Enhanced Syntax Highlighting: Optimized for multiple programming languages
- 📝 Language-specific Rules: Special highlighting for Swift, Objective-C, JavaScript/TypeScript, and Python
- 🖥️ Complete UI Theme: Carefully crafted colors for sidebar, activity bar, tabs, and more
Installation
From Trae Extensions
- Open Trae IDE
- Go to Extensions panel
- Search for "Xcode Light Theme"
- Click Install
- Activate the theme by pressing
Ctrl+K Ctrl+T (or Cmd+K Cmd+T) and select "Xcode Light"
Manual Installation
- Download the
.vsix file from releases
- In Trae, press
Ctrl+Shift+P (or Cmd+Shift+P)
- Type "Extensions: Install from VSIX"
- Select the downloaded
.vsix file
- Restart Trae and activate the theme
Color Palette
This theme uses the following color palette inspired by Xcode's original light theme:
- Keywords:
#ad3da4 (Purple) - for language keywords and control flow
- Strings:
#d12f1b (Red) - for string literals and text
- Functions:
#272ad8 (Blue) - for function names and method calls
- Comments:
#536579 (Gray, italic) - for code comments
- Numbers:
#272ad8 (Blue) - for numeric literals
- Classes:
#3f6e75 (Teal) - for class names and types
- Variables:
#000000 (Black) - for variable names
UI Colors
- Sidebar Background:
#f6f6f6 - matches Xcode's project navigator
- Activity Bar:
#f0f0f0 - clean, minimal appearance
- Editor Background:
#ffffff - pure white for optimal readability
- Selection:
#0066cc - Xcode-style blue selection
Supported Languages
Optimized syntax highlighting for:
- Swift - Attributes, types, and Swift-specific keywords
- Objective-C - Preprocessor directives and class names
- JavaScript/TypeScript - Modern JS/TS syntax and types
- Python - Decorators and Python-specific constructs
- C/C++ - System types and preprocessor
- Java - Annotations and Java keywords
- HTML/CSS - Web development syntax
- JSON/XML - Data format highlighting
- Markdown - Documentation formatting
- And many more...
Recommended Settings
For the best Xcode-like experience, add these settings to your settings.json:
{
"editor.fontFamily": "'SF Mono', Menlo, Monaco, 'Courier New', monospace",
"editor.fontSize": 12,
"editor.fontWeight": "400",
"editor.lineHeight": 1.4,
"editor.tabSize": 4,
"editor.insertSpaces": true,
"editor.renderWhitespace": "selection",
"editor.minimap.enabled": true,
"workbench.colorTheme": "Xcode Light",
"workbench.iconTheme": "vs-seti"
}
Screenshots
Swift Development
import UIKit
// MARK: - View Controller
class ViewController: UIViewController {
@IBOutlet weak var titleLabel: UILabel!
override func viewDidLoad() {
super.viewDidLoad()
setupUI()
}
private func setupUI() {
titleLabel.text = "Hello, Xcode!"
titleLabel.textColor = .systemBlue
}
}
JavaScript/TypeScript
// Modern JavaScript with TypeScript
interface User {
id: number;
name: string;
email?: string;
}
class UserManager {
private users: User[] = [];
async fetchUser(id: number): Promise<User | null> {
const response = await fetch(`/api/users/${id}`);
return response.ok ? response.json() : null;
}
addUser(user: User): void {
this.users.push(user);
}
}
Python
# Python with decorators and type hints
from typing import List, Optional
from dataclasses import dataclass
@dataclass
class Person:
name: str
age: int
email: Optional[str] = None
def __post_init__(self):
if self.age < 0:
raise ValueError("Age cannot be negative")
def process_people(people: List[Person]) -> List[str]:
"""Process a list of people and return their names."""
return [person.name for person in people if person.age >= 18]
Changelog
Version 1.0.0 (Latest)
- 🎉 Initial release of Xcode Light Theme
- 🎨 Faithful recreation of Xcode's default light theme color palette
- 🗂️ Xcode-style project navigator layout with enhanced sidebar colors
- 🔍 Enhanced syntax highlighting for multiple programming languages
- 📝 Language-specific rules for Swift, Objective-C, JavaScript/TypeScript, and Python
- 🖥️ Complete UI theme with carefully crafted colors for sidebar, activity bar, tabs
- ✨ Optimized for readability and developer productivity
- 🎯 Perfect color matching with Xcode's original light theme
Contributing
Contributions are welcome! To contribute:
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature)
- Commit your changes (
git commit -m 'Add amazing feature')
- Push to the branch (
git push origin feature/amazing-feature)
- Open a Pull Request
Acknowledgments
- Apple for the beautiful Xcode design inspiration
- The VS Code community for theming guidelines
- Trae IDE for providing an excellent development platform
Note: This theme is not an official Apple product and is not endorsed by Apple Inc.
