@codextheme/cli 0.2.1 → 0.2.2

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 (6) hide show
  1. package/README.md +5 -5
  2. package/package.json +1 -1
  3. package/src/main.mjs +3 -3
  4. package/themes/cathedral-nocturne.codextheme-theme +1 -1
  5. package/themes/crimson-procession.codextheme-theme +1 -1
  6. package/themes/silver-reliquary.codextheme-theme +1 -1
package/README.md CHANGED
@@ -5,22 +5,22 @@ 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.1 apply cathedral-nocturne
8
+ npx --yes @codextheme/cli@0.2.2 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.1 apply-private <private-id>
14
+ npx --yes @codextheme/cli@0.2.2 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.
18
18
 
19
19
  ```sh
20
- npx --yes @codextheme/cli@0.2.1 reapply
21
- npx --yes @codextheme/cli@0.2.1 restore
20
+ npx --yes @codextheme/cli@0.2.2 reapply
21
+ npx --yes @codextheme/cli@0.2.2 restore
22
22
  ```
23
23
 
24
- 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.1 uses an owner-only detached one-shot worker so an apply started inside Codex survives that restart; it does not install a persistent service.
24
+ 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.2 uses an owner-only detached one-shot worker so an apply started inside Codex survives that restart; it does not install a persistent service.
25
25
 
26
26
  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.1",
3
+ "version": "0.2.2",
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",
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.1";
11
- const REAPPLY = "npx --yes @codextheme/cli@0.2.1 reapply";
12
- const RESTORE = "npx --yes @codextheme/cli@0.2.1 restore";
10
+ export const VERSION = "0.2.2";
11
+ const REAPPLY = "npx --yes @codextheme/cli@0.2.2 reapply";
12
+ const RESTORE = "npx --yes @codextheme/cli@0.2.2 restore";
13
13
 
