11# X Themes Collection — Visual Studio Code Theme Pack
22
3- A comprehensive collection of 10 carefully crafted themes for Visual Studio Code, designed to enhance your coding experience with diverse color palettes and visual styles. From minimalist dark themes to vibrant neon aesthetics, this pack offers something for every developer's preference.
3+ A comprehensive collection of carefully crafted themes for Visual Studio Code, designed to enhance your coding experience with diverse color palettes and visual styles. From minimalist dark themes to vibrant neon aesthetics, this pack offers something for every developer's preference.
44
55## Preview
66<p align =" center " >
7- <img src =" https://raw.githubusercontent.com/xscriptordev/xscriptor- vscode/refs/heads/main/themes/xscriptor-themes/screenshots/xtvsc01.jpg " width =" 900 " />
7+ <img src =" https://raw.githubusercontent.com/xscriptordev/vscode/refs/heads/main/themes/xscriptor-themes/screenshots/xtvsc01.jpg " width =" 900 " />
88</p >
99<p align =" center " >
10- <img src =" https://raw.githubusercontent.com/xscriptordev/xscriptor- vscode/refs/heads/main/vscode /themes/xscriptor-themes/screenshots/xtvsc00.jpg " width =" 900 " />
10+ <img src =" https://raw.githubusercontent.com/xscriptordev/vscode/refs/heads/main/themes/xscriptor-themes/screenshots/xtvsc00.jpg " width =" 900 " />
1111</p >
1212<p align =" center " >
13- <img src =" https://raw.githubusercontent.com/xscriptordev/xscriptor- vscode/refs/heads/main/vscode /themes/xscriptor-themes/screenshots/xtvsc03.jpg " width =" 900 " />
13+ <img src =" https://raw.githubusercontent.com/xscriptordev/vscode/refs/heads/main/themes/xscriptor-themes/screenshots/xtvsc03.jpg " width =" 900 " />
1414</p >
1515<p align =" center " >
16- <img src =" https://raw.githubusercontent.com/xscriptordev/xscriptor- vscode/refs/heads/main/vscode /themes/xscriptor-themes/screenshots/xtvsc02.jpg " width =" 900 " />
16+ <img src =" https://raw.githubusercontent.com/xscriptordev/vscode/refs/heads/main/themes/xscriptor-themes/screenshots/xtvsc02.jpg " width =" 900 " />
1717</p >
1818<p align =" center " >
19- <img src =" https://raw.githubusercontent.com/xscriptordev/xscriptor- vscode/refs/heads/main/vscode /themes/xscriptor-themes/screenshots/xtvsc05.jpg " width =" 900 " />
19+ <img src =" https://raw.githubusercontent.com/xscriptordev/vscode/refs/heads/main/themes/xscriptor-themes/screenshots/xtvsc05.jpg " width =" 900 " />
2020</p >
2121
2222
2323
24+
2425---
2526
2627## Featured Theme: Xscriptor Theme
@@ -57,105 +58,39 @@ A comprehensive collection of 10 carefully crafted themes for Visual Studio Code
5758---
5859
5960** X Dark Colors** — * Minimalist dark with colored accents*
60- - ** Type:** Dark
61- - ** Background:** Very dark gray (#1A1A1A)
62- - ** Highlights:** Soft pink (#FF9AA2), light green (#B8E6A0), light yellow (#FFE4A3), cyan (#8BE9FD), purple (#BD93F9)
63- - ** Perfect for:** Long coding sessions with reduced eye strain
64-
65- ** X Tropical Neon** — * Vibrant cyberpunk aesthetics*
66- - ** Type:** Dark
67- - ** Background:** Dark gray (#1A1A1A)
68- - ** Highlights:** Electric cyan (#7FFFD4), gold (#FFD700), hot pink (#FF1493), neon colors
69- - ** Perfect for:** Creative coding and modern development
70-
71- ** X Summer Night** — * Warm evening palette*
72- - ** Type:** Dark
73- - ** Background:** Deep charcoal (#131313 )
74- - ** Highlights:** Warm yellow (#FCE566), coral (#FC618D), mint (#7BD88F), sky blue (#5AD4E6)
75- - ** Perfect for:** Evening coding sessions with warm, comfortable colors
76-
77- ** X Nord** — * Arctic-inspired cool tones*
78- - ** Type:** Dark
79- - ** Background:** Dark blue-gray (#181A1F)
80- - ** Highlights:** Nordic blue (#76CCE0), frost blue (#4D78CC), cool grays
81- - ** Perfect for:** Clean, professional development environment
82-
83- ** X Greyscale** — * Pure monochrome elegance*
84- - ** Type:** Dark
85- - ** Background:** Pure black (#000000 )
86- - ** Highlights:** Various shades of gray from #333333 to #FFFFFF
87- - ** Perfect for:** Focus on code structure without color distractions
88-
89- ** X Old Tropical Neon** — * Retro cyberpunk style*
90- - ** Type:** Dark
91- - ** Background:** Dark gray (#1A1A1A)
92- - ** Highlights:** Electric cyan (#7FFFD4), gold (#FFD700), hot pink (#FF1493), neon colors
93- - ** Perfect for:** Retro-inspired coding with a touch of modernity
61+ ** X Dark Summer Night** — * Warm evening palette*
62+ ** X Dark Nord** — * Arctic-inspired cool tones*
63+ ** X Dark Greyscale** — * Pure monochrome elegance*
64+ ** X Dark Sense** — * Dark theme with purple accents*
65+ ** X Dark Persecution** — * Dark theme with redish accents*
9466
9567### Light Themes
9668
97- ** X Nord Inverted** — * Light Nordic aesthetic*
98- - ** Type:** Light
99- - ** Background:** Off-white (#F8FAFE)
100- - ** Highlights:** Muted blues (#2D5A6F), soft yellows (#B2A733), Nordic-inspired palette
101- - ** Perfect for:** Clean, minimalist light theme experience
102-
103- ** X Greyscale Inverted** — * Light monochrome*
104- - ** Type:** Light
105- - ** Background:** Pure white (#FFFFFF)
106- - ** Highlights:** Grayscale palette from #2B2B2B to #999999
107- - ** Perfect for:** Distraction-free light theme coding
69+ ** Xscriptor Light** — * Main theme inverted*
70+ ** X Light Nord Inverted** — * Light Nordic aesthetic*
71+ ** X Light Greyscale Inverted** — * Light monochrome*
10872
10973---
11074
11175## Installation
11276
77+ ### Method 1: VSCode or fork Extensions Panel
78+ 1 . Open the Extensions panel (` Ctrl+Shift+X ` )
79+ 2 . Search for "X Themes" or "xscriptor"
80+ 3 . Click Install
81+
11382### Method 1: From Terminal
11483``` bash
115- code --install-extension xscriptor-themes-0 .0.9 .vsix
84+ code --install-extension xscriptor-themes-1 .0.0 .vsix
11685```
11786
118- ### Method 2 : Manual Installation
87+ ### Method 3 : Manual Installation
119881 . Download the latest ` .vsix ` file from releases
120892 . Open Visual Studio Code
121903 . Press ` Ctrl+Shift+P ` (or ` Cmd+Shift+P ` on Mac)
122914 . Type "Extensions: Install from VSIX"
123925 . Select the downloaded ` .vsix ` file
12493
125- ### Method 3: VS Code Extensions Panel
126- 1 . Open the Extensions panel (` Ctrl+Shift+X ` )
127- 2 . Search for "X Themes" or "xscriptor"
128- 3 . Click Install
129-
130- ---
131-
132- ## Features
133-
134- - ** 1o Unique Themes** — Diverse collection covering all preferences
135- - ** High Contrast** — Optimized for readability and reduced eye strain
136- - ** Syntax Highlighting** — Comprehensive token coloring for all major languages
137- - ** UI Consistency** — Carefully designed interface elements
138- - ** Regular Updates** — Continuous improvements and refinements
139- - ** Professional Quality** — Tested across multiple programming languages
140-
141- ---
142-
143- ## Theme Selection
144-
145- 1 . Open Visual Studio Code
146- 2 . Go to ** File > Preferences > Color Theme** (or press ` Ctrl+K Ctrl+T ` )
147- 3 . Select your preferred theme from the X Themes collection:
148- - X Dark Colors
149- - X Tropical Neon
150- - Xscriptor Theme
151- - X Summer Night
152- - X Old Tropical Neon
153- - X Nord
154- - X Greyscale
155- - X Nord Inverted
156- - X Greyscale Inverted
157- - X Tropical Neon Inverted
158-
15994---
16095
16196
@@ -182,4 +117,4 @@ This theme collection is released under the MIT License. See [LICENSE](./LICENSE
182117** Xscriptor** — Theme Designer & Developer
183118
184119- GitHub: [ @xscriptordev ] ( https://github.com/xscriptordev )
185- - Repository: [ X Themes Collection ] ( https://github.com/xscriptordev/xscriptor-vscode )
120+ - Repository: [ Xscriptor Themes] ( https://github.com/xscriptordev/vscode/themes/ xscriptor-themes )
0 commit comments