twskin 0.5.6 → 0.5.8

package/CHANGELOG.md

@@ -5,6 +5,46 @@ All notable changes to this package are documented here. This project follows
 
 ## [Unreleased]
 
+## [0.5.8] - 2026-07-29
+
+### Fixed
+
+- Restored reliable reading contrast in `墨`, `极光`, `雾林`, `深海`, `樱夜`,
+  and `日落`. Their dark artwork now activates TRAE's dark appearance contract
+  and uses dark, opaque-enough working surfaces instead of pale panels over a
+  dark background.
+
+### Changed
+
+- Rebuilt the six monochrome-gradient theme backgrounds with their own visual
+  grammar: ink texture, aurora ribbons, mist layers, ocean currents, night
+  blossom branches, and sunset dunes.
+- Bumped the six updated theme packages to `1.1.0` and added complete semantic
+  tokens for chat, menus, settings, focus, scrollbars, and the embedded
+  workbench.
+
+### For contributors
+
+- Added release coverage that keeps dark-art themes on the dark appearance
+  contract with complete panel and interaction roles.
+
+## [0.5.7] - 2026-07-29
+
+### Fixed
+
+- Prevented theme artwork from bleeding through right-side working content by
+  making layout-surface ownership a runtime contract. The main workspace now
+  retains its declared surface color, opacity, and blur beneath Markdown,
+  Task Summary, and Code/Design content.
+- Updated `Solvay 1927 · Solarized Light` to theme version `1.0.4`, restoring
+  a readable warm-paper surface in the right workspace and Monaco editor.
+
+### Changed
+
+- Added catalog validation that rejects official theme CSS which overrides a
+  runtime-owned layout surface directly; themes use surface-decoration
+  variables for optional texture instead.
+
 ## [0.5.6] - 2026-07-27
 
 ### Changed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "twskin",
-  "version": "0.5.6",
+  "version": "0.5.8",
   "description": "An unofficial community theme manager and CLI for TRAE Work on macOS.",
   "type": "module",
   "bin": {

package/runtime/injector.mjs

@@ -16,7 +16,7 @@ import { spawnSync } from "node:child_process";
 import { fileURLToPath } from "node:url";
 
 const ROOT = path.dirname(fileURLToPath(import.meta.url));
-const VERSION = "0.5.6";
+const VERSION = "0.5.7";
 const DATA_DIR = process.env.TWSKIN_DATA_DIR || path.join(os.homedir(), ".trae-work-skin");
 
 function parseArgs(argv) {

package/runtime/manifest.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "0.5.6",
+  "packageVersion": "0.5.8",
   "themesBundled": false,
   "files": [
     {
@@ -11,7 +11,7 @@
     {
       "path": "injector.mjs",
       "size": 31308,
-      "sha256": "4256fcebb123657be1ba2968dae6d3904f54618d120e7d9f62b02796fcdebed0"
+      "sha256": "b1ea0108ab8e4449bb509de458705e0019cad3d342fb1ef9fcd8ec98c890bf79"
     },
     {
       "path": "restore.sh",
@@ -30,8 +30,8 @@
     },
     {
       "path": "styles/base.css",
-      "size": 32439,
-      "sha256": "cfd57424d2b31732a44e0dd59410ab039d9842017112e6bd688a37db4831262a"
+      "size": 33535,
+      "sha256": "0356d33f4197461e325eb563471219064ded7cc75e835c28de6dbedb919c2a05"
     },
     {
       "path": "styles/manager.css",

package/runtime/styles/base.css

@@ -73,10 +73,12 @@ body.trae-skin-v2 {
 }
 body.trae-skin-v2 .task-list-panel {
   background-color: var(--trae-skin-left-surface) !important;
-  background-image: var(--trae-skin-left-art-layer, none) !important;
-  background-position: center, var(--trae-skin-left-art-position, center) !important;
-  background-size: cover, var(--trae-skin-left-art-size, cover) !important;
-  background-repeat: no-repeat !important;
+  background-image:
+    var(--trae-skin-left-decoration, none),
+    var(--trae-skin-left-art-layer, none) !important;
+  background-position: var(--trae-skin-left-decoration-position, center), center, var(--trae-skin-left-art-position, center) !important;
+  background-size: var(--trae-skin-left-decoration-size, 100% 100%), 100% 100%, var(--trae-skin-left-art-size, cover) !important;
+  background-repeat: var(--trae-skin-left-decoration-repeat, no-repeat), no-repeat, no-repeat !important;
   border-right: 1px solid var(--trae-skin-divider) !important;
   backdrop-filter:
     blur(var(--trae-skin-left-blur))
@@ -86,7 +88,11 @@ body.trae-skin-v2 .task-list-panel {
     saturate(var(--trae-skin-left-saturation)) !important;
 }
 body.trae-skin-v2 .solo-lite-chat-panel-container {
-  background: var(--trae-skin-chat-surface) !important;
+  background-color: var(--trae-skin-chat-surface) !important;
+  background-image: var(--trae-skin-chat-decoration, none) !important;
+  background-position: var(--trae-skin-chat-decoration-position, center) !important;
+  background-size: var(--trae-skin-chat-decoration-size, 100% 100%) !important;
+  background-repeat: var(--trae-skin-chat-decoration-repeat, no-repeat) !important;
   border-right: 1px solid var(--trae-skin-divider) !important;
   backdrop-filter:
     blur(var(--trae-skin-chat-blur))
@@ -97,10 +103,12 @@ body.trae-skin-v2 .solo-lite-chat-panel-container {
 }
 body.trae-skin-v2 .solo-lite-main-area {
   background-color: var(--trae-skin-main-surface) !important;
-  background-image: var(--trae-skin-right-art-layer, none) !important;
-  background-position: center, var(--trae-skin-right-art-position, right center) !important;
-  background-size: cover, var(--trae-skin-right-art-size, auto 100%) !important;
-  background-repeat: no-repeat !important;
+  background-image:
+    var(--trae-skin-main-decoration, none),
+    var(--trae-skin-right-art-layer, none) !important;
+  background-position: var(--trae-skin-main-decoration-position, center), center, var(--trae-skin-right-art-position, right center) !important;
+  background-size: var(--trae-skin-main-decoration-size, 100% 100%), 100% 100%, var(--trae-skin-right-art-size, auto 100%) !important;
+  background-repeat: var(--trae-skin-main-decoration-repeat, no-repeat), no-repeat, no-repeat !important;
   backdrop-filter:
     blur(var(--trae-skin-main-blur))
     saturate(var(--trae-skin-main-saturation)) !important;
@@ -109,7 +117,11 @@ body.trae-skin-v2 .solo-lite-main-area {
     saturate(var(--trae-skin-main-saturation)) !important;
 }
 body.trae-skin-v2 .panel-container > .panel-content {
-  background: var(--trae-skin-landing-surface) !important;
+  background-color: var(--trae-skin-landing-surface) !important;
+  background-image: var(--trae-skin-landing-decoration, none) !important;
+  background-position: var(--trae-skin-landing-decoration-position, center) !important;
+  background-size: var(--trae-skin-landing-decoration-size, 100% 100%) !important;
+  background-repeat: var(--trae-skin-landing-decoration-repeat, no-repeat) !important;
   backdrop-filter:
     blur(var(--trae-skin-landing-blur))
     saturate(var(--trae-skin-landing-saturation)) !important;