first commit

Author: xscriptor

README.md

@@ -0,0 +1,14 @@
+# Xscriptor VSCode
+
+Essential settings and customizations to improve accessibility and personalization of Visual Studio Code using the Xscriptor ecosystem (themes, snippets, UI mods).
+
+## Structure
+
+This repository is organized into:
+
+- **`themes/`** → Xscriptor color themes for VSCode.  
+- **`snippets/`** → Predefined code snippets for JavaScript, TypeScript, React, and more.  
+- **`ui-mods/`** → UI tweaks such as custom icon themes and product icons.  
+- **`assets/`** → Screenshots, previews, and branding files.  
+
+

themes/xscriptor-themes/.vscodeignore

@@ -0,0 +1,4 @@
+.vscode/**
+.vscode-test/**
+.gitignore
+vsc-extension-quickstart.md

themes/xscriptor-themes/CHANGELOG.md

@@ -0,0 +1,64 @@
+# Changelog — Xscriptor Themes
+
+All important modifications to this VSCode theme collection will be documented in this file.
+
+---
+## [0.0.9] - 2025-09-18
+- Update icons: adding persistence in folders.
+- X Plain Text removed, Xgreyscale takes its place.
+
+## [0.0.8] - 2025-09-16
+- Update: X Summer Night Is the new Xscriptor Theme without cursive, cursive font added to Xscriptor Theme.
+
+- X Summer Day deleted better you can use Xscriptor Theme Inverted.
+
+- Xscriptor GrayScale Icons update.
+
+## [0.0.7] - 2025-09-10
+- Added new **Xscriptor Icons** theme featuring distinctive icons with an 'X' mark in the center
+- Each icon uses the characteristic color of its corresponding language or file type
+- Updated README.md with information about the new icon theme.
+
+## [0.0.6] - 2025-09-05
+- Xscriptor theme upgrade, including icons for xscriptor theme and xscriptor greyscale theme.
+- Xscriptor Greyscale theme optimized.
+- Xscriptor Greyscale Inverted theme optimized.
+
+## [0.0.5] - 2025-09-05
+- Xscriptor theme upgrade.
+
+## [0.0.4] - 2025-09-05
+- **Add Xscriptor Theme**
+
+## [0.0.3] – 2025-01-22
+### Added
+- **8 new themes** added to the collection:
+  - X Nord (dark theme inspired by arctic colors)
+  - X Nord Inverted (light version of Nord theme)
+  - X Summer Night (dark theme with warm summer night palette)
+  - X Summer Day (bright and energetic light theme)
+  - X Greyscale (elegant monochromatic dark theme)
+  - X Greyscale Inverted (monochromatic light theme)
+  - X Plain Text (ultra-minimalist monochromatic theme)
+- **Complete README.md** in English with detailed descriptions of all themes
+- **Proper uiTheme configurations** for each theme (vs-dark/vs-light)
+### Changed
+- **Extension name** changed from "X Dark Colors" to "Xscriptor Themes"
+- **X Dark Colors theme** updated with very dark gray background (#1A1A1A)
+- **Project structure** reorganized to support multiple themes
+
+## [0.0.1] – 2025-07-01
+### Added
+- **Custom icon** visible in VSCode theme selector.
+- **Golden color** in active and inactive tab file names.
+
+## [0.0.1] - 2025-07-01
+### Initial
+- First version of `X Dark Colors Theme`.
+- Dark base (`vs-dark`), designed to improve focus and reduce eye strain.
+- Established file structure:
+  - `package.json`
+  - `themes/xdarkcolors.json`
+- Custom colors in:
+  - `editor.background`, `editor.foreground`
+  - `sideBar.background`, `titleBar.activeBackground`

themes/xscriptor-themes/ICON_SETUP.md

@@ -0,0 +1,36 @@
+# Configuración de Íconos Xscriptor
+
+## Cómo activar los íconos
+
+1. **Instala la extensión** (si no está instalada)
+2. **Activa el tema de íconos:**
+   - Abre la paleta de comandos (`Ctrl+Shift+P` o `Cmd+Shift+P`)
+   - Busca "Preferences: File Icon Theme"
+   - Selecciona "Xscriptor Icons" de la lista
+
+## Alternativa por configuración
+
+También puedes activar los íconos agregando esto a tu `settings.json`:
+
+```json
+{
+  "workbench.iconTheme": "xscriptor-icons"
+}
+```
+
+## Íconos incluidos
+
+- **JSX** - Archivos .jsx
+- **TSX** - Archivos .tsx  
+- **MDX** - Archivos .mdx
+- **JavaScript** - Archivos .js
+- **TypeScript** - Archivos .ts
+- **CSS** - Archivos .css
+- **HTML** - Archivos .html, .htm
+- **JSON** - Archivos .json
+- **Python** - Archivos .py
+- **Markdown** - Archivos .md, .markdown
+- **Carpetas** - Directorios
+- **Archivos genéricos** - Otros tipos de archivo
+
+Todos los íconos incluyen una pequeña 'x' característica y utilizan los colores del tema Xscriptor.

themes/xscriptor-themes/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Xscriptor/Xscriptorcode
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the “Software”), to deal
+in the Software without restriction, including without limitation the rights  
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell      
+copies of the Software, and to permit persons to whom the Software is          
+furnished to do so, subject to the following conditions:                        
+
+The above copyright notice and this permission notice shall be included in all 
+copies or substantial portions of the Software.                                 
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR     
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,       
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE    
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER         
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,  
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE  
+SOFTWARE.

themes/xscriptor-themes/README.md

@@ -0,0 +1,185 @@
+# X Themes Collection — Visual Studio Code Theme Pack
+
+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.
+
+## Preview
+<p align="center">
+  <img src="https://raw.githubusercontent.com/xscriptordev/xscriptor-vscode/refs/heads/main/themes/xscriptor-themes/screenshots/xtvsc01.jpg" width="900"/>
+</p>
+<p align="center">
+  <img src="https://raw.githubusercontent.com/xscriptordev/xscriptor-vscode/refs/heads/main/vscode/themes/xscriptor-themes/screenshots/xtvsc00.jpg" width="900"/>
+</p>
+<p align="center">
+  <img src="https://raw.githubusercontent.com/xscriptordev/xscriptor-vscode/refs/heads/main/vscode/themes/xscriptor-themes/screenshots/xtvsc03.jpg" width="900"/>
+</p>
+<p align="center">
+  <img src="https://raw.githubusercontent.com/xscriptordev/xscriptor-vscode/refs/heads/main/vscode/themes/xscriptor-themes/screenshots/xtvsc02.jpg" width="900"/>
+</p>
+<p align="center">
+  <img src="https://raw.githubusercontent.com/xscriptordev/xscriptor-vscode/refs/heads/main/vscode/themes/xscriptor-themes/screenshots/xtvsc05.jpg" width="900"/>
+</p>
+
+
+
+---
+
+## Featured Theme: Xscriptor Theme
+
+**Xscriptor Theme** is the flagship theme of this collection, offering the perfect balance of warmth and darkness for extended coding sessions. With its ultra-dark background and carefully selected warm accent colors, it provides exceptional readability while maintaining visual appeal.
+
+---
+
+## Theme Collection
+
+### Icons
+
+**Xscriptor Icons** - The original icon theme with colorful file and folder icons.
+
+**Xscriptor Greyscale Icons** - A grayscale version of the Xscriptor Icons theme for a more subdued look.
+
+**X Icons** - A new icon theme featuring distinctive icons with an 'X' mark in the center. Each icon uses the characteristic color of its corresponding language or file type, providing excellent visual distinction while maintaining a cohesive look.
+
+**X Greyscale Icons** - A grayscale version of the X Icons theme for a more subdued look.
+
+### Dark Themes
+
+**Xscriptor Theme** — *Main theme - Ultra-dark warm evening palette*
+- **Type:** Dark (Main Theme)
+- **Background:** Ultra-dark charcoal (#0A0A0A) - Enhanced for deeper immersion
+- **Highlights:** Warm yellow (#FCE566), coral (#FC618D), mint (#7BD88F), sky blue (#5AD4E6), purple (#948AE3)
+- **Special Features:** 
+  - Ultra-dark background for maximum comfort during long coding sessions
+  - Carefully balanced warm color palette that reduces eye strain
+  - Enhanced contrast for better code readability
+  - Optimized for all programming languages
+- **Perfect for:** Professional development, evening coding, extended work sessions
+
+---
+
+**X Dark Colors** — *Minimalist dark with colored accents*
+- **Type:** Dark
+- **Background:** Very dark gray (#1A1A1A)
+- **Highlights:** Soft pink (#FF9AA2), light green (#B8E6A0), light yellow (#FFE4A3), cyan (#8BE9FD), purple (#BD93F9)
+- **Perfect for:** Long coding sessions with reduced eye strain
+
+**X Tropical Neon** — *Vibrant cyberpunk aesthetics*
+- **Type:** Dark
+- **Background:** Dark gray (#1A1A1A)
+- **Highlights:** Electric cyan (#7FFFD4), gold (#FFD700), hot pink (#FF1493), neon colors
+- **Perfect for:** Creative coding and modern development
+
+**X Summer Night** — *Warm evening palette*
+- **Type:** Dark
+- **Background:** Deep charcoal (#131313)
+- **Highlights:** Warm yellow (#FCE566), coral (#FC618D), mint (#7BD88F), sky blue (#5AD4E6)
+- **Perfect for:** Evening coding sessions with warm, comfortable colors
+
+**X Nord** — *Arctic-inspired cool tones*
+- **Type:** Dark
+- **Background:** Dark blue-gray (#181A1F)
+- **Highlights:** Nordic blue (#76CCE0), frost blue (#4D78CC), cool grays
+- **Perfect for:** Clean, professional development environment
+
+**X Greyscale** — *Pure monochrome elegance*
+- **Type:** Dark
+- **Background:** Pure black (#000000)
+- **Highlights:** Various shades of gray from #333333 to #FFFFFF
+- **Perfect for:** Focus on code structure without color distractions
+
+**X Old Tropical Neon** — *Retro cyberpunk style*
+- **Type:** Dark
+- **Background:** Dark gray (#1A1A1A)
+- **Highlights:** Electric cyan (#7FFFD4), gold (#FFD700), hot pink (#FF1493), neon colors
+- **Perfect for:** Retro-inspired coding with a touch of modernity
+
+### Light Themes
+
+**X Nord Inverted** — *Light Nordic aesthetic*
+- **Type:** Light
+- **Background:** Off-white (#F8FAFE)
+- **Highlights:** Muted blues (#2D5A6F), soft yellows (#B2A733), Nordic-inspired palette
+- **Perfect for:** Clean, minimalist light theme experience
+
+**X Greyscale Inverted** — *Light monochrome*
+- **Type:** Light
+- **Background:** Pure white (#FFFFFF)
+- **Highlights:** Grayscale palette from #2B2B2B to #999999
+- **Perfect for:** Distraction-free light theme coding
+
+---
+
+## Installation
+
+### Method 1: From Terminal
+```bash
+code --install-extension xscriptor-themes-0.0.9.vsix
+```
+
+### Method 2: Manual Installation
+1. Download the latest `.vsix` file from releases
+2. Open Visual Studio Code
+3. Press `Ctrl+Shift+P` (or `Cmd+Shift+P` on Mac)
+4. Type "Extensions: Install from VSIX"
+5. Select the downloaded `.vsix` file
+
+### Method 3: VS Code Extensions Panel
+1. Open the Extensions panel (`Ctrl+Shift+X`)
+2. Search for "X Themes" or "xscriptor"
+3. Click Install
+
+---
+
+## Features
+
+- **1o Unique Themes** — Diverse collection covering all preferences
+- **High Contrast** — Optimized for readability and reduced eye strain
+- **Syntax Highlighting** — Comprehensive token coloring for all major languages
+- **UI Consistency** — Carefully designed interface elements
+- **Regular Updates** — Continuous improvements and refinements
+- **Professional Quality** — Tested across multiple programming languages
+
+---
+
+## Theme Selection
+
+1. Open Visual Studio Code
+2. Go to **File > Preferences > Color Theme** (or press `Ctrl+K Ctrl+T`)
+3. Select your preferred theme from the X Themes collection:
+   - X Dark Colors
+   - X Tropical Neon
+   - Xscriptor Theme
+   - X Summer Night
+   - X Old Tropical Neon
+   - X Nord
+   - X Greyscale
+   - X Nord Inverted
+   - X Greyscale Inverted
+   - X Tropical Neon Inverted
+
+---
+
+
+## Changelog
+
+See [CHANGELOG.md](./CHANGELOG.md) for detailed version history and updates.
+
+---
+
+## Contributing
+
+Feedback and suggestions are welcome! If you encounter any issues or have ideas for improvements, please open an issue on the repository.
+
+---
+
+## License
+
+This theme collection is released under the MIT License. See [LICENSE](./LICENSE) for details.
+
+---
+
+## Author
+
+**Xscriptor** — Theme Designer & Developer
+
+- GitHub: [@xscriptordev](https://github.com/xscriptordev)
+- Repository: [X Themes Collection](https://github.com/xscriptordev/xscriptor-vscode)