Merge pull request #41 from xscriptor/dev

improve xglass and themes add product icon letter and number on xt

Author: xscriptor

ROADMAP.md

@@ -1,10 +1,10 @@
 ## Phase 1 · Repository foundation (already done) <!-- phase:foundation -->
 
-- [ ] Consolidate monorepo structure with packages in `extensions/`, `themes/`, and `ui-mods/` (#5)
-- [ ] Publish root documentation: `README.md`, `CONTRIBUTING.md`, `SECURITY.md`, `CODE_OF_CONDUCT.md`, `SUPPORT.md`, `CHANGELOG.md` (#6)
-- [ ] Normalize package `README.md` files to GitHub-compatible HTML format (#7)
-- [ ] Define initial visual identity and previews in `assets/` and theme folders (#8)
-- [ ] Keep per-package licensing strategy (`MIT` for tooling and dedicated licenses for themes) (#9)
+- [/] Consolidate monorepo structure with packages in `extensions/`, `themes/`, and `ui-mods/` (#5)
+- [/] Publish root documentation: `README.md`, `CONTRIBUTING.md`, `SECURITY.md`, `CODE_OF_CONDUCT.md`, `SUPPORT.md`, `CHANGELOG.md` (#6)
+- [/] Normalize package `README.md` files to GitHub-compatible HTML format (#7)
+- [/] Define initial visual identity and previews in `assets/` and theme folders (#8)
+- [/] Keep per-package licensing strategy (`MIT` for tooling and dedicated licenses for themes) (#9)
 
 ## Phase 2 · Governance and automation <!-- phase:automation -->
 

extensions/xglass/CHANGELOG.md

@@ -3,6 +3,16 @@
 All important modifications to this VSCode theme collection will be documented in this file.
 
 ---
+## [1.1.0] - 2026-04-01
+### Added
+- Input clamping helpers for safer alpha and step handling
+
+### Fixed
+- Linux X11 dependency check now validates `xprop` availability correctly
+- Linux commands now show a clearer install hint when `xprop` is missing
+- Command behavior now normalizes invalid config values before applying opacity
+- Documentation now matches actual defaults (`Enable` uses alpha 200)
+
 ## [1.0.2]
 . Minimum update: documentation
 

extensions/xglass/README.md

@@ -67,7 +67,7 @@ sudo pacman -S xorg-xprop
 </ol>
 
 <ul>
-  <li><strong>xglass: Enable Transparency Mode</strong>: sets alpha to <code>150</code>.</li>
+  <li><strong>xglass: Enable Transparency Mode</strong>: sets alpha to <code>200</code>.</li>
   <li><strong>xglass: + transparency</strong>: increases transparency.</li>
   <li><strong>xglass: - transparency</strong>: decreases transparency.</li>
   <li><strong>xglass: full transparency</strong>: minimum alpha.</li>
@@ -125,7 +125,7 @@ sudo pacman -S xorg-xprop
 
 <h2 id="installation">Installation</h2>
 <ul>
-  <li>Install from VSIX: <code>code --install-extension xglass-1.0.2.vsix</code></li>
+  <li>Install from VSIX: <code>code --install-extension xglass-1.1.0.vsix</code></li>
   <li>Or search for <strong>XGlass</strong> in the Extensions view.</li>
 </ul>
 

extensions/xglass/extension.js

@@ -1,5 +1,20 @@
 const { workspace, window, commands } = require('vscode');
 
+function clampAlpha(value) {
+  const n = Number(value);
+  if (!Number.isFinite(n)) return 200;
+  if (n < 1) return 1;
+  if (n > 255) return 255;
+  return Math.round(n);
+}
+
+function clampStep(value) {
+  const n = Number(value);
+  if (!Number.isFinite(n) || n < 1) return 10;
+  if (n > 100) return 100;
+  return Math.round(n);
+}
+
 function activate(context) {
   const config = () => workspace.getConfiguration('xglass');
 
@@ -27,8 +42,7 @@ function activate(context) {
 
     setAlpha = async (alpha) => {
       try {
-        if (alpha < 1) alpha = 1;
-        else if (alpha > 255) alpha = 255;
+        alpha = clampAlpha(alpha);
 
         await ensureWinReady();
 
@@ -46,16 +60,16 @@ function activate(context) {
   } else if (process.platform === 'linux') {
   const cp = require('child_process');
 
-  // Verify xprop (X11). .
-  try {
-    cp.spawnSync('which', ['xprop'], { stdio: 'ignore' });
-  } catch {
-    setAlpha = () => window.showErrorMessage('xglass Error: xprop not found (X11 only).');
+  // Verify xprop (X11).
+  const xpropCheck = cp.spawnSync('which', ['xprop'], { stdio: 'ignore' });
+  const hasXprop = xpropCheck.status === 0;
+  if (!hasXprop) {
+    setAlpha = () => window.showErrorMessage('xglass Error: xprop not found (X11 only). Install x11-utils/xorg-x11-utils.');
   }
 
   // show if is wayland
   if (process.env.XDG_SESSION_TYPE === 'wayland') {
-    console.warn('xglass: Wayland session detected — not supported.');
+    console.warn('xglass: Wayland session detected - not supported.');
   }
 
   // obtain code window
@@ -90,10 +104,10 @@ function activate(context) {
     }
   };
 
+  if (hasXprop) {
   setAlpha = (alpha) => {
     try {
-      if (alpha < 1) alpha = 1;
-      else if (alpha > 255) alpha = 255;
+      alpha = clampAlpha(alpha);
 
       const ids = getCodeWindowIds();
       if (!ids.length) {
@@ -120,23 +134,24 @@ function activate(context) {
       window.showErrorMessage(`xglass Error (linux): ${err.message || err}`);
     }
   };
+  }
 }
 
 
   console.log('xglass VSC active');
 
   // ---- Commands (trigger activation) ----
   context.subscriptions.push(commands.registerCommand('xglass.enable', () => {
-    setAlpha(200); // activate and set alpha=200
+    setAlpha(200);
   }));
 
   context.subscriptions.push(commands.registerCommand('xglass.increase', () => {
-    const alpha = config().get('alpha') - config().get('step');
+    const alpha = clampAlpha(config().get('alpha')) - clampStep(config().get('step'));
     setAlpha(alpha);
   }));
 
   context.subscriptions.push(commands.registerCommand('xglass.decrease', () => {
-    const alpha = config().get('alpha') + config().get('step');
+    const alpha = clampAlpha(config().get('alpha')) + clampStep(config().get('step'));
     setAlpha(alpha);
   }));
 

extensions/xglass/package.json

@@ -2,7 +2,7 @@
   "name": "xglass",
   "displayName": "Xglass",
   "description": "Make of glass your editor",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "publisher": "xscriptor",
   "license": "MIT",
   "engines": {
@@ -34,11 +34,15 @@
         "xglass.alpha": {
           "type": "integer",
           "default": 200,
+          "minimum": 1,
+          "maximum": 255,
           "description": "Transparency level [1-255]"
         },
         "xglass.step": {
           "type": "integer",
           "default": 10,
+          "minimum": 1,
+          "maximum": 100,
           "description": "Increment of alpha"
         }
       }

themes/x-dark-colors/CHANGELOG.md

@@ -1,8 +1,23 @@
-# Changelog — Xscriptor Themes
+# Changelog — X Dark Colors
 
 All important modifications to this VSCode theme collection will be documented in this file.
 
 ---
+## [1.2.0] - 2026-04-01
+### Added
+- Enhanced visual hierarchy with bracket pair guides and sticky scroll support
+- Colorful border combinations using palette-specific accent colors
+- Terminal command decorations with city-themed color palettes
+
+### Changed
+- Improved contrast and accessibility for all UI elements
+- Enhanced border styling using palette combinations instead of monochromatic colors
+- Updated inlay hints and panel styling for better code readability
+
+### Fixed
+- Corrected invisible borders in Milan and other themes using palette accent colors
+- Improved bracket pair highlighting with distinct colors per nesting level
+
 ## [1.1.0] - 2026-01-18
 ### Added
 - 8 new city-themed color palettes:

themes/x-dark-colors/package.json

@@ -2,7 +2,7 @@
   "name": "x-dark-colors",
   "displayName": "X Dark Colors",
   "description": "X Dark Colors Collection themes",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "publisher": "xscriptor",
   "license": "SEE LICENSE IN LICENSE",
   "engines": {

themes/x-dark-colors/themes/x-milan.json

@@ -4,7 +4,7 @@
 	"type": "dark",
 	"colors": {
 		"activityBar.background": "#0a0a0a",
-		"activityBar.border": "#2b2b2b",
+		"activityBar.border": "#FF2C6D",
 		"activityBar.foreground": "#dadada",
 		"activityBar.inactiveForeground": "#FFE900",
 		"activityBarBadge.background": "#FFE900",
@@ -51,7 +51,7 @@
 		"diffEditor.insertedTextBackground": "#00FF5E19",
 		"diffEditor.removedTextBackground": "#FF2C6D19",
 		"dropdown.background": "#000000",
-		"dropdown.border": "#2b2b2b",
+		"dropdown.border": "#00E0FF",
 		"dropdown.foreground": "#8b888f",
 		"dropdown.listBackground": "#000000",
 		"editor.background": "#000000",
@@ -95,7 +95,7 @@
 		"editorGroup.focusedEmptyBorder": "#191919",
 		"editorGroupHeader.noTabsBackground": "#000000",
 		"editorGroupHeader.tabsBackground": "#000000",
-		"editorGroupHeader.tabsBorder": "#000000",
+		"editorGroupHeader.tabsBorder": "#FFE900",
 		"editorGutter.addedBackground": "#00FF5E",
 		"editorGutter.background": "#000000",
 		"editorGutter.deletedBackground": "#FF2C6D",
@@ -216,7 +216,7 @@
 		"notificationsInfoIcon.foreground": "#00E0FF",
 		"notificationsWarningIcon.foreground": "#FF7A00",
 		"panel.background": "#000000",
-		"panel.border": "#2b2b2b",
+		"panel.border": "#FF7A00",
 		"panelTitle.activeBorder": "#FFE900",
 		"panelTitle.activeForeground": "#FFE900",
 		"panelTitle.inactiveForeground": "#8b888f",
@@ -262,14 +262,14 @@
 		"settings.textInputBorder": "#000000",
 		"settings.textInputForeground": "#f7f1ff",
 		"sideBar.background": "#000000",
-		"sideBar.border": "#2b2b2b",
+		"sideBar.border": "#FF2C6D",
 		"sideBar.dropBackground": "#191919bf",
 		"sideBar.foreground": "#8b888f",
 		"sideBarSectionHeader.background": "#000000",
 		"sideBarSectionHeader.foreground": "#69676c",
 		"sideBarTitle.foreground": "#525053",
 		"statusBar.background": "#000000",
-		"statusBar.border": "#2b2b2b",
+		"statusBar.border": "#FF2C6D",
 		"statusBar.debuggingBackground": "#000000",
 		"statusBar.debuggingBorder": "#2b2b2b",
 		"statusBar.debuggingForeground": "#a8a8a8",
@@ -322,7 +322,7 @@
 		"tab.activeBorder": "#FFE900",
 		"tab.activeForeground": "#FFE900",
 		"tab.activeModifiedBorder": "#525053",
-		"tab.border": "#000000",
+		"tab.border": "#FF7A00",
 		"tab.hoverBackground": "#000000",
 		"tab.hoverBorder": "#525053",
 		"tab.inactiveBackground": "#000000",

themes/xscriptor-themes/CHANGELOG.md

@@ -3,6 +3,26 @@
 All important modifications to this VSCode theme collection will be documented in this file.
 
 ---
+## [1.1.1] - 2026-04-02
+### Fixed
+- Tokio theme: Fixed tab bar background color to match tab panel color (#191919 instead of #0a0a0a)
+- Tokio & X themes: Refined tab styling with transparent borders and golden icon colors
+
+## [1.1.0] - 2026-04-01
+### Added
+- Enhanced visual hierarchy with bracket pair guides (6 nesting levels) using palette colors
+- Modern UI features: sticky scroll, inlay hints, terminal command decorations
+- Colorful border combinations using theme palette definitions for improved visual consistency
+
+### Changed
+- Improved contrast and readability across all themes
+- Enhanced terminal decorations with theme-specific color combinations
+- Updated bracket pair highlighting for better code navigation
+
+### Fixed
+- Corrected invisible borders to use palette-based colors
+- Improved UI consistency across all interface elements
+
 ## [1.0.8] - 2025-12-31
 - Update docs.
 - Update package.json.

themes/xscriptor-themes/README.md

@@ -54,7 +54,35 @@
 </ol>
 
 <pre><code>{
-  "workbench.iconTheme": "xscriptor-icons"
+  "workbench.iconTheme": "x-icons"
+}
+</code></pre>
+
+<h3>Enable Product Icon Theme</h3>
+<ol>
+  <li>Open Command Palette (<code>Ctrl+Shift+P</code> or <code>Cmd+Shift+P</code>).</li>
+  <li>Run <code>Preferences: Product Icon Theme</code>.</li>
+  <li>Select one variant:</li>
+</ol>
+
+<ul>
+  <li><code>Xscriptor Product Icons</code> (glyph variant)</li>
+  <li><code>Xscriptor Product Icons Text (1 Letter)</code></li>
+  <li><code>Xscriptor Product Icons Numbers</code></li>
+</ul>
+
+<pre><code>{
+  "workbench.productIconTheme": "xscriptor-product-icons"
+}
+</code></pre>
+
+<pre><code>{
+  "workbench.productIconTheme": "xscriptor-product-icons-text"
+}
+</code></pre>
+
+<pre><code>{
+  "workbench.productIconTheme": "xscriptor-product-icons-numbers"
 }
 </code></pre>
 
@@ -66,7 +94,7 @@
 </ol>
 
 <p>Terminal install (VSIX):</p>
-<pre><code>code --install-extension xscriptor-themes-1.0.8.vsix</code></pre>
+<pre><code>code --install-extension xscriptor-themes-1.1.0.vsix</code></pre>
 
 <h2>References</h2>
 <ul>