TensorX — Modern AI Dark Theme for VS Code
TensorX is a modern, deep-black dark theme for Visual Studio Code, designed for developers who work with AI, agents, and modern software stacks.
Built on an obsidian foundation with carefully tuned contrast, TensorX delivers exceptional readability during long coding sessions. Its semantic color system enhances focus while keeping your workspace clean and distraction-free.
Why TensorX?
- Ultra-clean dark background
- High-contrast, readable syntax highlighting
- Optimized for AI, TypeScript, JavaScript, Python, and modern stacks
- Minimal UI chrome for deep focus
- Calm, futuristic aesthetic
- Designed for long coding sessions
TensorX is not a neon theme. It is engineered for clarity, balance, and flow.
Perfect for
- AI engineers
- Vibecoders
- Full-stack developers
- Night-time builders
- Deep work sessions
If you like minimalist dark themes with strong semantic contrast and a modern AI-inspired atmosphere, TensorX is built for you.
Installation
This theme has two parts: a color theme and CSS customizations that create the floating glass panel look.
One-Liner Install (Recommended)
macOS/Linux
curl -fsSL https://raw.githubusercontent.com/juansemastrangelo/tensorx/main/bootstrap.sh | bash
Windows
irm https://raw.githubusercontent.com/juansemastrangelo/tensorx/main/bootstrap.ps1 | iex
The scripts automatically:
- Install the TensorX theme extension
- Install the Custom UI Style extension
- Install Bear Sans UI fonts
- Download and install IBM Plex Mono and FiraCode Nerd Font
- Install Seti Folder icon theme
- Merge settings into your VS Code configuration
- Enable Custom UI Style and reload VS Code
Manual Installation
Step 1: Install the theme
git clone https://github.com/juansemastrangelo/tensorx.git tensorx
cd tensorx
mkdir -p ~/.vscode/extensions/juansemastrangelo.tensorx-1.0.0
cp package.json ~/.vscode/extensions/juansemastrangelo.tensorx-1.0.0/
cp -r themes ~/.vscode/extensions/juansemastrangelo.tensorx-1.0.0/
On Windows (PowerShell):
$ext = "$env:USERPROFILE\.vscode\extensions\juansemastrangelo.tensorx-1.0.0"
New-Item -ItemType Directory -Path $ext -Force
Copy-Item package.json $ext\
Copy-Item themes $ext\themes -Recurse
Step 2: Install Custom UI Style extension
The floating panels, rounded corners, glass borders, and animations require the Custom UI Style extension by subframe7536.
- Open Extensions (
Ctrl+Shift+X)
- Search for Custom UI Style
- Click Install
Step 3: Apply the settings
- Open Command Palette (
Ctrl+Shift+P)
- Search for Preferences: Open User Settings (JSON)
- Merge the contents of this repo's
settings.json into your settings
Step 4: Enable Custom UI Style
- Open Command Palette (
Ctrl+Shift+P)
- Run Custom UI Style: Enable
- VS Code will reload
Note: You may see a "corrupt installation" warning after enabling. This is expected — click the gear icon and select Don't Show Again.
UI Customizations
| Element |
Effect |
| Canvas |
Deep dark background behind all panels |
| Sidebar |
Floating with 24px rounded corners, glass borders, drop shadow |
| Editor |
Floating with 24px rounded corners, glass borders |
| Activity bar |
Pill-shaped with glass inset shadows, circular selection indicator |
| Command center |
Pill-shaped with glass effect |
| Bottom panel |
Floating with 14px rounded corners, glass borders |
| Notifications |
14px rounded corners, glass borders, deep drop shadow |
| Command palette |
16px rounded corners, glass borders, rounded list rows |
| Scrollbars |
Pill-shaped thumbs with fade transition |
| Tabs |
Browser-tab style, close button fades in on hover |
| Breadcrumbs |
Hidden until hover with smooth fade transition |
| Status bar |
Dimmed text that brightens on hover |
Troubleshooting
Changes aren't taking effect
- Command Palette → Custom UI Style: Disable
- Reload VS Code
- Command Palette → Custom UI Style: Enable
- Reload VS Code
"Corrupt installation" warning
Expected after enabling Custom UI Style. Dismiss it or select Don't Show Again.
License
MIT
