hyper-windowtint 0.3.0 → 0.3.1

package/CHANGELOG.md

@@ -5,6 +5,18 @@ All notable changes to `hyper-windowtint` will be documented here.
 The format follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.3.1] - 2026-05-16
+
+### Fixed
+- Critical: plugin CSS no longer overrides `.hyper_main`'s `position: fixed`.
+  In 0.3.0 the plugin added `position: relative`, which Hyper's CSS-in-JS
+  scoping elevated to higher specificity than Hyper's own rule. `.hyper_main`
+  then collapsed to its content-height (~2px) and the entire terminal area
+  rendered as an unusable black rectangle (visible tint border + corner badge,
+  but no tabs and no terminal canvas). The border is now drawn as an inset
+  `box-shadow` directly on `.hyper_main` without touching `position`, so the
+  fixed-positioning context from Hyper is preserved.
+
 ## [0.3.0] - 2026-05-16
 
 ### Added

package/index.js

@@ -568,20 +568,20 @@ exports.decorateConfig = (config) => {
     z-index: 1000;
   }` : '';
 
+  // Render the border as an inset box-shadow directly on `.hyper_main`. Hyper
+  // sets `.hyper_main` to `position: fixed; inset: 0` so it fills the window;
+  // we must NOT override `position` here, or the element collapses to its
+  // content-height (~2px) and the entire terminal disappears. The badge
+  // pseudo-element below stays inside `.hyper_main`'s fixed positioning
+  // context, so `position: absolute` on the badge still anchors correctly.
+  const borderWidth = userOpts.borderWidth || '3px';
   const css = `
-  /* hyper-windowtint v0.2 */
+  /* hyper-windowtint v0.3 */
   .hyper_main {
-    position: relative;
-  }
-  .hyper_main::before {
-    content: '';
-    position: absolute;
-    inset: 0;
-    pointer-events: none;
-    border: ${userOpts.borderWidth} solid var(--tint-color, transparent);
-    box-shadow: inset 0 0 28px -10px var(--tint-glow, transparent);
-    z-index: 999;
-    transition: border-color 0.25s ease, box-shadow 0.25s ease;
+    box-shadow:
+      inset 0 0 0 ${borderWidth} var(--tint-color, transparent),
+      inset 0 0 28px -10px var(--tint-glow, transparent);
+    transition: box-shadow 0.25s ease;
   }
   .hyper_main .tabs_title,
   .hyper_main .tabs_borderShim {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hyper-windowtint",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Give Hyper terminal tabs distinct color tints, matching tabs from the same project during the current Hyper session.",
   "main": "index.js",
   "files": [