@codextheme/cli 0.2.4 → 0.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/README.md +5 -5
  2. package/package.json +2 -2
  3. package/src/main.mjs +4 -4
  4. package/themes/aurora-glass.codextheme-theme +1 -1
  5. package/themes/cathedral-nocturne.codextheme-theme +1 -1
  6. package/themes/crimson-eclipse.codextheme-theme +1 -1
  7. package/themes/crimson-procession.codextheme-theme +1 -1
  8. package/themes/midnight-circuit.codextheme-theme +1 -1
  9. package/themes/silver-reliquary.codextheme-theme +1 -1
package/README.md CHANGED
@@ -5,13 +5,13 @@ Fixed-version, one-command curated and private custom skins for Codex Desktop on
5
5
  Apply a catalog skin:
6
6
 
7
7
  ```sh
8
- npx --yes @codextheme/cli@0.2.4 apply cathedral-nocturne
8
+ npx --yes @codextheme/cli@0.2.5 apply cathedral-nocturne
9
9
  ```
10
10
 
11
11
  The custom skin studio at [codextheme.tech](https://codextheme.tech) creates an expiring private command:
12
12
 
13
13
  ```sh
14
- npx --yes @codextheme/cli@0.2.4 apply-private <private-id>
14
+ npx --yes @codextheme/cli@0.2.5 apply-private <private-id>
15
15
  ```
16
16
 
17
17
  Private packages are downloaded only from the fixed `https://codextheme.tech` origin, bounded, integrity-checked, schema-validated, safety-linted, and cached locally with owner-only permissions. The temporary server link expires after 24 hours; `reapply` uses the validated local cache and works after that link expires.
@@ -19,10 +19,10 @@ Private packages are downloaded only from the fixed `https://codextheme.tech` or
19
19
  The CLI emits and applies only CodexTheme-owned package and renderer names. Historical cached packages are normalized by the runtime compatibility layer without exposing the former namespace in normal command output.
20
20
 
21
21
  ```sh
22
- npx --yes @codextheme/cli@0.2.4 reapply
23
- npx --yes @codextheme/cli@0.2.4 restore
22
+ npx --yes @codextheme/cli@0.2.5 reapply
23
+ npx --yes @codextheme/cli@0.2.5 restore
24
24
  ```
25
25
 
26
- The CLI has no install scripts, does not use `sudo`, and does not modify the Codex application bundle. Requirements: macOS, Node.js 22.4+, and Codex Desktop. A running Codex process is never closed or reopened without an explicit `y` confirmation. After confirmation, version 0.2.4 uses an owner-only detached one-shot worker so an apply started inside Codex survives that restart; it does not install a persistent service.
26
+ The CLI has no install scripts, does not use `sudo`, and does not modify the Codex application bundle. Requirements: macOS, Node.js 22.4+, and Codex Desktop. A running Codex process is never closed or reopened without an explicit `y` confirmation. After confirmation, version 0.2.5 uses an owner-only detached one-shot worker so an apply started inside Codex survives that restart; it does not install a persistent service.
27
27
 
28
28
  CodexTheme is an independent project and is not affiliated with or endorsed by OpenAI.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codextheme/cli",
3
- "version": "0.2.4",
3
+ "version": "0.2.5",
4
4
  "description": "One-command curated and private custom skins for Codex Desktop on macOS.",
5
5
  "type": "module",
6
6
  "license": "Apache-2.0",
@@ -18,7 +18,7 @@
18
18
  "test": "node --test"
19
19
  },
20
20
  "dependencies": {
21
- "@codextheme/runtime": "0.1.1"
21
+ "@codextheme/runtime": "0.1.2"
22
22
  },