14
14
  const HELP = `CodexTheme ${VERSION}
15
15
 
package/themes/cathedral-nocturne.codextheme-theme CHANGED
@@ -18,7 +18,7 @@
18
18
  },
19
19
  "targets": {
20
20
  "codex": {
21
- "css": ":root.codedrobe-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.codedrobe-codex-skin body {\n background: #07080d !important;\n color: var(--color-token-text-primary, #f5f3ff) !important;\n}\n\nhtml.codedrobe-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(--codedrobe-image-session-bg);\n background-position: center;\n background-size: cover;\n filter: saturate(.92) contrast(1.04);\n}\n\nhtml.codedrobe-codex-skin body > * {\n position: relative;\n z-index: 1;\n}\n\nhtml.codedrobe-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.codedrobe-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.codedrobe-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.codedrobe-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.codedrobe-codex-skin :is(pre, code, [data-language]) {\n background-color: color-mix(in srgb, var(--codextheme-surface) 97%, black 3%) !important;\n}\n\nhtml.codedrobe-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.codedrobe-codex-skin .dream-home {\n position: relative;\n isolation: isolate;\n background:\n linear-gradient(90deg, color-mix(in srgb, var(--codextheme-surface) 94%, transparent), transparent 68%),\n var(--codedrobe-image-hero) center / cover no-repeat !important;\n}\n\nhtml.codedrobe-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#codedrobe-codex-skin-chrome {\n pointer-events: none;\n color: var(--color-token-text-primary, #f5f3ff);\n}\n\n#codedrobe-codex-skin-chrome .dream-brand,\n#codedrobe-codex-skin-chrome .dream-signature {\n color: var(--codextheme-accent);\n text-shadow: 0 2px 18px rgba(0, 0, 0, .75);\n}\n\n#codedrobe-codex-skin-chrome .dream-polaroid,\n#codedrobe-codex-skin-chrome .dream-ribbon,\n#codedrobe-codex-skin-chrome .dream-sparkles {\n display: none !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n html.codedrobe-codex-skin *,\n html.codedrobe-codex-skin *::before,\n html.codedrobe-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.codedrobe-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.codedrobe-codex-skin body {\n background: #07080d !important;\n color: var(--color-token-text-primary, #f5f3ff) !important;\n}\n\nhtml.codedrobe-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(--codedrobe-image-session-bg);\n background-position: center;\n background-size: cover;\n filter: saturate(.92) contrast(1.04);\n}\n\nhtml.codedrobe-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(--codedrobe-image-hero);\n}\n\nhtml.codedrobe-codex-skin body > * {\n position: relative;\n z-index: 1;\n}\n\nhtml.codedrobe-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.codedrobe-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.codedrobe-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.codedrobe-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.codedrobe-codex-skin :is(pre, code, [data-language]) {\n background-color: color-mix(in srgb, var(--codextheme-surface) 97%, black 3%) !important;\n}\n\nhtml.codedrobe-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.codedrobe-codex-skin .dream-home {\n position: relative;\n isolation: isolate;\n background: transparent !important;\n}\n\nhtml.codedrobe-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#codedrobe-codex-skin-chrome {\n pointer-events: none;\n color: var(--color-token-text-primary, #f5f3ff);\n}\n\n#codedrobe-codex-skin-chrome .dream-brand,\n#codedrobe-codex-skin-chrome .dream-signature {\n color: var(--codextheme-accent);\n text-shadow: 0 2px 18px rgba(0, 0, 0, .75);\n}\n\n#codedrobe-codex-skin-chrome .dream-polaroid,\n#codedrobe-codex-skin-chrome .dream-ribbon,\n#codedrobe-codex-skin-chrome .dream-sparkles {\n display: none !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n html.codedrobe-codex-skin *,\n html.codedrobe-codex-skin *::before,\n html.codedrobe-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.codedrobe-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.codedrobe-codex-skin body {\n background: #07080d !important;\n color: var(--color-token-text-primary, #f5f3ff) !important;\n}\n\nhtml.codedrobe-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(--codedrobe-image-session-bg);\n background-position: center;\n background-size: cover;\n filter: saturate(.92) contrast(1.04);\n}\n\nhtml.codedrobe-codex-skin body > * {\n position: relative;\n z-index: 1;\n}\n\nhtml.codedrobe-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.codedrobe-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.codedrobe-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.codedrobe-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.codedrobe-codex-skin :is(pre, code, [data-language]) {\n background-color: color-mix(in srgb, var(--codextheme-surface) 97%, black 3%) !important;\n}\n\nhtml.codedrobe-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.codedrobe-codex-skin .dream-home {\n position: relative;\n isolation: isolate;\n background:\n linear-gradient(90deg, color-mix(in srgb, var(--codextheme-surface) 94%, transparent), transparent 68%),\n var(--codedrobe-image-hero) center / cover no-repeat !important;\n}\n\nhtml.codedrobe-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#codedrobe-codex-skin-chrome {\n pointer-events: none;\n color: var(--color-token-text-primary, #f5f3ff);\n}\n\n#codedrobe-codex-skin-chrome .dream-brand,\n#codedrobe-codex-skin-chrome .dream-signature {\n color: var(--codextheme-accent);\n text-shadow: 0 2px 18px rgba(0, 0, 0, .75);\n}\n\n#codedrobe-codex-skin-chrome .dream-polaroid,\n#codedrobe-codex-skin-chrome .dream-ribbon,\n#codedrobe-codex-skin-chrome .dream-sparkles {\n display: none !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n html.codedrobe-codex-skin *,\n html.codedrobe-codex-skin *::before,\n html.codedrobe-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.codedrobe-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.codedrobe-codex-skin body {\n background: #07080d !important;\n color: var(--color-token-text-primary, #f5f3ff) !important;\n}\n\nhtml.codedrobe-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(--codedrobe-image-session-bg);\n background-position: center;\n background-size: cover;\n filter: saturate(.92) contrast(1.04);\n}\n\nhtml.codedrobe-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(--codedrobe-image-hero);\n}\n\nhtml.codedrobe-codex-skin body > * {\n position: relative;\n z-index: 1;\n}\n\nhtml.codedrobe-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.codedrobe-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.codedrobe-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.codedrobe-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.codedrobe-codex-skin :is(pre, code, [data-language]) {\n background-color: color-mix(in srgb, var(--codextheme-surface) 97%, black 3%) !important;\n}\n\nhtml.codedrobe-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.codedrobe-codex-skin .dream-home {\n position: relative;\n isolation: isolate;\n background: transparent !important;\n}\n\nhtml.codedrobe-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#codedrobe-codex-skin-chrome {\n pointer-events: none;\n color: var(--color-token-text-primary, #f5f3ff);\n}\n\n#codedrobe-codex-skin-chrome .dream-brand,\n#codedrobe-codex-skin-chrome .dream-signature {\n color: var(--codextheme-accent);\n text-shadow: 0 2px 18px rgba(0, 0, 0, .75);\n}\n\n#codedrobe-codex-skin-chrome .dream-polaroid,\n#codedrobe-codex-skin-chrome .dream-ribbon,\n#codedrobe-codex-skin-chrome .dream-sparkles {\n display: none !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n html.codedrobe-codex-skin *,\n html.codedrobe-codex-skin *::before,\n html.codedrobe-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.codedrobe-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.codedrobe-codex-skin body {\n background: #07080d !important;\n color: var(--color-token-text-primary, #f5f3ff) !important;\n}\n\nhtml.codedrobe-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(--codedrobe-image-session-bg);\n background-position: center;\n background-size: cover;\n filter: saturate(.92) contrast(1.04);\n}\n\nhtml.codedrobe-codex-skin body > * {\n position: relative;\n z-index: 1;\n}\n\nhtml.codedrobe-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.codedrobe-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.codedrobe-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.codedrobe-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.codedrobe-codex-skin :is(pre, code, [data-language]) {\n background-color: color-mix(in srgb, var(--codextheme-surface) 97%, black 3%) !important;\n}\n\nhtml.codedrobe-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.codedrobe-codex-skin .dream-home {\n position: relative;\n isolation: isolate;\n background:\n linear-gradient(90deg, color-mix(in srgb, var(--codextheme-surface) 94%, transparent), transparent 68%),\n var(--codedrobe-image-hero) center / cover no-repeat !important;\n}\n\nhtml.codedrobe-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#codedrobe-codex-skin-chrome {\n pointer-events: none;\n color: var(--color-token-text-primary, #f5f3ff);\n}\n\n#codedrobe-codex-skin-chrome .dream-brand,\n#codedrobe-codex-skin-chrome .dream-signature {\n color: var(--codextheme-accent);\n text-shadow: 0 2px 18px rgba(0, 0, 0, .75);\n}\n\n#codedrobe-codex-skin-chrome .dream-polaroid,\n#codedrobe-codex-skin-chrome .dream-ribbon,\n#codedrobe-codex-skin-chrome .dream-sparkles {\n display: none !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n html.codedrobe-codex-skin *,\n html.codedrobe-codex-skin *::before,\n html.codedrobe-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.codedrobe-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.codedrobe-codex-skin body {\n background: #07080d !important;\n color: var(--color-token-text-primary, #f5f3ff) !important;\n}\n\nhtml.codedrobe-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(--codedrobe-image-session-bg);\n background-position: center;\n background-size: cover;\n filter: saturate(.92) contrast(1.04);\n}\n\nhtml.codedrobe-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(--codedrobe-image-hero);\n}\n\nhtml.codedrobe-codex-skin body > * {\n position: relative;\n z-index: 1;\n}\n\nhtml.codedrobe-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.codedrobe-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.codedrobe-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.codedrobe-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.codedrobe-codex-skin :is(pre, code, [data-language]) {\n background-color: color-mix(in srgb, var(--codextheme-surface) 97%, black 3%) !important;\n}\n\nhtml.codedrobe-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.codedrobe-codex-skin .dream-home {\n position: relative;\n isolation: isolate;\n background: transparent !important;\n}\n\nhtml.codedrobe-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#codedrobe-codex-skin-chrome {\n pointer-events: none;\n color: var(--color-token-text-primary, #f5f3ff);\n}\n\n#codedrobe-codex-skin-chrome .dream-brand,\n#codedrobe-codex-skin-chrome .dream-signature {\n color: var(--codextheme-accent);\n text-shadow: 0 2px 18px rgba(0, 0, 0, .75);\n}\n\n#codedrobe-codex-skin-chrome .dream-polaroid,\n#codedrobe-codex-skin-chrome .dream-ribbon,\n#codedrobe-codex-skin-chrome .dream-sparkles {\n display: none !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n html.codedrobe-codex-skin *,\n html.codedrobe-codex-skin *::before,\n html.codedrobe-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": {