|
| 1 | +# Jensen Theme for Visual Studio Code |
| 2 | + |
| 3 | +Bring your code editor into the Cyber Renaissance with this theme inspired by the iconic aesthetics of **Deus Ex: Human Revolution**. Featuring signature gold and copper tones set against dark backgrounds, Jensen transforms your VSCode workspace into an augmented experience. |
| 4 | + |
| 5 | + |
| 6 | + |
| 7 | +**Creator:** tomaytotomato |
| 8 | + |
| 9 | +## Features |
| 10 | + |
| 11 | +- 🎨 **Cyber Renaissance Aesthetic**: Rich gold (`#EDA622`) and copper tones against deep carbon black backgrounds |
| 12 | +- 🌙 **Dark Theme Optimized**: Easy on the eyes during long coding sessions |
| 13 | +- 🎯 **Carefully Crafted Syntax Colors**: Optimized for readability and visual hierarchy |
| 14 | +- 🔧 **Complete UI Integration**: Every element of VSCode themed consistently |
| 15 | +- 💻 **Multi-language Support**: Works beautifully with JavaScript, TypeScript, Python, Java, C++, and more |
| 16 | + |
| 17 | +## Installation |
| 18 | + |
| 19 | +### From VSIX File |
| 20 | + |
| 21 | +1. Download the latest `.vsix` file from the [releases page](https://github.com/tomaytotomato/jensen/releases) |
| 22 | +2. Open VSCode |
| 23 | +3. Press `Ctrl+Shift+P` (Windows/Linux) or `Cmd+Shift+P` (macOS) |
| 24 | +4. Type "Extensions: Install from VSIX" and select it |
| 25 | +5. Navigate to the downloaded `.vsix` file and select it |
| 26 | +6. Restart VSCode when prompted |
| 27 | + |
| 28 | +### From Source |
| 29 | + |
| 30 | +1. Clone the repository: |
| 31 | + ```bash |
| 32 | + git clone https://github.com/tomaytotomato/jensen.git |
| 33 | + ``` |
| 34 | + |
| 35 | +2. Copy the `vscode` directory to your VSCode extensions folder: |
| 36 | + - **Windows**: `%USERPROFILE%\.vscode\extensions\jensen-theme` |
| 37 | + - **macOS**: `~/.vscode/extensions/jensen-theme` |
| 38 | + - **Linux**: `~/.vscode/extensions/jensen-theme` |
| 39 | + |
| 40 | +3. Restart VSCode |
| 41 | + |
| 42 | +4. Press `Ctrl+K Ctrl+T` (Windows/Linux) or `Cmd+K Cmd+T` (macOS) to open the theme selector |
| 43 | + |
| 44 | +5. Select **Jensen** from the list |
| 45 | + |
| 46 | +## Color Palette |
| 47 | + |
| 48 | +The Jensen theme uses a carefully curated palette inspired by Deus Ex: Human Revolution's iconic UI design: |
| 49 | + |
| 50 | +| Color Name | Hex | Usage | |
| 51 | +|-------------------------|-----------|----------------------------------------------------------| |
| 52 | +| **Eerie Black** | `#141514` | Main background, editor canvas, terminal background | |
| 53 | +| **White** | `#FBFBFB` | Primary text, foreground elements, code syntax | |
| 54 | +| **Silver Sand** | `#C4C7C4` | Comments, muted text, secondary information | |
| 55 | +| **Marigold** | `#EDA622` | Primary accent, keywords, highlights, active states | |
| 56 | +| **Electronic Copper** | `#E55D02` | Constants, numbers, HTML attributes, secondary accent | |
| 57 | +| **French Lime** | `#A0FF33` | Strings, functions, success states, added files | |
| 58 | +| **Pacific Blue** | `#0EA2C9` | Types, classes, info states, modified files | |
| 59 | +| **Imperial Red** | `#ED333C` | Errors, deletions, warnings, critical alerts | |
| 60 | +| **Dutch White** | `#F2E2BA` | Selection text, highlighted foreground | |
| 61 | +| **Café Noir** | `#503A1D` | Selection background, active states | |
| 62 | +| **Dark Goldenrod** | `#BB831B` | Hover states, secondary gold highlights | |
| 63 | + |
| 64 | +### Syntax Highlighting Examples |
| 65 | + |
| 66 | +- **Keywords & Storage**: Gold (`#EDA622`) - `const`, `let`, `function`, `class`, `if`, `return` |
| 67 | +- **Strings**: French Lime (`#A0FF33`) - `"Hello World"`, `'text'` |
| 68 | +- **Functions**: French Lime (`#A0FF33`) - Function names and calls |
| 69 | +- **Numbers & Constants**: Electronic Copper (`#E55D02`) - `42`, `true`, `false`, `null` |
| 70 | +- **Types & Classes**: Pacific Blue (`#0EA2C9`) - Class names, types, interfaces |
| 71 | +- **Comments**: Silver Sand (`#C4C7C4`) - Single-line and multi-line comments (italicized) |
| 72 | +- **Variables**: White (`#FBFBFB`) - Variable names |
| 73 | +- **Attributes**: Gold/Copper tones - HTML/JSX attributes |
| 74 | + |
| 75 | +## UI Theme Details |
| 76 | + |
| 77 | +### Editor |
| 78 | +- Background: Deep carbon black (`#141514`) |
| 79 | +- Active line: Subtle highlight (`#1a1a1a`) |
| 80 | +- Selection: Gold brown (`#503a1d`) with cream text (`#F2E2BA`) |
| 81 | +- Find/Replace: Gold highlights with matching borders |
| 82 | +- Line numbers: Muted gray with gold active line number |
| 83 | + |
| 84 | +### Sidebar & Activity Bar |
| 85 | +- Background: Dark gray (`#1a1a1a`) |
| 86 | +- Active item: Gold underline/border (`#EDA622`) |
| 87 | +- Badge: Gold background with black text |
| 88 | + |
| 89 | +### Status Bar |
| 90 | +- Background: Carbon black (`#141514`) |
| 91 | +- Debugging mode: Gold brown background (`#503a1d`) |
| 92 | + |
| 93 | +### Terminal |
| 94 | +- Follows the same color scheme as iTerm theme |
| 95 | +- ANSI colors properly mapped |
| 96 | +- Gold cursor (`#EDA622`) |
| 97 | + |
| 98 | +### Tabs |
| 99 | +- Active tab: Gold top border (`#EDA622`) |
| 100 | +- Inactive unfocused tab: Muted gold border (`#BB831B`) |
| 101 | +- Modified files: Blue indicator (`#0EA2C9`) |
| 102 | + |
| 103 | +## Screenshots |
| 104 | + |
| 105 | +> **Note**: Add screenshots here showing various programming languages and UI elements |
| 106 | +
|
| 107 | +## Recommended Settings |
| 108 | + |
| 109 | +For the best experience with Jensen theme, consider these VSCode settings: |
| 110 | + |
| 111 | +```json |
| 112 | +{ |
| 113 | + "editor.fontFamily": "'Fira Code', 'Cascadia Code', 'JetBrains Mono', Consolas, monospace", |
| 114 | + "editor.fontLigatures": true, |
| 115 | + "editor.fontSize": 14, |
| 116 | + "editor.lineHeight": 22, |
| 117 | + "editor.cursorBlinking": "smooth", |
| 118 | + "editor.cursorSmoothCaretAnimation": "on", |
| 119 | + "workbench.iconTheme": "material-icon-theme", |
| 120 | + "editor.bracketPairColorization.enabled": true, |
| 121 | + "editor.guides.bracketPairs": true |
| 122 | +} |
| 123 | +``` |
| 124 | + |
| 125 | +## Building the Extension |
| 126 | + |
| 127 | +To build a `.vsix` package for distribution: |
| 128 | + |
| 129 | +1. Install `vsce` (Visual Studio Code Extension Manager): |
| 130 | + ```bash |
| 131 | + npm install -g @vscode/vsce |
| 132 | + ``` |
| 133 | + |
| 134 | +2. Navigate to the vscode directory: |
| 135 | + ```bash |
| 136 | + cd vscode |
| 137 | + ``` |
| 138 | + |
| 139 | +3. Package the extension: |
| 140 | + ```bash |
| 141 | + vsce package |
| 142 | + ``` |
| 143 | + |
| 144 | +4. This will create a `jensen-theme-1.0.0.vsix` file |
| 145 | + |
| 146 | +## Contributing |
| 147 | + |
| 148 | +If you like this theme or think it needs a tweak, please get involved! |
| 149 | + |
| 150 | +1. Fork the repository |
| 151 | +2. Create your feature branch (`git checkout -b feature/amazing-feature`) |
| 152 | +3. Commit your changes (`git commit -m 'Add some amazing feature'`) |
| 153 | +4. Push to the branch (`git push origin feature/amazing-feature`) |
| 154 | +5. Open a Pull Request |
| 155 | + |
| 156 | +## Other Platforms |
| 157 | + |
| 158 | +Jensen is available for multiple platforms: |
| 159 | + |
| 160 | +- **[IntelliJ IDEA](../intellij)** - Full IDE theme |
| 161 | +- **[iTerm](../iTerm)** - Terminal color scheme |
| 162 | +- **[Terminal.app](../terminal)** - macOS terminal |
| 163 | +- **[Firefox](../firefox)** - Browser theme |
| 164 | +- **[Tailwind CSS](../tailwind)** - Utility classes and components |
| 165 | + |
| 166 | +## Credits |
| 167 | + |
| 168 | +- **tomaytotomato** - Theme creator |
| 169 | +- **[Eidos Montreal](https://www.eidosmontreal.com/)** - For creating Deus Ex: Human Revolution |
| 170 | +- **[Eric Bellefeuille](https://www.behance.net/gallery/2465641/Deus-Ex-Human-Revolution-User-Interface)** - For the outstanding UI design work in the game |
| 171 | +- **[Themer.dev](https://themer.dev)** - For their awesome tool |
| 172 | + |
| 173 | +## License |
| 174 | + |
| 175 | +[MIT License](../LICENSE) |
| 176 | + |
| 177 | +--- |
| 178 | + |
| 179 | +*"I never asked for this..."* |
| 180 | + |
| 181 | +Visit the [Jensen Theme website](https://tomaytotomato.github.io/jensen/) for more information and to explore other themes. |
0 commit comments