23
23
  "engines": {
24
24
  "node": ">=22.4"
package/src/main.mjs CHANGED
@@ -7,9 +7,9 @@ import { confirmRestart } from "./prompt.mjs";
7
7
  import { runtime as productionRuntime } from "./runtime.mjs";
8
8
  import { createStateStore } from "./state.mjs";
9
9
 
10
- export const VERSION = "0.2.4";
11
- const REAPPLY = "npx --yes @codextheme/cli@0.2.4 reapply";
12
- const RESTORE = "npx --yes @codextheme/cli@0.2.4 restore";
10
+ export const VERSION = "0.2.5";
11
+ const REAPPLY = "npx --yes @codextheme/cli@0.2.5 reapply";
12
+ const RESTORE = "npx --yes @codextheme/cli@0.2.5 restore";
13
13
 
14
14
  const HELP = `CodexTheme ${VERSION}
15
15
 
@@ -51,7 +51,7 @@ function safePublicError(error) {
51
51
  function writeApplyResult(stdout, result, name, successMessage, { showReapply = true } = {}) {
52
52
  if (result.handoff?.queued) {
53
53
  stdout.write(
54
- `✓ ${name} 已交给独立任务处理\n`
54
+ `⏳ ${name} 正在后台应用，当前尚未完成\n`
55
55
  + "Codex 将自动关闭并重新打开一次，随后完成主题应用和验证。\n"
56
56
  + "当前 Codex task 可能结束；最终结果会通过 macOS 通知显示。\n",
57
57
  );
package/themes/aurora-glass.codextheme-theme CHANGED
@@ -18,7 +18,7 @@
18
18
  },
19
19
  "targets": {
20
20
  "codex": {
21
- "css": ":root.codextheme-codex-skin {\n color-scheme: dark !important;\n --codextheme-accent: var(--color-token-primary, #9b7bff);\n --codextheme-surface: var(--color-token-bg-primary, #10111a);\n --codextheme-panel: color-mix(in srgb, var(--codextheme-surface) 94%, white 6%);\n --codextheme-panel-soft: color-mix(in srgb, var(--codextheme-surface) 88%, transparent);\n --codextheme-line: color-mix(in srgb, var(--codextheme-accent) 32%, transparent);\n}\n\nhtml.codextheme-codex-skin body {\n background: #07080d !important;\n color: var(--color-token-text-primary, #f5f3ff) !important;\n}\n\nhtml.codextheme-codex-skin body::before {\n content: \"\";\n position: fixed;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n background-image:\n linear-gradient(90deg, rgba(5, 6, 10, .68) 0%, rgba(5, 6, 10, .28) 46%, rgba(5, 6, 10, .08) 100%),\n var(--codextheme-image-session-bg);\n background-position: center;\n background-size: cover;\n filter: saturate(.92) contrast(1.04);\n}\n\nhtml.codextheme-codex-skin body:has(.dream-home)::before {\n background-image:\n linear-gradient(90deg, color-mix(in srgb, var(--codextheme-surface) 94%, transparent), transparent 68%),\n var(--codextheme-image-hero);\n}\n\nhtml.codextheme-codex-skin body > * {\n position: relative;\n z-index: 1;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel {\n background: color-mix(in srgb, var(--codextheme-surface) 82%, transparent) !important;\n border-color: var(--codextheme-line) !important;\n box-shadow: 18px 0 42px rgba(0, 0, 0, .25) !important;\n backdrop-filter: blur(18px) saturate(1.08) !important;\n}\n\nhtml.codextheme-codex-skin main.main-surface {\n background: color-mix(in srgb, var(--codextheme-surface) 38%, transparent) !important;\n border-color: var(--codextheme-line) !important;\n box-shadow: inset 0 1px rgba(255, 255, 255, .035), -12px 0 40px rgba(0, 0, 0, .18) !important;\n backdrop-filter: blur(14px) saturate(1.03) !important;\n}\n\nhtml.codextheme-codex-skin main.main-surface > header.app-header-tint {\n background: color-mix(in srgb, var(--codextheme-panel) 62%, transparent) !important;\n border-bottom-color: var(--codextheme-line) !important;\n backdrop-filter: blur(18px) !important;\n}\n\nhtml.codextheme-codex-skin .composer-surface-chrome {\n background: var(--codextheme-panel) !important;\n border: 1px solid var(--codextheme-line) !important;\n box-shadow: 0 18px 50px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .05) !important;\n backdrop-filter: blur(20px) saturate(1.08) !important;\n}\n\nhtml.codextheme-codex-skin :is(pre, code, [data-language]) {\n background-color: color-mix(in srgb, var(--codextheme-surface) 97%, black 3%) !important;\n}\n\nhtml.codextheme-codex-skin :is(button, a, input, textarea, [tabindex]):focus-visible {\n outline: 2px solid var(--codextheme-accent) !important;\n outline-offset: 2px !important;\n}\n\nhtml.codextheme-codex-skin .dream-home {\n position: relative;\n isolation: isolate;\n background: transparent !important;\n}\n\nhtml.codextheme-codex-skin .dream-home::after {\n content: \"\";\n position: absolute;\n inset: 22px;\n z-index: -1;\n border: 1px solid var(--codextheme-line);\n border-radius: 28px;\n pointer-events: none;\n box-shadow: inset 0 0 80px rgba(0, 0, 0, .18);\n}\n\n#codextheme-codex-skin-chrome {\n pointer-events: none;\n color: var(--color-token-text-primary, #f5f3ff);\n}\n\n#codextheme-codex-skin-chrome .dream-brand,\n#codextheme-codex-skin-chrome .dream-signature {\n color: var(--codextheme-accent);\n text-shadow: 0 2px 18px rgba(0, 0, 0, .75);\n}\n\n#codextheme-codex-skin-chrome .dream-polaroid,\n#codextheme-codex-skin-chrome .dream-ribbon,\n#codextheme-codex-skin-chrome .dream-sparkles {\n display: none !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n html.codextheme-codex-skin *,\n html.codextheme-codex-skin *::before,\n html.codextheme-codex-skin *::after {\n animation-duration: .001ms !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n transition-duration: .001ms !important;\n }\n}\n",
21
+ "css": ":root.codextheme-codex-skin {\n color-scheme: dark !important;\n --codextheme-accent: var(--color-token-primary, #9b7bff);\n --codextheme-surface: var(--color-token-bg-primary, #10111a);\n --codextheme-panel: color-mix(in srgb, var(--codextheme-surface) 94%, white 6%);\n --codextheme-panel-soft: color-mix(in srgb, var(--codextheme-surface) 88%, transparent);\n --codextheme-line: color-mix(in srgb, var(--codextheme-accent) 32%, transparent);\n}\n\nhtml.codextheme-codex-skin body {\n background: #07080d !important;\n color: var(--color-token-text-primary, #f5f3ff) !important;\n}\n\nhtml.codextheme-codex-skin body::before {\n content: \"\";\n position: fixed;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n background-image:\n linear-gradient(90deg, rgba(5, 6, 10, .68) 0%, rgba(5, 6, 10, .28) 46%, rgba(5, 6, 10, .08) 100%),\n var(--codextheme-image-session-bg);\n background-position: center;\n background-size: cover;\n filter: saturate(.92) contrast(1.04);\n}\n\nhtml.codextheme-codex-skin body:has(.dream-home)::before {\n background-image:\n linear-gradient(90deg, color-mix(in srgb, var(--codextheme-surface) 94%, transparent), transparent 68%),\n var(--codextheme-image-hero);\n}\n\nhtml.codextheme-codex-skin body > * {\n position: relative;\n z-index: 1;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel {\n background: color-mix(in srgb, var(--codextheme-surface) 82%, transparent) !important;\n border-color: var(--codextheme-line) !important;\n box-shadow: 18px 0 42px rgba(0, 0, 0, .25) !important;\n backdrop-filter: blur(18px) saturate(1.08) !important;\n}\n\nhtml.codextheme-codex-skin main.main-surface {\n background: color-mix(in srgb, var(--codextheme-surface) 38%, transparent) !important;\n border-color: var(--codextheme-line) !important;\n box-shadow: inset 0 1px rgba(255, 255, 255, .035), -12px 0 40px rgba(0, 0, 0, .18) !important;\n backdrop-filter: blur(0px) saturate(1.03) !important;\n}\n\nhtml.codextheme-codex-skin main.main-surface > header.app-header-tint {\n background: color-mix(in srgb, var(--codextheme-panel) 62%, transparent) !important;\n border-bottom-color: var(--codextheme-line) !important;\n backdrop-filter: blur(18px) !important;\n}\n\nhtml.codextheme-codex-skin .composer-surface-chrome {\n background: var(--codextheme-panel) !important;\n border: 1px solid var(--codextheme-line) !important;\n box-shadow: 0 18px 50px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .05) !important;\n backdrop-filter: blur(20px) saturate(1.08) !important;\n}\n\nhtml.codextheme-codex-skin :is(pre, code, [data-language]) {\n background-color: color-mix(in srgb, var(--codextheme-surface) 97%, black 3%) !important;\n}\n\nhtml.codextheme-codex-skin :is(button, a, input, textarea, [tabindex]):focus-visible {\n outline: 2px solid var(--codextheme-accent) !important;\n outline-offset: 2px !important;\n}\n\nhtml.codextheme-codex-skin .dream-home {\n position: relative;\n isolation: isolate;\n background: transparent !important;\n}\n\nhtml.codextheme-codex-skin .dream-home::after {\n content: \"\";\n position: absolute;\n inset: 22px;\n z-index: -1;\n border: 1px solid var(--codextheme-line);\n border-radius: 28px;\n pointer-events: none;\n box-shadow: inset 0 0 80px rgba(0, 0, 0, .18);\n}\n\n#codextheme-codex-skin-chrome {\n pointer-events: none;\n color: var(--color-token-text-primary, #f5f3ff);\n}\n\n#codextheme-codex-skin-chrome .dream-brand,\n#codextheme-codex-skin-chrome .dream-signature {\n color: var(--codextheme-accent);\n text-shadow: 0 2px 18px rgba(0, 0, 0, .75);\n}\n\n#codextheme-codex-skin-chrome .dream-polaroid,\n#codextheme-codex-skin-chrome .dream-ribbon,\n#codextheme-codex-skin-chrome .dream-sparkles {\n display: none !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n html.codextheme-codex-skin *,\n html.codextheme-codex-skin *::before,\n html.codextheme-codex-skin *::after {\n animation-duration: .001ms !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n transition-duration: .001ms !important;\n }\n}\n",
22
22
  "options": {
23
23
  "rendererProfile": "codex-theme-v1",
24
24
  "baseTheme": {
package/themes/cathedral-nocturne.codextheme-theme CHANGED
@@ -18,7 +18,7 @@
18
18
  },
19
19
  "targets": {
20
20
  "codex": {
21
- "css": ":root.codextheme-codex-skin {\n color-scheme: dark !important;\n --codextheme-accent: var(--color-token-primary, #9b7bff);\n --codextheme-surface: var(--color-token-bg-primary, #10111a);\n --codextheme-panel: color-mix(in srgb, var(--codextheme-surface) 94%, white 6%);\n --codextheme-panel-soft: color-mix(in srgb, var(--codextheme-surface) 88%, transparent);\n --codextheme-line: color-mix(in srgb, var(--codextheme-accent) 32%, transparent);\n}\n\nhtml.codextheme-codex-skin body {\n background: #07080d !important;\n color: var(--color-token-text-primary, #f5f3ff) !important;\n}\n\nhtml.codextheme-codex-skin body::before {\n content: \"\";\n position: fixed;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n background-image:\n linear-gradient(90deg, rgba(5, 6, 10, .68) 0%, rgba(5, 6, 10, .28) 46%, rgba(5, 6, 10, .08) 100%),\n var(--codextheme-image-session-bg);\n background-position: center;\n background-size: cover;\n filter: saturate(.92) contrast(1.04);\n}\n\nhtml.codextheme-codex-skin body:has(.dream-home)::before {\n background-image:\n linear-gradient(90deg, color-mix(in srgb, var(--codextheme-surface) 94%, transparent), transparent 68%),\n var(--codextheme-image-hero);\n}\n\nhtml.codextheme-codex-skin body > * {\n position: relative;\n z-index: 1;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel {\n background: color-mix(in srgb, var(--codextheme-surface) 82%, transparent) !important;\n border-color: var(--codextheme-line) !important;\n box-shadow: 18px 0 42px rgba(0, 0, 0, .25) !important;\n backdrop-filter: blur(18px) saturate(1.08) !important;\n}\n\nhtml.codextheme-codex-skin main.main-surface {\n background: color-mix(in srgb, var(--codextheme-surface) 38%, transparent) !important;\n border-color: var(--codextheme-line) !important;\n box-shadow: inset 0 1px rgba(255, 255, 255, .035), -12px 0 40px rgba(0, 0, 0, .18) !important;\n backdrop-filter: blur(14px) saturate(1.03) !important;\n}\n\nhtml.codextheme-codex-skin main.main-surface > header.app-header-tint {\n background: color-mix(in srgb, var(--codextheme-panel) 62%, transparent) !important;\n border-bottom-color: var(--codextheme-line) !important;\n backdrop-filter: blur(18px) !important;\n}\n\nhtml.codextheme-codex-skin .composer-surface-chrome {\n background: var(--codextheme-panel) !important;\n border: 1px solid var(--codextheme-line) !important;\n box-shadow: 0 18px 50px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .05) !important;\n backdrop-filter: blur(20px) saturate(1.08) !important;\n}\n\nhtml.codextheme-codex-skin :is(pre, code, [data-language]) {\n background-color: color-mix(in srgb, var(--codextheme-surface) 97%, black 3%) !important;\n}\n\nhtml.codextheme-codex-skin :is(button, a, input, textarea, [tabindex]):focus-visible {\n outline: 2px solid var(--codextheme-accent) !important;\n outline-offset: 2px !important;\n}\n\nhtml.codextheme-codex-skin .dream-home {\n position: relative;\n isolation: isolate;\n background: transparent !important;\n}\n\nhtml.codextheme-codex-skin .dream-home::after {\n content: \"\";\n position: absolute;\n inset: 22px;\n z-index: -1;\n border: 1px solid var(--codextheme-line);\n border-radius: 28px;\n pointer-events: none;\n box-shadow: inset 0 0 80px rgba(0, 0, 0, .18);\n}\n\n#codextheme-codex-skin-chrome {\n pointer-events: none;\n color: var(--color-token-text-primary, #f5f3ff);\n}\n\n#codextheme-codex-skin-chrome .dream-brand,\n#codextheme-codex-skin-chrome .dream-signature {\n color: var(--codextheme-accent);\n text-shadow: 0 2px 18px rgba(0, 0, 0, .75);\n}\n\n#codextheme-codex-skin-chrome .dream-polaroid,\n#codextheme-codex-skin-chrome .dream-ribbon,\n#codextheme-codex-skin-chrome .dream-sparkles {\n display: none !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n html.codextheme-codex-skin *,\n html.codextheme-codex-skin *::before,\n html.codextheme-codex-skin *::after {\n animation-duration: .001ms !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n transition-duration: .001ms !important;\n }\n}\n",
21
+ "css": ":root.codextheme-codex-skin {\n color-scheme: dark !important;\n --codextheme-accent: var(--color-token-primary, #9b7bff);\n --codextheme-surface: var(--color-token-bg-primary, #10111a);\n --codextheme-panel: color-mix(in srgb, var(--codextheme-surface) 94%, white 6%);\n --codextheme-panel-soft: color-mix(in srgb, var(--codextheme-surface) 88%, transparent);\n --codextheme-line: color-mix(in srgb, var(--codextheme-accent) 32%, transparent);\n}\n\nhtml.codextheme-codex-skin body {\n background: #07080d !important;\n color: var(--color-token-text-primary, #f5f3ff) !important;\n}\n\nhtml.codextheme-codex-skin body::before {\n content: \"\";\n position: fixed;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n background-image:\n linear-gradient(90deg, rgba(5, 6, 10, .68) 0%, rgba(5, 6, 10, .28) 46%, rgba(5, 6, 10, .08) 100%),\n var(--codextheme-image-session-bg);\n background-position: center;\n background-size: cover;\n filter: saturate(.92) contrast(1.04);\n}\n\nhtml.codextheme-codex-skin body:has(.dream-home)::before {\n background-image:\n linear-gradient(90deg, color-mix(in srgb, var(--codextheme-surface) 94%, transparent), transparent 68%),\n var(--codextheme-image-hero);\n}\n\nhtml.codextheme-codex-skin body > * {\n position: relative;\n z-index: 1;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel {\n background: color-mix(in srgb, var(--codextheme-surface) 82%, transparent) !important;\n border-color: var(--codextheme-line) !important;\n box-shadow: 18px 0 42px rgba(0, 0, 0, .25) !important;\n backdrop-filter: blur(18px) saturate(1.08) !important;\n}\n\nhtml.codextheme-codex-skin main.main-surface {\n background: color-mix(in srgb, var(--codextheme-surface) 38%, transparent) !important;\n border-color: var(--codextheme-line) !important;\n box-shadow: inset 0 1px rgba(255, 255, 255, .035), -12px 0 40px rgba(0, 0, 0, .18) !important;\n backdrop-filter: blur(0px) saturate(1.03) !important;\n}\n\nhtml.codextheme-codex-skin main.main-surface > header.app-header-tint {\n background: color-mix(in srgb, var(--codextheme-panel) 62%, transparent) !important;\n border-bottom-color: var(--codextheme-line) !important;\n backdrop-filter: blur(18px) !important;\n}\n\nhtml.codextheme-codex-skin .composer-surface-chrome {\n background: var(--codextheme-panel) !important;\n border: 1px solid var(--codextheme-line) !important;\n box-shadow: 0 18px 50px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .05) !important;\n backdrop-filter: blur(20px) saturate(1.08) !important;\n}\n\nhtml.codextheme-codex-skin :is(pre, code, [data-language]) {\n background-color: color-mix(in srgb, var(--codextheme-surface) 97%, black 3%) !important;\n}\n\nhtml.codextheme-codex-skin :is(button, a, input, textarea, [tabindex]):focus-visible {\n outline: 2px solid var(--codextheme-accent) !important;\n outline-offset: 2px !important;\n}\n\nhtml.codextheme-codex-skin .dream-home {\n position: relative;\n isolation: isolate;\n background: transparent !important;\n}\n\nhtml.codextheme-codex-skin .dream-home::after {\n content: \"\";\n position: absolute;\n inset: 22px;\n z-index: -1;\n border: 1px solid var(--codextheme-line);\n border-radius: 28px;\n pointer-events: none;\n box-shadow: inset 0 0 80px rgba(0, 0, 0, .18);\n}\n\n#codextheme-codex-skin-chrome {\n pointer-events: none;\n color: var(--color-token-text-primary, #f5f3ff);\n}\n\n#codextheme-codex-skin-chrome .dream-brand,\n#codextheme-codex-skin-chrome .dream-signature {\n color: var(--codextheme-accent);\n text-shadow: 0 2px 18px rgba(0, 0, 0, .75);\n}\n\n#codextheme-codex-skin-chrome .dream-polaroid,\n#codextheme-codex-skin-chrome .dream-ribbon,\n#codextheme-codex-skin-chrome .dream-sparkles {\n display: none !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n html.codextheme-codex-skin *,\n html.codextheme-codex-skin *::before,\n html.codextheme-codex-skin *::after {\n animation-duration: .001ms !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n transition-duration: .001ms !important;\n }\n}\n",
22
22
  "options": {
23
23
  "rendererProfile": "codex-theme-v1",
24
24
  "baseTheme": {
package/themes/crimson-eclipse.codextheme-theme CHANGED
@@ -18,7 +18,7 @@
18
18
  },
19
19
  "targets": {
20
20
  "codex": {
21
- "css": ":root.codextheme-codex-skin {\n color-scheme: dark !important;\n --codextheme-accent: var(--color-token-primary, #9b7bff);\n --codextheme-surface: var(--color-token-bg-primary, #10111a);\n --codextheme-panel: color-mix(in srgb, var(--codextheme-surface) 94%, white 6%);\n --codextheme-panel-soft: color-mix(in srgb, var(--codextheme-surface) 88%, transparent);\n --codextheme-line: color-mix(in srgb, var(--codextheme-accent) 32%, transparent);\n}\n\nhtml.codextheme-codex-skin body {\n background: #07080d !important;\n color: var(--color-token-text-primary, #f5f3ff) !important;\n}\n\nhtml.codextheme-codex-skin body::before {\n content: \"\";\n position: fixed;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n background-image:\n linear-gradient(90deg, rgba(5, 6, 10, .68) 0%, rgba(5, 6, 10, .28) 46%, rgba(5, 6, 10, .08) 100%),\n var(--codextheme-image-session-bg);\n background-position: center;\n background-size: cover;\n filter: saturate(.92) contrast(1.04);\n}\n\nhtml.codextheme-codex-skin body:has(.dream-home)::before {\n background-image:\n linear-gradient(90deg, color-mix(in srgb, var(--codextheme-surface) 94%, transparent), transparent 68%),\n var(--codextheme-image-hero);\n}\n\nhtml.codextheme-codex-skin body > * {\n position: relative;\n z-index: 1;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel {\n background: color-mix(in srgb, var(--codextheme-surface) 82%, transparent) !important;\n border-color: var(--codextheme-line) !important;\n box-shadow: 18px 0 42px rgba(0, 0, 0, .25) !important;\n backdrop-filter: blur(18px) saturate(1.08) !important;\n}\n\nhtml.codextheme-codex-skin main.main-surface {\n background: color-mix(in srgb, var(--codextheme-surface) 38%, transparent) !important;\n border-color: var(--codextheme-line) !important;\n box-shadow: inset 0 1px rgba(255, 255, 255, .035), -12px 0 40px rgba(0, 0, 0, .18) !important;\n backdrop-filter: blur(14px) saturate(1.03) !important;\n}\n\nhtml.codextheme-codex-skin main.main-surface > header.app-header-tint {\n background: color-mix(in srgb, var(--codextheme-panel) 62%, transparent) !important;\n border-bottom-color: var(--codextheme-line) !important;\n backdrop-filter: blur(18px) !important;\n}\n\nhtml.codextheme-codex-skin .composer-surface-chrome {\n background: var(--codextheme-panel) !important;\n border: 1px solid var(--codextheme-line) !important;\n box-shadow: 0 18px 50px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .05) !important;\n backdrop-filter: blur(20px) saturate(1.08) !important;\n}\n\nhtml.codextheme-codex-skin :is(pre, code, [data-language]) {\n background-color: color-mix(in srgb, var(--codextheme-surface) 97%, black 3%) !important;\n}\n\nhtml.codextheme-codex-skin :is(button, a, input, textarea, [tabindex]):focus-visible {\n outline: 2px solid var(--codextheme-accent) !important;\n outline-offset: 2px !important;\n}\n\nhtml.codextheme-codex-skin .dream-home {\n position: relative;\n isolation: isolate;\n background: transparent !important;\n}\n\nhtml.codextheme-codex-skin .dream-home::after {\n content: \"\";\n position: absolute;\n inset: 22px;\n z-index: -1;\n border: 1px solid var(--codextheme-line);\n border-radius: 28px;\n pointer-events: none;\n box-shadow: inset 0 0 80px rgba(0, 0, 0, .18);\n}\n\n#codextheme-codex-skin-chrome {\n pointer-events: none;\n color: var(--color-token-text-primary, #f5f3ff);\n}\n\n#codextheme-codex-skin-chrome .dream-brand,\n#codextheme-codex-skin-chrome .dream-signature {\n color: var(--codextheme-accent);\n text-shadow: 0 2px 18px rgba(0, 0, 0, .75);\n}\n\n#codextheme-codex-skin-chrome .dream-polaroid,\n#codextheme-codex-skin-chrome .dream-ribbon,\n#codextheme-codex-skin-chrome .dream-sparkles {\n display: none !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n html.codextheme-codex-skin *,\n html.codextheme-codex-skin *::before,\n html.codextheme-codex-skin *::after {\n animation-duration: .001ms !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n transition-duration: .001ms !important;\n }\n}\n",
21
+ "css": ":root.codextheme-codex-skin {\n color-scheme: dark !important;\n --codextheme-accent: var(--color-token-primary, #9b7bff);\n --codextheme-surface: var(--color-token-bg-primary, #10111a);\n --codextheme-panel: color-mix(in srgb, var(--codextheme-surface) 94%, white 6%);\n --codextheme-panel-soft: color-mix(in srgb, var(--codextheme-surface) 88%, transparent);\n --codextheme-line: color-mix(in srgb, var(--codextheme-accent) 32%, transparent);\n}\n\nhtml.codextheme-codex-skin body {\n background: #07080d !important;\n color: var(--color-token-text-primary, #f5f3ff) !important;\n}\n\nhtml.codextheme-codex-skin body::before {\n content: \"\";\n position: fixed;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n background-image:\n linear-gradient(90deg, rgba(5, 6, 10, .68) 0%, rgba(5, 6, 10, .28) 46%, rgba(5, 6, 10, .08) 100%),\n var(--codextheme-image-session-bg);\n background-position: center;\n background-size: cover;\n filter: saturate(.92) contrast(1.04);\n}\n\nhtml.codextheme-codex-skin body:has(.dream-home)::before {\n background-image:\n linear-gradient(90deg, color-mix(in srgb, var(--codextheme-surface) 94%, transparent), transparent 68%),\n var(--codextheme-image-hero);\n}\n\nhtml.codextheme-codex-skin body > * {\n position: relative;\n z-index: 1;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel {\n background: color-mix(in srgb, var(--codextheme-surface) 82%, transparent) !important;\n border-color: var(--codextheme-line) !important;\n box-shadow: 18px 0 42px rgba(0, 0, 0, .25) !important;\n backdrop-filter: blur(18px) saturate(1.08) !important;\n}\n\nhtml.codextheme-codex-skin main.main-surface {\n background: color-mix(in srgb, var(--codextheme-surface) 38%, transparent) !important;\n border-color: var(--codextheme-line) !important;\n box-shadow: inset 0 1px rgba(255, 255, 255, .035), -12px 0 40px rgba(0, 0, 0, .18) !important;\n backdrop-filter: blur(0px) saturate(1.03) !important;\n}\n\nhtml.codextheme-codex-skin main.main-surface > header.app-header-tint {\n background: color-mix(in srgb, var(--codextheme-panel) 62%, transparent) !important;\n border-bottom-color: var(--codextheme-line) !important;\n backdrop-filter: blur(18px) !important;\n}\n\nhtml.codextheme-codex-skin .composer-surface-chrome {\n background: var(--codextheme-panel) !important;\n border: 1px solid var(--codextheme-line) !important;\n box-shadow: 0 18px 50px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .05) !important;\n backdrop-filter: blur(20px) saturate(1.08) !important;\n}\n\nhtml.codextheme-codex-skin :is(pre, code, [data-language]) {\n background-color: color-mix(in srgb, var(--codextheme-surface) 97%, black 3%) !important;\n}\n\nhtml.codextheme-codex-skin :is(button, a, input, textarea, [tabindex]):focus-visible {\n outline: 2px solid var(--codextheme-accent) !important;\n outline-offset: 2px !important;\n}\n\nhtml.codextheme-codex-skin .dream-home {\n position: relative;\n isolation: isolate;\n background: transparent !important;\n}\n\nhtml.codextheme-codex-skin .dream-home::after {\n content: \"\";\n position: absolute;\n inset: 22px;\n z-index: -1;\n border: 1px solid var(--codextheme-line);\n border-radius: 28px;\n pointer-events: none;\n box-shadow: inset 0 0 80px rgba(0, 0, 0, .18);\n}\n\n#codextheme-codex-skin-chrome {\n pointer-events: none;\n color: var(--color-token-text-primary, #f5f3ff);\n}\n\n#codextheme-codex-skin-chrome .dream-brand,\n#codextheme-codex-skin-chrome .dream-signature {\n color: var(--codextheme-accent);\n text-shadow: 0 2px 18px rgba(0, 0, 0, .75);\n}\n\n#codextheme-codex-skin-chrome .dream-polaroid,\n#codextheme-codex-skin-chrome .dream-ribbon,\n#codextheme-codex-skin-chrome .dream-sparkles {\n display: none !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n html.codextheme-codex-skin *,\n html.codextheme-codex-skin *::before,\n html.codextheme-codex-skin *::after {\n animation-duration: .001ms !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n transition-duration: .001ms !important;\n }\n}\n",
22
22
  "options": {
23
23
  "rendererProfile": "codex-theme-v1",
24
24
  "baseTheme": {
package/themes/crimson-procession.codextheme-theme CHANGED
@@ -18,7 +18,7 @@
18
18
  },
19
19
  "targets": {
20
20
  "codex": {
21
- "css": ":root.codextheme-codex-skin {\n color-scheme: dark !important;\n --codextheme-accent: var(--color-token-primary, #9b7bff);\n --codextheme-surface: var(--color-token-bg-primary, #10111a);\n --codextheme-panel: color-mix(in srgb, var(--codextheme-surface) 94%, white 6%);\n --codextheme-panel-soft: color-mix(in srgb, var(--codextheme-surface) 88%, transparent);\n --codextheme-line: color-mix(in srgb, var(--codextheme-accent) 32%, transparent);\n}\n\nhtml.codextheme-codex-skin body {\n background: #07080d !important;\n color: var(--color-token-text-primary, #f5f3ff) !important;\n}\n\nhtml.codextheme-codex-skin body::before {\n content: \"\";\n position: fixed;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n background-image:\n linear-gradient(90deg, rgba(5, 6, 10, .68) 0%, rgba(5, 6, 10, .28) 46%, rgba(5, 6, 10, .08) 100%),\n var(--codextheme-image-session-bg);\n background-position: center;\n background-size: cover;\n filter: saturate(.92) contrast(1.04);\n}\n\nhtml.codextheme-codex-skin body:has(.dream-home)::before {\n background-image:\n linear-gradient(90deg, color-mix(in srgb, var(--codextheme-surface) 94%, transparent), transparent 68%),\n var(--codextheme-image-hero);\n}\n\nhtml.codextheme-codex-skin body > * {\n position: relative;\n z-index: 1;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel {\n background: color-mix(in srgb, var(--codextheme-surface) 82%, transparent) !important;\n border-color: var(--codextheme-line) !important;\n box-shadow: 18px 0 42px rgba(0, 0, 0, .25) !important;\n backdrop-filter: blur(18px) saturate(1.08) !important;\n}\n\nhtml.codextheme-codex-skin main.main-surface {\n background: color-mix(in srgb, var(--codextheme-surface) 38%, transparent) !important;\n border-color: var(--codextheme-line) !important;\n box-shadow: inset 0 1px rgba(255, 255, 255, .035), -12px 0 40px rgba(0, 0, 0, .18) !important;\n backdrop-filter: blur(14px) saturate(1.03) !important;\n}\n\nhtml.codextheme-codex-skin main.main-surface > header.app-header-tint {\n background: color-mix(in srgb, var(--codextheme-panel) 62%, transparent) !important;\n border-bottom-color: var(--codextheme-line) !important;\n backdrop-filter: blur(18px) !important;\n}\n\nhtml.codextheme-codex-skin .composer-surface-chrome {\n background: var(--codextheme-panel) !important;\n border: 1px solid var(--codextheme-line) !important;\n box-shadow: 0 18px 50px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .05) !important;\n backdrop-filter: blur(20px) saturate(1.08) !important;\n}\n\nhtml.codextheme-codex-skin :is(pre, code, [data-language]) {\n background-color: color-mix(in srgb, var(--codextheme-surface) 97%, black 3%) !important;\n}\n\nhtml.codextheme-codex-skin :is(button, a, input, textarea, [tabindex]):focus-visible {\n outline: 2px solid var(--codextheme-accent) !important;\n outline-offset: 2px !important;\n}\n\nhtml.codextheme-codex-skin .dream-home {\n position: relative;\n isolation: isolate;\n background: transparent !important;\n}\n\nhtml.codextheme-codex-skin .dream-home::after {\n content: \"\";\n position: absolute;\n inset: 22px;\n z-index: -1;\n border: 1px solid var(--codextheme-line);\n border-radius: 28px;\n pointer-events: none;\n box-shadow: inset 0 0 80px rgba(0, 0, 0, .18);\n}\n\n#codextheme-codex-skin-chrome {\n pointer-events: none;\n color: var(--color-token-text-primary, #f5f3ff);\n}\n\n#codextheme-codex-skin-chrome .dream-brand,\n#codextheme-codex-skin-chrome .dream-signature {\n color: var(--codextheme-accent);\n text-shadow: 0 2px 18px rgba(0, 0, 0, .75);\n}\n\n#codextheme-codex-skin-chrome .dream-polaroid,\n#codextheme-codex-skin-chrome .dream-ribbon,\n#codextheme-codex-skin-chrome .dream-sparkles {\n display: none !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n html.codextheme-codex-skin *,\n html.codextheme-codex-skin *::before,\n html.codextheme-codex-skin *::after {\n animation-duration: .001ms !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n transition-duration: .001ms !important;\n }\n}\n",
21
+ "css": ":root.codextheme-codex-skin {\n color-scheme: dark !important;\n --codextheme-accent: var(--color-token-primary, #9b7bff);\n --codextheme-surface: var(--color-token-bg-primary, #10111a);\n --codextheme-panel: color-mix(in srgb, var(--codextheme-surface) 94%, white 6%);\n --codextheme-panel-soft: color-mix(in srgb, var(--codextheme-surface) 88%, transparent);\n --codextheme-line: color-mix(in srgb, var(--codextheme-accent) 32%, transparent);\n}\n\nhtml.codextheme-codex-skin body {\n background: #07080d !important;\n color: var(--color-token-text-primary, #f5f3ff) !important;\n}\n\nhtml.codextheme-codex-skin body::before {\n content: \"\";\n position: fixed;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n background-image:\n linear-gradient(90deg, rgba(5, 6, 10, .68) 0%, rgba(5, 6, 10, .28) 46%, rgba(5, 6, 10, .08) 100%),\n var(--codextheme-image-session-bg);\n background-position: center;\n background-size: cover;\n filter: saturate(.92) contrast(1.04);\n}\n\nhtml.codextheme-codex-skin body:has(.dream-home)::before {\n background-image:\n linear-gradient(90deg, color-mix(in srgb, var(--codextheme-surface) 94%, transparent), transparent 68%),\n var(--codextheme-image-hero);\n}\n\nhtml.codextheme-codex-skin body > * {\n position: relative;\n z-index: 1;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel {\n background: color-mix(in srgb, var(--codextheme-surface) 82%, transparent) !important;\n border-color: var(--codextheme-line) !important;\n box-shadow: 18px 0 42px rgba(0, 0, 0, .25) !important;\n backdrop-filter: blur(18px) saturate(1.08) !important;\n}\n\nhtml.codextheme-codex-skin main.main-surface {\n background: color-mix(in srgb, var(--codextheme-surface) 38%, transparent) !important;\n border-color: var(--codextheme-line) !important;\n box-shadow: inset 0 1px rgba(255, 255, 255, .035), -12px 0 40px rgba(0, 0, 0, .18) !important;\n backdrop-filter: blur(0px) saturate(1.03) !important;\n}\n\nhtml.codextheme-codex-skin main.main-surface > header.app-header-tint {\n background: color-mix(in srgb, var(--codextheme-panel) 62%, transparent) !important;\n border-bottom-color: var(--codextheme-line) !important;\n backdrop-filter: blur(18px) !important;\n}\n\nhtml.codextheme-codex-skin .composer-surface-chrome {\n background: var(--codextheme-panel) !important;\n border: 1px solid var(--codextheme-line) !important;\n box-shadow: 0 18px 50px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .05) !important;\n backdrop-filter: blur(20px) saturate(1.08) !important;\n}\n\nhtml.codextheme-codex-skin :is(pre, code, [data-language]) {\n background-color: color-mix(in srgb, var(--codextheme-surface) 97%, black 3%) !important;\n}\n\nhtml.codextheme-codex-skin :is(button, a, input, textarea, [tabindex]):focus-visible {\n outline: 2px solid var(--codextheme-accent) !important;\n outline-offset: 2px !important;\n}\n\nhtml.codextheme-codex-skin .dream-home {\n position: relative;\n isolation: isolate;\n background: transparent !important;\n}\n\nhtml.codextheme-codex-skin .dream-home::after {\n content: \"\";\n position: absolute;\n inset: 22px;\n z-index: -1;\n border: 1px solid var(--codextheme-line);\n border-radius: 28px;\n pointer-events: none;\n box-shadow: inset 0 0 80px rgba(0, 0, 0, .18);\n}\n\n#codextheme-codex-skin-chrome {\n pointer-events: none;\n color: var(--color-token-text-primary, #f5f3ff);\n}\n\n#codextheme-codex-skin-chrome .dream-brand,\n#codextheme-codex-skin-chrome .dream-signature {\n color: var(--codextheme-accent);\n text-shadow: 0 2px 18px rgba(0, 0, 0, .75);\n}\n\n#codextheme-codex-skin-chrome .dream-polaroid,\n#codextheme-codex-skin-chrome .dream-ribbon,\n#codextheme-codex-skin-chrome .dream-sparkles {\n display: none !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n html.codextheme-codex-skin *,\n html.codextheme-codex-skin *::before,\n html.codextheme-codex-skin *::after {\n animation-duration: .001ms !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n transition-duration: .001ms !important;\n }\n}\n",
22
22
  "options": {
23
23
  "rendererProfile": "codex-theme-v1",
24
24
  "baseTheme": {
package/themes/midnight-circuit.codextheme-theme CHANGED
@@ -18,7 +18,7 @@
18
18
  },
19
19
  "targets": {
20
20
  "codex": {
21
- "css": ":root.codextheme-codex-skin {\n color-scheme: dark !important;\n --codextheme-accent: var(--color-token-primary, #9b7bff);\n --codextheme-surface: var(--color-token-bg-primary, #10111a);\n --codextheme-panel: color-mix(in srgb, var(--codextheme-surface) 94%, white 6%);\n --codextheme-panel-soft: color-mix(in srgb, var(--codextheme-surface) 88%, transparent);\n --codextheme-line: color-mix(in srgb, var(--codextheme-accent) 32%, transparent);\n}\n\nhtml.codextheme-codex-skin body {\n background: #07080d !important;\n color: var(--color-token-text-primary, #f5f3ff) !important;\n}\n\nhtml.codextheme-codex-skin body::before {\n content: \"\";\n position: fixed;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n background-image:\n linear-gradient(90deg, rgba(5, 6, 10, .68) 0%, rgba(5, 6, 10, .28) 46%, rgba(5, 6, 10, .08) 100%),\n var(--codextheme-image-session-bg);\n background-position: center;\n background-size: cover;\n filter: saturate(.92) contrast(1.04);\n}\n\nhtml.codextheme-codex-skin body:has(.dream-home)::before {\n background-image:\n linear-gradient(90deg, color-mix(in srgb, var(--codextheme-surface) 94%, transparent), transparent 68%),\n var(--codextheme-image-hero);\n}\n\nhtml.codextheme-codex-skin body > * {\n position: relative;\n z-index: 1;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel {\n background: color-mix(in srgb, var(--codextheme-surface) 82%, transparent) !important;\n border-color: var(--codextheme-line) !important;\n box-shadow: 18px 0 42px rgba(0, 0, 0, .25) !important;\n backdrop-filter: blur(18px) saturate(1.08) !important;\n}\n\nhtml.codextheme-codex-skin main.main-surface {\n background: color-mix(in srgb, var(--codextheme-surface) 38%, transparent) !important;\n border-color: var(--codextheme-line) !important;\n box-shadow: inset 0 1px rgba(255, 255, 255, .035), -12px 0 40px rgba(0, 0, 0, .18) !important;\n backdrop-filter: blur(14px) saturate(1.03) !important;\n}\n\nhtml.codextheme-codex-skin main.main-surface > header.app-header-tint {\n background: color-mix(in srgb, var(--codextheme-panel) 62%, transparent) !important;\n border-bottom-color: var(--codextheme-line) !important;\n backdrop-filter: blur(18px) !important;\n}\n\nhtml.codextheme-codex-skin .composer-surface-chrome {\n background: var(--codextheme-panel) !important;\n border: 1px solid var(--codextheme-line) !important;\n box-shadow: 0 18px 50px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .05) !important;\n backdrop-filter: blur(20px) saturate(1.08) !important;\n}\n\nhtml.codextheme-codex-skin :is(pre, code, [data-language]) {\n background-color: color-mix(in srgb, var(--codextheme-surface) 97%, black 3%) !important;\n}\n\nhtml.codextheme-codex-skin :is(button, a, input, textarea, [tabindex]):focus-visible {\n outline: 2px solid var(--codextheme-accent) !important;\n outline-offset: 2px !important;\n}\n\nhtml.codextheme-codex-skin .dream-home {\n position: relative;\n isolation: isolate;\n background: transparent !important;\n}\n\nhtml.codextheme-codex-skin .dream-home::after {\n content: \"\";\n position: absolute;\n inset: 22px;\n z-index: -1;\n border: 1px solid var(--codextheme-line);\n border-radius: 28px;\n pointer-events: none;\n box-shadow: inset 0 0 80px rgba(0, 0, 0, .18);\n}\n\n#codextheme-codex-skin-chrome {\n pointer-events: none;\n color: var(--color-token-text-primary, #f5f3ff);\n}\n\n#codextheme-codex-skin-chrome .dream-brand,\n#codextheme-codex-skin-chrome .dream-signature {\n color: var(--codextheme-accent);\n text-shadow: 0 2px 18px rgba(0, 0, 0, .75);\n}\n\n#codextheme-codex-skin-chrome .dream-polaroid,\n#codextheme-codex-skin-chrome .dream-ribbon,\n#codextheme-codex-skin-chrome .dream-sparkles {\n display: none !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n html.codextheme-codex-skin *,\n html.codextheme-codex-skin *::before,\n html.codextheme-codex-skin *::after {\n animation-duration: .001ms !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n transition-duration: .001ms !important;\n }\n}\n",
21
+ "css": ":root.codextheme-codex-skin {\n color-scheme: dark !important;\n --codextheme-accent: var(--color-token-primary, #9b7bff);\n --codextheme-surface: var(--color-token-bg-primary, #10111a);\n --codextheme-panel: color-mix(in srgb, var(--codextheme-surface) 94%, white 6%);\n --codextheme-panel-soft: color-mix(in srgb, var(--codextheme-surface) 88%, transparent);\n --codextheme-line: color-mix(in srgb, var(--codextheme-accent) 32%, transparent);\n}\n\nhtml.codextheme-codex-skin body {\n background: #07080d !important;\n color: var(--color-token-text-primary, #f5f3ff) !important;\n}\n\nhtml.codextheme-codex-skin body::before {\n content: \"\";\n position: fixed;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n background-image:\n linear-gradient(90deg, rgba(5, 6, 10, .68) 0%, rgba(5, 6, 10, .28) 46%, rgba(5, 6, 10, .08) 100%),\n var(--codextheme-image-session-bg);\n background-position: center;\n background-size: cover;\n filter: saturate(.92) contrast(1.04);\n}\n\nhtml.codextheme-codex-skin body:has(.dream-home)::before {\n background-image:\n linear-gradient(90deg, color-mix(in srgb, var(--codextheme-surface) 94%, transparent), transparent 68%),\n var(--codextheme-image-hero);\n}\n\nhtml.codextheme-codex-skin body > * {\n position: relative;\n z-index: 1;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel {\n background: color-mix(in srgb, var(--codextheme-surface) 82%, transparent) !important;\n border-color: var(--codextheme-line) !important;\n box-shadow: 18px 0 42px rgba(0, 0, 0, .25) !important;\n backdrop-filter: blur(18px) saturate(1.08) !important;\n}\n\nhtml.codextheme-codex-skin main.main-surface {\n background: color-mix(in srgb, var(--codextheme-surface) 38%, transparent) !important;\n border-color: var(--codextheme-line) !important;\n box-shadow: inset 0 1px rgba(255, 255, 255, .035), -12px 0 40px rgba(0, 0, 0, .18) !important;\n backdrop-filter: blur(0px) saturate(1.03) !important;\n}\n\nhtml.codextheme-codex-skin main.main-surface > header.app-header-tint {\n background: color-mix(in srgb, var(--codextheme-panel) 62%, transparent) !important;\n border-bottom-color: var(--codextheme-line) !important;\n backdrop-filter: blur(18px) !important;\n}\n\nhtml.codextheme-codex-skin .composer-surface-chrome {\n background: var(--codextheme-panel) !important;\n border: 1px solid var(--codextheme-line) !important;\n box-shadow: 0 18px 50px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .05) !important;\n backdrop-filter: blur(20px) saturate(1.08) !important;\n}\n\nhtml.codextheme-codex-skin :is(pre, code, [data-language]) {\n background-color: color-mix(in srgb, var(--codextheme-surface) 97%, black 3%) !important;\n}\n\nhtml.codextheme-codex-skin :is(button, a, input, textarea, [tabindex]):focus-visible {\n outline: 2px solid var(--codextheme-accent) !important;\n outline-offset: 2px !important;\n}\n\nhtml.codextheme-codex-skin .dream-home {\n position: relative;\n isolation: isolate;\n background: transparent !important;\n}\n\nhtml.codextheme-codex-skin .dream-home::after {\n content: \"\";\n position: absolute;\n inset: 22px;\n z-index: -1;\n border: 1px solid var(--codextheme-line);\n border-radius: 28px;\n pointer-events: none;\n box-shadow: inset 0 0 80px rgba(0, 0, 0, .18);\n}\n\n#codextheme-codex-skin-chrome {\n pointer-events: none;\n color: var(--color-token-text-primary, #f5f3ff);\n}\n\n#codextheme-codex-skin-chrome .dream-brand,\n#codextheme-codex-skin-chrome .dream-signature {\n color: var(--codextheme-accent);\n text-shadow: 0 2px 18px rgba(0, 0, 0, .75);\n}\n\n#codextheme-codex-skin-chrome .dream-polaroid,\n#codextheme-codex-skin-chrome .dream-ribbon,\n#codextheme-codex-skin-chrome .dream-sparkles {\n display: none !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n html.codextheme-codex-skin *,\n html.codextheme-codex-skin *::before,\n html.codextheme-codex-skin *::after {\n animation-duration: .001ms !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n transition-duration: .001ms !important;\n }\n}\n",
22
22
  "options": {
23
23
  "rendererProfile": "codex-theme-v1",
24
24
  "baseTheme": {
package/themes/silver-reliquary.codextheme-theme CHANGED
@@ -18,7 +18,7 @@
18
18
  },
19
19
  "targets": {
20
20
  "codex": {
21
- "css": ":root.codextheme-codex-skin {\n color-scheme: dark !important;\n --codextheme-accent: var(--color-token-primary, #9b7bff);\n --codextheme-surface: var(--color-token-bg-primary, #10111a);\n --codextheme-panel: color-mix(in srgb, var(--codextheme-surface) 94%, white 6%);\n --codextheme-panel-soft: color-mix(in srgb, var(--codextheme-surface) 88%, transparent);\n --codextheme-line: color-mix(in srgb, var(--codextheme-accent) 32%, transparent);\n}\n\nhtml.codextheme-codex-skin body {\n background: #07080d !important;\n color: var(--color-token-text-primary, #f5f3ff) !important;\n}\n\nhtml.codextheme-codex-skin body::before {\n content: \"\";\n position: fixed;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n background-image:\n linear-gradient(90deg, rgba(5, 6, 10, .68) 0%, rgba(5, 6, 10, .28) 46%, rgba(5, 6, 10, .08) 100%),\n var(--codextheme-image-session-bg);\n background-position: center;\n background-size: cover;\n filter: saturate(.92) contrast(1.04);\n}\n\nhtml.codextheme-codex-skin body:has(.dream-home)::before {\n background-image:\n linear-gradient(90deg, color-mix(in srgb, var(--codextheme-surface) 94%, transparent), transparent 68%),\n var(--codextheme-image-hero);\n}\n\nhtml.codextheme-codex-skin body > * {\n position: relative;\n z-index: 1;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel {\n background: color-mix(in srgb, var(--codextheme-surface) 82%, transparent) !important;\n border-color: var(--codextheme-line) !important;\n box-shadow: 18px 0 42px rgba(0, 0, 0, .25) !important;\n backdrop-filter: blur(18px) saturate(1.08) !important;\n}\n\nhtml.codextheme-codex-skin main.main-surface {\n background: color-mix(in srgb, var(--codextheme-surface) 38%, transparent) !important;\n border-color: var(--codextheme-line) !important;\n box-shadow: inset 0 1px rgba(255, 255, 255, .035), -12px 0 40px rgba(0, 0, 0, .18) !important;\n backdrop-filter: blur(14px) saturate(1.03) !important;\n}\n\nhtml.codextheme-codex-skin main.main-surface > header.app-header-tint {\n background: color-mix(in srgb, var(--codextheme-panel) 62%, transparent) !important;\n border-bottom-color: var(--codextheme-line) !important;\n backdrop-filter: blur(18px) !important;\n}\n\nhtml.codextheme-codex-skin .composer-surface-chrome {\n background: var(--codextheme-panel) !important;\n border: 1px solid var(--codextheme-line) !important;\n box-shadow: 0 18px 50px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .05) !important;\n backdrop-filter: blur(20px) saturate(1.08) !important;\n}\n\nhtml.codextheme-codex-skin :is(pre, code, [data-language]) {\n background-color: color-mix(in srgb, var(--codextheme-surface) 97%, black 3%) !important;\n}\n\nhtml.codextheme-codex-skin :is(button, a, input, textarea, [tabindex]):focus-visible {\n outline: 2px solid var(--codextheme-accent) !important;\n outline-offset: 2px !important;\n}\n\nhtml.codextheme-codex-skin .dream-home {\n position: relative;\n isolation: isolate;\n background: transparent !important;\n}\n\nhtml.codextheme-codex-skin .dream-home::after {\n content: \"\";\n position: absolute;\n inset: 22px;\n z-index: -1;\n border: 1px solid var(--codextheme-line);\n border-radius: 28px;\n pointer-events: none;\n box-shadow: inset 0 0 80px rgba(0, 0, 0, .18);\n}\n\n#codextheme-codex-skin-chrome {\n pointer-events: none;\n color: var(--color-token-text-primary, #f5f3ff);\n}\n\n#codextheme-codex-skin-chrome .dream-brand,\n#codextheme-codex-skin-chrome .dream-signature {\n color: var(--codextheme-accent);\n text-shadow: 0 2px 18px rgba(0, 0, 0, .75);\n}\n\n#codextheme-codex-skin-chrome .dream-polaroid,\n#codextheme-codex-skin-chrome .dream-ribbon,\n#codextheme-codex-skin-chrome .dream-sparkles {\n display: none !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n html.codextheme-codex-skin *,\n html.codextheme-codex-skin *::before,\n html.codextheme-codex-skin *::after {\n animation-duration: .001ms !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n transition-duration: .001ms !important;\n }\n}\n",
21
+ "css": ":root.codextheme-codex-skin {\n color-scheme: dark !important;\n --codextheme-accent: var(--color-token-primary, #9b7bff);\n --codextheme-surface: var(--color-token-bg-primary, #10111a);\n --codextheme-panel: color-mix(in srgb, var(--codextheme-surface) 94%, white 6%);\n --codextheme-panel-soft: color-mix(in srgb, var(--codextheme-surface) 88%, transparent);\n --codextheme-line: color-mix(in srgb, var(--codextheme-accent) 32%, transparent);\n}\n\nhtml.codextheme-codex-skin body {\n background: #07080d !important;\n color: var(--color-token-text-primary, #f5f3ff) !important;\n}\n\nhtml.codextheme-codex-skin body::before {\n content: \"\";\n position: fixed;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n background-image:\n linear-gradient(90deg, rgba(5, 6, 10, .68) 0%, rgba(5, 6, 10, .28) 46%, rgba(5, 6, 10, .08) 100%),\n var(--codextheme-image-session-bg);\n background-position: center;\n background-size: cover;\n filter: saturate(.92) contrast(1.04);\n}\n\nhtml.codextheme-codex-skin body:has(.dream-home)::before {\n background-image:\n linear-gradient(90deg, color-mix(in srgb, var(--codextheme-surface) 94%, transparent), transparent 68%),\n var(--codextheme-image-hero);\n}\n\nhtml.codextheme-codex-skin body > * {\n position: relative;\n z-index: 1;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel {\n background: color-mix(in srgb, var(--codextheme-surface) 82%, transparent) !important;\n border-color: var(--codextheme-line) !important;\n box-shadow: 18px 0 42px rgba(0, 0, 0, .25) !important;\n backdrop-filter: blur(18px) saturate(1.08) !important;\n}\n\nhtml.codextheme-codex-skin main.main-surface {\n background: color-mix(in srgb, var(--codextheme-surface) 38%, transparent) !important;\n border-color: var(--codextheme-line) !important;\n box-shadow: inset 0 1px rgba(255, 255, 255, .035), -12px 0 40px rgba(0, 0, 0, .18) !important;\n backdrop-filter: blur(0px) saturate(1.03) !important;\n}\n\nhtml.codextheme-codex-skin main.main-surface > header.app-header-tint {\n background: color-mix(in srgb, var(--codextheme-panel) 62%, transparent) !important;\n border-bottom-color: var(--codextheme-line) !important;\n backdrop-filter: blur(18px) !important;\n}\n\nhtml.codextheme-codex-skin .composer-surface-chrome {\n background: var(--codextheme-panel) !important;\n border: 1px solid var(--codextheme-line) !important;\n box-shadow: 0 18px 50px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .05) !important;\n backdrop-filter: blur(20px) saturate(1.08) !important;\n}\n\nhtml.codextheme-codex-skin :is(pre, code, [data-language]) {\n background-color: color-mix(in srgb, var(--codextheme-surface) 97%, black 3%) !important;\n}\n\nhtml.codextheme-codex-skin :is(button, a, input, textarea, [tabindex]):focus-visible {\n outline: 2px solid var(--codextheme-accent) !important;\n outline-offset: 2px !important;\n}\n\nhtml.codextheme-codex-skin .dream-home {\n position: relative;\n isolation: isolate;\n background: transparent !important;\n}\n\nhtml.codextheme-codex-skin .dream-home::after {\n content: \"\";\n position: absolute;\n inset: 22px;\n z-index: -1;\n border: 1px solid var(--codextheme-line);\n border-radius: 28px;\n pointer-events: none;\n box-shadow: inset 0 0 80px rgba(0, 0, 0, .18);\n}\n\n#codextheme-codex-skin-chrome {\n pointer-events: none;\n color: var(--color-token-text-primary, #f5f3ff);\n}\n\n#codextheme-codex-skin-chrome .dream-brand,\n#codextheme-codex-skin-chrome .dream-signature {\n color: var(--codextheme-accent);\n text-shadow: 0 2px 18px rgba(0, 0, 0, .75);\n}\n\n#codextheme-codex-skin-chrome .dream-polaroid,\n#codextheme-codex-skin-chrome .dream-ribbon,\n#codextheme-codex-skin-chrome .dream-sparkles {\n display: none !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n html.codextheme-codex-skin *,\n html.codextheme-codex-skin *::before,\n html.codextheme-codex-skin *::after {\n animation-duration: .001ms !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n transition-duration: .001ms !important;\n }\n}\n",
22
22
  "options": {
23
23
  "rendererProfile": "codex-theme-v1",
24
24
  "baseTheme": {