opencode-skills-collection 4.1.2 → 4.1.4

package/bundled-skills/liuguang-banlan-ui/assets/starter/obsidian/theme.css

@@ -1,49 +1,3 @@
-@supports not (color: oklch(0% 0 0)) {
-  :root {
-    --app-canvas: #111820;
-    --app-wash: rgba(17, 24, 32, 0.18);
-    --topbar-surface: rgba(19, 27, 35, 0.86);
-    --sidebar-surface: rgba(18, 26, 34, 0.82);
-    --band-surface: rgba(23, 32, 42, 0.82);
-    --workbench-surface: rgba(21, 29, 39, 0.82);
-    --pane-surface: rgba(22, 30, 40, 0.79);
-    --panel-surface: rgba(20, 28, 37, 0.95);
-    --button-surface: rgba(34, 44, 56, 0.66);
-    --ink-primary: #e4e9ec;
-    --ink-secondary: #abb8bf;
-    --ink-tertiary: #829099;
-    --ink-muted: #68757f;
-    --line-subtle: rgba(222, 231, 236, 0.075);
-    --line-default: rgba(222, 231, 236, 0.12);
-    --line-strong: rgba(222, 231, 236, 0.22);
-    --state-hover: rgba(201, 220, 227, 0.07);
-    --state-selected: rgba(102, 184, 181, 0.13);
-    --brand-mark: radial-gradient(circle at 35% 30%, #58b3ae, #29445d 43%, #402b4f);
-    --brand-mark-detail: rgba(186, 217, 218, 0.64);
-    --account-orb: linear-gradient(135deg, #315f61, #40314e);
-    --status-good: #4ba885;
-    --status-good-wash: rgba(75, 168, 133, 0.12);
-    --active-rule: #3c9a9e;
-    --focus-ring: #5ab2b5;
-    --selection: rgba(70, 166, 163, 0.34);
-    --control-accent: #4ca9a6;
-    --primary-surface: #a5cecb;
-    --primary-hover: #b3d8d4;
-    --primary-border: rgba(174, 218, 216, 0.46);
-    --primary-ink: #131c24;
-    --scroll-thumb: rgba(216, 231, 236, 0.19);
-    --observation-ribbon: linear-gradient(90deg, rgba(96, 166, 158, 0.78), rgba(75, 123, 153, 0.72), rgba(96, 82, 145, 0.64), rgba(145, 125, 70, 0.52));
-    --workbench-shadow: 0 0 0 1px rgba(255, 255, 255, 0.018);
-    --panel-shadow: -18px 0 50px rgba(0, 0, 0, 0.34);
-    --mini-map: rgba(24, 39, 49, 0.88);
-    --marker-cyan: #3eaaa8;
-    --marker-rose: #a66e78;
-    --marker-lilac: #8870a6;
-    --marker-gold: #a58a4e;
-  }
-}
-
-@supports (color: oklch(0% 0 0)) {
 :root {
   --app-canvas: oklch(9.8% 0.012 236);
   --app-wash: oklch(8.5% 0.012 238 / 0.18);
@@ -63,9 +17,9 @@
   --line-strong: oklch(92% 0.018 218 / 0.22);
   --state-hover: oklch(84% 0.028 211 / 0.07);
   --state-selected: oklch(64% 0.07 194 / 0.13);
-  --brand-mark: radial-gradient(circle at 35% 30%, oklch(62% 0.085 180), oklch(28% 0.065 220) 43%, oklch(25% 0.06 312));
-  --brand-mark-detail: oklch(84% 0.04 192 / 0.64);
-  --account-orb: linear-gradient(135deg, oklch(32% 0.065 186), oklch(25% 0.055 308));
+  --brand-mark: var(--ink-primary);
+  --brand-mark-detail: oklch(15% 0.02 225 / 0.72);
+  --account-orb: oklch(24% 0.012 236);
   --status-good: oklch(69% 0.12 163);
   --status-good-wash: oklch(69% 0.12 163 / 0.12);
   --active-rule: oklch(69% 0.09 191);
@@ -77,7 +31,8 @@
   --primary-border: oklch(82% 0.06 190 / 0.46);
   --primary-ink: oklch(15% 0.02 225);
   --scroll-thumb: oklch(80% 0.02 220 / 0.19);
-  --observation-ribbon: linear-gradient(90deg, oklch(48% 0.075 188 / 0.78), oklch(42% 0.065 224 / 0.72), oklch(40% 0.066 290 / 0.64), oklch(46% 0.065 78 / 0.52));
+  --observation-ribbon: var(--line-strong);
+  --fallback-alpha: 0.95;
   --workbench-shadow: 0 0 0 1px oklch(100% 0 0 / 0.018);
   --panel-shadow: -18px 0 50px oklch(0% 0 0 / 0.34);
   --mini-map: oklch(14% 0.022 220 / 0.88);
@@ -86,22 +41,53 @@
   --marker-lilac: oklch(55% 0.085 310);
   --marker-gold: oklch(58% 0.08 82);
 }
-}
 
 .field-fallback body {
-  background: var(
-    --field-fallback-background,
-    radial-gradient(ellipse at 12% 18%, rgba(35, 89, 86, 0.70), transparent 50%),
-    radial-gradient(ellipse at 78% 22%, rgba(54, 42, 92, 0.55), transparent 52%),
-    radial-gradient(ellipse at 44% 82%, rgba(78, 63, 36, 0.38), transparent 56%),
-    var(--app-canvas)
-  );
+  background: var(--field-fallback-background, var(--app-canvas));
 }
 
-@supports (color: oklch(0% 0 0)) {
-@media (color-gamut: p3) {
+
+@supports not (color: oklch(0% 0 0)) {
   :root {
-    --observation-ribbon: linear-gradient(90deg, oklch(48% 0.09 188 / 0.78), oklch(42% 0.078 224 / 0.72), oklch(40% 0.078 290 / 0.64), oklch(46% 0.073 78 / 0.52));
+    --app-canvas: #111820;
+    --app-wash: rgba(17, 24, 32, 0.18);
+    --topbar-surface: rgba(19, 27, 35, 0.86);
+    --sidebar-surface: rgba(18, 26, 34, 0.82);
+    --band-surface: rgba(23, 32, 42, 0.82);
+    --workbench-surface: rgba(21, 29, 39, 0.82);
+    --pane-surface: rgba(22, 30, 40, 0.79);
+    --panel-surface: rgba(20, 28, 37, 0.95);
+    --button-surface: rgba(34, 44, 56, 0.66);
+    --ink-primary: #e4e9ec;
+    --ink-secondary: #abb8bf;
+    --ink-tertiary: #829099;
+    --ink-muted: #68757f;
+    --line-subtle: rgba(222, 231, 236, 0.075);
+    --line-default: rgba(222, 231, 236, 0.12);
+    --line-strong: rgba(222, 231, 236, 0.22);
+    --state-hover: rgba(201, 220, 227, 0.07);
+    --state-selected: rgba(102, 184, 181, 0.13);
+    --brand-mark: radial-gradient(circle at 35% 30%, #58b3ae, #29445d 43%, #402b4f);
+    --brand-mark-detail: rgba(186, 217, 218, 0.64);
+    --account-orb: linear-gradient(135deg, #315f61, #40314e);
+    --status-good: #4ba885;
+    --status-good-wash: rgba(75, 168, 133, 0.12);
+    --active-rule: #3c9a9e;
+    --focus-ring: #5ab2b5;
+    --selection: rgba(70, 166, 163, 0.34);
+    --control-accent: #4ca9a6;
+    --primary-surface: #a5cecb;
+    --primary-hover: #b3d8d4;
+    --primary-border: rgba(174, 218, 216, 0.46);
+    --primary-ink: #131c24;
+    --scroll-thumb: rgba(216, 231, 236, 0.19);
+    --observation-ribbon: linear-gradient(90deg, rgba(96, 166, 158, 0.78), rgba(75, 123, 153, 0.72), rgba(96, 82, 145, 0.64), rgba(145, 125, 70, 0.52));
+    --workbench-shadow: 0 0 0 1px rgba(255, 255, 255, 0.018);
+    --panel-shadow: -18px 0 50px rgba(0, 0, 0, 0.34);
+    --mini-map: rgba(24, 39, 49, 0.88);
+    --marker-cyan: #3eaaa8;
+    --marker-rose: #a66e78;
+    --marker-lilac: #8870a6;
+    --marker-gold: #a58a4e;
   }
 }
-}

package/bundled-skills/liuguang-banlan-ui/assets/starter/opal/index.html

@@ -116,10 +116,11 @@
           <article class="pane detail-pane" aria-labelledby="record-title">
             <div class="pane-head">
               <div class="tab-list" role="tablist" aria-label="记录视图">
-                <button class="tab" type="button" role="tab" aria-selected="true" aria-controls="detail-copy" data-copy="水线后退约 1.8 米，潮池外缘出现连续盐度跃迁。样本表面保持湿润，未观察到明显扰动。建议与 18:53 的浅滩网格记录并列复核。">记录</button>
-                <button class="tab" type="button" role="tab" aria-selected="false" aria-controls="detail-copy" data-copy="关联了 4 张现场照片、2 个水质读数与 1 条位置修正。附件校验通过，原始文件已进入只读归档队列。">附件</button>
-                <button class="tab" type="button" role="tab" aria-selected="false" aria-controls="detail-copy" data-copy="19:47 完成盐度标签修正；20:12 补充观察者备注；21:03 进入批次复核队列。所有变更均保留原始记录。">变更</button>
+                <button class="tab" type="button" role="tab" aria-controls="detail-copy" aria-selected="true" data-copy="水线后退约 1.8 米，潮池外缘出现连续盐度跃迁。样本表面保持湿润，未观察到明显扰动。建议与 18:53 的浅滩网格记录并列复核。">记录</button>
+                <button class="tab" type="button" role="tab" aria-controls="detail-copy" aria-selected="false" data-copy="关联了 4 张现场照片、2 个水质读数与 1 条位置修正。附件校验通过，原始文件已进入只读归档队列。">附件</button>
+                <button class="tab" type="button" role="tab" aria-controls="detail-copy" aria-selected="false" data-copy="19:47 完成盐度标签修正；20:12 补充观察者备注；21:03 进入批次复核队列。所有变更均保留原始记录。">变更</button>
               </div>
+              <button class="icon-button" type="button" aria-label="更多记录操作"><svg viewBox="0 0 24 24" fill="currentColor" stroke="none"><circle cx="5" cy="12" r="1.5"/><circle cx="12" cy="12" r="1.5"/><circle cx="19" cy="12" r="1.5"/></svg></button>
             </div>
             <div class="detail-title">
               <h2 id="record-title">潮池边缘 · 样本 042</h2>
@@ -127,7 +128,7 @@
             </div>
             <div class="detail-body">
               <div class="field-notes">
-            <p id="detail-copy" role="tabpanel">水线后退约 1.8 米，潮池外缘出现连续盐度跃迁。样本表面保持湿润，未观察到明显扰动。建议与 18:53 的浅滩网格记录并列复核。</p>
+                <p id="detail-copy" role="tabpanel">水线后退约 1.8 米，潮池外缘出现连续盐度跃迁。样本表面保持湿润，未观察到明显扰动。建议与 18:53 的浅滩网格记录并列复核。</p>
                 <dl>
                   <div class="note-rule"><dt>表面温度</dt><dd>18.6 °C · 稳定</dd></div>
                   <div class="note-rule"><dt>盐度</dt><dd>31.8 PSU · 高于同批中位值 1.4</dd></div>

package/bundled-skills/liuguang-banlan-ui/assets/starter/opal/theme-config.js

@@ -1,8 +1,8 @@
 window.SPECTRAL_THEME = {
-  schemaVersion: "1.0",
+  schemaVersion: "1.1",
   mode: "opal",
   label: "流光溢彩白",
-  preset: "opal-fieldnote-v1",
+  preset: "opal-fieldnote-v2",
   seed: 48173,
   overallColorIntensity: 0.82,
   base: {
@@ -16,38 +16,11 @@ window.SPECTRAL_THEME = {
       srgbFallback: "#f6e4eb",
       intensity: 0.48,
       peakOpacity: 0.082,
-      lightnessBias: 0.004,
       fieldScale: 0.82,
       phase: [0.13, 0.67],
       measuredCoverage: null,
       effectiveShare: null
     },
-    {
-      id: "cyan",
-      label: "海玻璃青",
-      oklch: { l: 0.928, c: 0.043, h: 201 },
-      srgbFallback: "#dceff0",
-      intensity: 0.62,
-      peakOpacity: 0.078,
-      lightnessBias: 0.002,
-      fieldScale: 0.94,
-      phase: [0.78, 0.21],
-      measuredCoverage: null,
-      effectiveShare: null
-    },
-    {
-      id: "lilac",
-      label: "薄雾丁香",
-      oklch: { l: 0.925, c: 0.045, h: 304 },
-      srgbFallback: "#eee3f2",
-      intensity: 0.54,
-      peakOpacity: 0.076,
-      lightnessBias: 0.003,
-      fieldScale: 1.06,
-      phase: [0.39, 0.86],
-      measuredCoverage: null,
-      effectiveShare: null
-    },
     {
       id: "peach",
       label: "暖珠杏",
@@ -55,7 +28,6 @@ window.SPECTRAL_THEME = {
       srgbFallback: "#f6eadc",
       intensity: 0.42,
       peakOpacity: 0.071,
-      lightnessBias: 0.005,
       fieldScale: 0.89,
       phase: [0.92, 0.58],
       measuredCoverage: null,
@@ -68,12 +40,23 @@ window.SPECTRAL_THEME = {
       srgbFallback: "#e2efe7",
       intensity: 0.46,
       peakOpacity: 0.068,
-      lightnessBias: 0.003,
       fieldScale: 1.12,
       phase: [0.24, 0.34],
       measuredCoverage: null,
       effectiveShare: null
     },
+    {
+      id: "cyan",
+      label: "海玻璃青",
+      oklch: { l: 0.928, c: 0.043, h: 201 },
+      srgbFallback: "#dceff0",
+      intensity: 0.62,
+      peakOpacity: 0.078,
+      fieldScale: 0.94,
+      phase: [0.78, 0.21],
+      measuredCoverage: null,
+      effectiveShare: null
+    },
     {
       id: "blue",
       label: "远空蓝",
@@ -81,11 +64,22 @@ window.SPECTRAL_THEME = {
       srgbFallback: "#d9e6f8",
       intensity: 0.56,
       peakOpacity: 0.090,
-      lightnessBias: 0.001,
       fieldScale: 0.98,
       phase: [0.63, 0.43],
       measuredCoverage: null,
       effectiveShare: null
+    },
+    {
+      id: "lilac",
+      label: "薄雾丁香",
+      oklch: { l: 0.925, c: 0.045, h: 304 },
+      srgbFallback: "#eee3f2",
+      intensity: 0.54,
+      peakOpacity: 0.076,
+      fieldScale: 1.06,
+      phase: [0.39, 0.86],
+      measuredCoverage: null,
+      effectiveShare: null
     }
   ],
   field: {
@@ -94,12 +88,10 @@ window.SPECTRAL_THEME = {
     warpStrength: 0.32,
     motionSpeed: 0.015,
     staticTime: 1.73,
-    ditherStrength: 0.65,
-    luminanceCap: 0.98
+    ditherStrength: 1
   },
   output: {
     colorSpace: "srgb",
-    p3Enhancement: "feature-detected",
     reducedMotion: "frozen-calibrated-frame"
   }
 };

package/bundled-skills/liuguang-banlan-ui/assets/starter/opal/theme.css

@@ -1,49 +1,3 @@
-@supports not (color: oklch(0% 0 0)) {
-  :root {
-    --app-canvas: #f7f7f4;
-    --app-wash: rgba(247, 247, 244, 0.18);
-    --topbar-surface: rgba(252, 252, 249, 0.76);
-    --sidebar-surface: rgba(250, 250, 247, 0.70);
-    --band-surface: rgba(251, 251, 248, 0.68);
-    --workbench-surface: rgba(252, 252, 249, 0.70);
-    --pane-surface: rgba(253, 253, 251, 0.66);
-    --panel-surface: rgba(250, 250, 247, 0.92);
-    --button-surface: rgba(255, 255, 255, 0.46);
-    --ink-primary: #293341;
-    --ink-secondary: #59616d;
-    --ink-tertiary: #808792;
-    --ink-muted: #9ba1aa;
-    --line-subtle: rgba(47, 55, 68, 0.075);
-    --line-default: rgba(47, 55, 68, 0.115);
-    --line-strong: rgba(43, 52, 66, 0.20);
-    --state-hover: rgba(255, 255, 255, 0.48);
-    --state-selected: rgba(213, 229, 238, 0.48);
-    --brand-mark: radial-gradient(circle at 35% 30%, #ffffff, #cfe5eb 42%, #e7d8ee);
-    --brand-mark-detail: rgba(58, 72, 84, 0.46);
-    --account-orb: linear-gradient(135deg, #cfe7e2, #e4d9ee);
-    --status-good: #328f70;
-    --status-good-wash: rgba(50, 143, 112, 0.13);
-    --active-rule: #477f91;
-    --focus-ring: #397d94;
-    --selection: rgba(131, 174, 194, 0.42);
-    --control-accent: #397b91;
-    --primary-surface: #29313e;
-    --primary-hover: #222936;
-    --primary-border: rgba(33, 40, 52, 0.70);
-    --primary-ink: #f7f7f4;
-    --scroll-thumb: rgba(42, 50, 64, 0.22);
-    --observation-ribbon: linear-gradient(90deg, rgba(221, 167, 174, 0.68), rgba(169, 216, 211, 0.72), rgba(204, 180, 220, 0.66), rgba(231, 207, 155, 0.62));
-    --workbench-shadow: 0 1px 2px rgba(35, 44, 58, 0.035), 0 8px 24px rgba(52, 62, 77, 0.035);
-    --panel-shadow: -12px 0 40px rgba(48, 56, 69, 0.10);
-    --mini-map: rgba(223, 236, 241, 0.62);
-    --marker-cyan: #6aaeb4;
-    --marker-rose: #d5969e;
-    --marker-lilac: #b997c5;
-    --marker-gold: #d9bb7c;
-  }
-}
-
-@supports (color: oklch(0% 0 0)) {
 :root {
   --app-canvas: oklch(98.2% 0.004 94);
   --app-wash: oklch(99% 0.003 92 / 0.18);
@@ -63,9 +17,9 @@
   --line-strong: oklch(26% 0.025 246 / 0.20);
   --state-hover: oklch(100% 0 0 / 0.48);
   --state-selected: oklch(91% 0.024 222 / 0.48);
-  --brand-mark: radial-gradient(circle at 35% 30%, oklch(100% 0 0), oklch(88% 0.055 201) 42%, oklch(86% 0.05 318));
-  --brand-mark-detail: oklch(40% 0.04 236 / 0.46);
-  --account-orb: linear-gradient(135deg, oklch(87% 0.05 198), oklch(91% 0.04 315));
+  --brand-mark: var(--ink-primary);
+  --brand-mark-detail: oklch(98% 0.004 95 / 0.72);
+  --account-orb: oklch(90% 0.006 240);
   --status-good: oklch(58% 0.11 158);
   --status-good-wash: oklch(58% 0.11 158 / 0.13);
   --active-rule: oklch(54% 0.08 216);
@@ -77,7 +31,8 @@
   --primary-border: oklch(25% 0.025 240 / 0.70);
   --primary-ink: oklch(98% 0.004 95);
   --scroll-thumb: oklch(35% 0.02 240 / 0.22);
-  --observation-ribbon: linear-gradient(90deg, oklch(72% 0.08 22 / 0.68), oklch(73% 0.07 193 / 0.72), oklch(72% 0.07 302 / 0.66), oklch(76% 0.07 75 / 0.62));
+  --observation-ribbon: var(--line-strong);
+  --fallback-alpha: 0.24;
   --workbench-shadow: 0 1px 2px oklch(20% 0.02 240 / 0.035), 0 8px 24px oklch(35% 0.03 240 / 0.035);
   --panel-shadow: -12px 0 40px oklch(30% 0.03 240 / 0.10);
   --mini-map: oklch(95% 0.014 204 / 0.62);
@@ -86,22 +41,53 @@
   --marker-lilac: oklch(68% 0.08 307);
   --marker-gold: oklch(72% 0.08 81);
 }
-}
 
 .field-fallback body {
-  background: var(
-    --field-fallback-background,
-    radial-gradient(ellipse at 12% 18%, rgba(207, 229, 235, 0.72), transparent 46%),
-    radial-gradient(ellipse at 78% 22%, rgba(239, 205, 210, 0.68), transparent 48%),
-    radial-gradient(ellipse at 44% 82%, rgba(225, 210, 238, 0.58), transparent 54%),
-    var(--app-canvas)
-  );
+  background: var(--field-fallback-background, var(--app-canvas));
 }
 
-@supports (color: oklch(0% 0 0)) {
-@media (color-gamut: p3) {
+
+@supports not (color: oklch(0% 0 0)) {
   :root {
-    --observation-ribbon: linear-gradient(90deg, oklch(72% 0.095 22 / 0.68), oklch(73% 0.085 193 / 0.72), oklch(72% 0.085 302 / 0.66), oklch(76% 0.082 75 / 0.62));
+    --app-canvas: #f7f7f4;
+    --app-wash: rgba(247, 247, 244, 0.18);
+    --topbar-surface: rgba(252, 252, 249, 0.76);
+    --sidebar-surface: rgba(250, 250, 247, 0.70);
+    --band-surface: rgba(251, 251, 248, 0.68);
+    --workbench-surface: rgba(252, 252, 249, 0.70);
+    --pane-surface: rgba(253, 253, 251, 0.66);
+    --panel-surface: rgba(250, 250, 247, 0.92);
+    --button-surface: rgba(255, 255, 255, 0.46);
+    --ink-primary: #293341;
+    --ink-secondary: #59616d;
+    --ink-tertiary: #808792;
+    --ink-muted: #9ba1aa;
+    --line-subtle: rgba(47, 55, 68, 0.075);
+    --line-default: rgba(47, 55, 68, 0.115);
+    --line-strong: rgba(43, 52, 66, 0.20);
+    --state-hover: rgba(255, 255, 255, 0.48);
+    --state-selected: rgba(213, 229, 238, 0.48);
+    --brand-mark: radial-gradient(circle at 35% 30%, #ffffff, #cfe5eb 42%, #e7d8ee);
+    --brand-mark-detail: rgba(58, 72, 84, 0.46);
+    --account-orb: linear-gradient(135deg, #cfe7e2, #e4d9ee);
+    --status-good: #328f70;
+    --status-good-wash: rgba(50, 143, 112, 0.13);
+    --active-rule: #477f91;
+    --focus-ring: #397d94;
+    --selection: rgba(131, 174, 194, 0.42);
+    --control-accent: #397b91;
+    --primary-surface: #29313e;
+    --primary-hover: #222936;
+    --primary-border: rgba(33, 40, 52, 0.70);
+    --primary-ink: #f7f7f4;
+    --scroll-thumb: rgba(42, 50, 64, 0.22);
+    --observation-ribbon: linear-gradient(90deg, rgba(221, 167, 174, 0.68), rgba(169, 216, 211, 0.72), rgba(204, 180, 220, 0.66), rgba(231, 207, 155, 0.62));
+    --workbench-shadow: 0 1px 2px rgba(35, 44, 58, 0.035), 0 8px 24px rgba(52, 62, 77, 0.035);
+    --panel-shadow: -12px 0 40px rgba(48, 56, 69, 0.10);
+    --mini-map: rgba(223, 236, 241, 0.62);
+    --marker-cyan: #6aaeb4;
+    --marker-rose: #d5969e;
+    --marker-lilac: #b997c5;
+    --marker-gold: #d9bb7c;
   }
 }
-}