@codextheme/cli 0.2.4 → 0.2.6
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.
- package/README.md +5 -5
- package/package.json +2 -2
- package/src/main.mjs +4 -4
- package/themes/aurora-glass.codextheme-theme +1 -1
- package/themes/cathedral-nocturne.codextheme-theme +1 -1
- package/themes/crimson-eclipse.codextheme-theme +1 -1
- package/themes/crimson-procession.codextheme-theme +1 -1
- package/themes/midnight-circuit.codextheme-theme +1 -1
- 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.
|
|
8
|
+
npx --yes @codextheme/cli@0.2.6 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.
|
|
14
|
+
npx --yes @codextheme/cli@0.2.6 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.
|
|
23
|
-
npx --yes @codextheme/cli@0.2.
|
|
22
|
+
npx --yes @codextheme/cli@0.2.6 reapply
|
|
23
|
+
npx --yes @codextheme/cli@0.2.6 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.
|
|
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.6 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.
|
|
3
|
+
"version": "0.2.6",
|
|
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.
|
|
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.
|
|
11
|
-
const REAPPLY = "npx --yes @codextheme/cli@0.2.
|
|
12
|
-
const RESTORE = "npx --yes @codextheme/cli@0.2.
|
|
10
|
+
export const VERSION = "0.2.6";
|
|
11
|
+
const REAPPLY = "npx --yes @codextheme/cli@0.2.6 reapply";
|
|
12
|
+
const RESTORE = "npx --yes @codextheme/cli@0.2.6 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
|
-
|
|
54
|
+
`⏳ ${name} 正在后台应用，当前尚未完成\n`
|
|
55
55
|
+ "Codex 将自动关闭并重新打开一次，随后完成主题应用和验证。\n"
|
|
56
56
|
+ "当前 Codex task 可能结束；最终结果会通过 macOS 通知显示。\n",
|
|
57
57
|
);
|
|
@@ -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:
|
|
21
|
+
"css": ":root.codextheme-codex-skin {\n color-scheme: dark !important;\n --codextheme-accent: #55e5d7;\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 --codextheme-line-strong: color-mix(in srgb, var(--codextheme-accent) 48%, transparent);\n --codextheme-hover: color-mix(in srgb, var(--codextheme-accent) 16%, transparent);\n --codextheme-selected: color-mix(in srgb, var(--codextheme-accent) 21%, transparent);\n --codextheme-glow: color-mix(in srgb, var(--codextheme-accent) 14%, transparent);\n --color-token-list-hover-background: var(--codextheme-hover);\n --vscode-list-hoverBackground: var(--codextheme-hover);\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-strong) !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 aside.app-shell-left-panel button:has(> span.font-openai-sans.font-semibold) > span.font-openai-sans.font-semibold {\n color: var(--codextheme-accent) !important;\n filter: drop-shadow(0 0 7px var(--codextheme-glow));\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel button:has(> span.font-openai-sans.font-semibold) > svg {\n color: var(--codextheme-accent) !important;\n filter: drop-shadow(0 0 7px var(--codextheme-glow));\n transition: color .16s ease, filter .16s ease;\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-strong) !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-strong) !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-strong) !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 aside.app-shell-left-panel button:has(> .text-token-foreground):is(:hover, [aria-current=page], [aria-selected=true], [data-state=active]) {\n --codextheme-sidebar-nav-color: var(--codextheme-accent);\n --codextheme-sidebar-nav-icon-filter: drop-shadow(0 0 7px var(--codextheme-glow));\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel .group:has(> button > .text-token-foreground):is(:hover, [aria-current=page], [aria-selected=true], [data-state=active]) {\n --codextheme-sidebar-nav-color: var(--codextheme-accent);\n --codextheme-sidebar-nav-icon-filter: drop-shadow(0 0 7px var(--codextheme-glow));\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel button:has(> .text-token-foreground) > .text-token-foreground {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-foreground)) !important;\n transition: color .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel button:has(> .text-token-foreground) > .text-token-foreground svg {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-foreground)) !important;\n filter: var(--codextheme-sidebar-nav-icon-filter, none);\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel .group:has(> button > .text-token-foreground) .text-token-foreground {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-foreground)) !important;\n transition: color .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel .group:has(> button > .text-token-foreground) .text-token-foreground svg {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-foreground)) !important;\n filter: var(--codextheme-sidebar-nav-icon-filter, none);\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel .group:has(> button > .text-token-foreground) span button svg {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-icon-foreground, currentColor)) !important;\n filter: var(--codextheme-sidebar-nav-icon-filter, none);\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group {\n border: 1px solid transparent !important;\n transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group svg {\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin .dream-home button:not(header *, .composer-surface-chrome *) {\n border: 1px solid transparent !important;\n transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group:hover {\n background: var(--codextheme-hover) !important;\n border-color: var(--codextheme-line-strong) !important;\n box-shadow: inset 3px 0 0 var(--codextheme-accent), 0 0 18px var(--codextheme-glow) !important;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group:hover svg {\n color: var(--codextheme-accent) !important;\n filter: drop-shadow(0 0 7px var(--codextheme-glow));\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group[aria-current=\"page\"] {\n background: var(--codextheme-selected) !important;\n border: 1px solid var(--codextheme-line-strong) !important;\n border-color: var(--codextheme-line-strong) !important;\n box-shadow: inset 3px 0 0 var(--codextheme-accent), 0 0 22px var(--codextheme-glow) !important;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group[aria-current=\"page\"] svg {\n color: var(--codextheme-accent) !important;\n filter: drop-shadow(0 0 7px var(--codextheme-glow));\n}\n\nhtml.codextheme-codex-skin .dream-home button:not(header *, .composer-surface-chrome *):hover {\n background: var(--codextheme-hover) !important;\n border-color: var(--codextheme-line-strong) !important;\n box-shadow: 0 0 22px var(--codextheme-glow), 0 12px 28px rgba(0, 0, 0, .28) !important;\n transform: translateY(-1px);\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-strong);\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": {
|
|
@@ -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:
|
|
21
|
+
"css": ":root.codextheme-codex-skin {\n color-scheme: dark !important;\n --codextheme-accent: #c7a45a;\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 --codextheme-line-strong: color-mix(in srgb, var(--codextheme-accent) 48%, transparent);\n --codextheme-hover: color-mix(in srgb, var(--codextheme-accent) 16%, transparent);\n --codextheme-selected: color-mix(in srgb, var(--codextheme-accent) 21%, transparent);\n --codextheme-glow: color-mix(in srgb, var(--codextheme-accent) 14%, transparent);\n --color-token-list-hover-background: var(--codextheme-hover);\n --vscode-list-hoverBackground: var(--codextheme-hover);\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-strong) !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 aside.app-shell-left-panel button:has(> span.font-openai-sans.font-semibold) > span.font-openai-sans.font-semibold {\n color: var(--codextheme-accent) !important;\n filter: drop-shadow(0 0 7px var(--codextheme-glow));\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel button:has(> span.font-openai-sans.font-semibold) > svg {\n color: var(--codextheme-accent) !important;\n filter: drop-shadow(0 0 7px var(--codextheme-glow));\n transition: color .16s ease, filter .16s ease;\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-strong) !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-strong) !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-strong) !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 aside.app-shell-left-panel button:has(> .text-token-foreground):is(:hover, [aria-current=page], [aria-selected=true], [data-state=active]) {\n --codextheme-sidebar-nav-color: var(--codextheme-accent);\n --codextheme-sidebar-nav-icon-filter: drop-shadow(0 0 7px var(--codextheme-glow));\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel .group:has(> button > .text-token-foreground):is(:hover, [aria-current=page], [aria-selected=true], [data-state=active]) {\n --codextheme-sidebar-nav-color: var(--codextheme-accent);\n --codextheme-sidebar-nav-icon-filter: drop-shadow(0 0 7px var(--codextheme-glow));\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel button:has(> .text-token-foreground) > .text-token-foreground {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-foreground)) !important;\n transition: color .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel button:has(> .text-token-foreground) > .text-token-foreground svg {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-foreground)) !important;\n filter: var(--codextheme-sidebar-nav-icon-filter, none);\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel .group:has(> button > .text-token-foreground) .text-token-foreground {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-foreground)) !important;\n transition: color .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel .group:has(> button > .text-token-foreground) .text-token-foreground svg {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-foreground)) !important;\n filter: var(--codextheme-sidebar-nav-icon-filter, none);\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel .group:has(> button > .text-token-foreground) span button svg {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-icon-foreground, currentColor)) !important;\n filter: var(--codextheme-sidebar-nav-icon-filter, none);\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group {\n border: 1px solid transparent !important;\n transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group svg {\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin .dream-home button:not(header *, .composer-surface-chrome *) {\n border: 1px solid transparent !important;\n transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group:hover {\n background: var(--codextheme-hover) !important;\n border-color: var(--codextheme-line-strong) !important;\n box-shadow: inset 3px 0 0 var(--codextheme-accent), 0 0 18px var(--codextheme-glow) !important;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group:hover svg {\n color: var(--codextheme-accent) !important;\n filter: drop-shadow(0 0 7px var(--codextheme-glow));\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group[aria-current=\"page\"] {\n background: var(--codextheme-selected) !important;\n border: 1px solid var(--codextheme-line-strong) !important;\n border-color: var(--codextheme-line-strong) !important;\n box-shadow: inset 3px 0 0 var(--codextheme-accent), 0 0 22px var(--codextheme-glow) !important;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group[aria-current=\"page\"] svg {\n color: var(--codextheme-accent) !important;\n filter: drop-shadow(0 0 7px var(--codextheme-glow));\n}\n\nhtml.codextheme-codex-skin .dream-home button:not(header *, .composer-surface-chrome *):hover {\n background: var(--codextheme-hover) !important;\n border-color: var(--codextheme-line-strong) !important;\n box-shadow: 0 0 22px var(--codextheme-glow), 0 12px 28px rgba(0, 0, 0, .28) !important;\n transform: translateY(-1px);\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-strong);\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": {
|
|
@@ -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:
|
|
21
|
+
"css": ":root.codextheme-codex-skin {\n color-scheme: dark !important;\n --codextheme-accent: #ff526a;\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 --codextheme-line-strong: color-mix(in srgb, var(--codextheme-accent) 48%, transparent);\n --codextheme-hover: color-mix(in srgb, var(--codextheme-accent) 16%, transparent);\n --codextheme-selected: color-mix(in srgb, var(--codextheme-accent) 21%, transparent);\n --codextheme-glow: color-mix(in srgb, var(--codextheme-accent) 14%, transparent);\n --color-token-list-hover-background: var(--codextheme-hover);\n --vscode-list-hoverBackground: var(--codextheme-hover);\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-strong) !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 aside.app-shell-left-panel button:has(> span.font-openai-sans.font-semibold) > span.font-openai-sans.font-semibold {\n color: var(--codextheme-accent) !important;\n filter: drop-shadow(0 0 7px var(--codextheme-glow));\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel button:has(> span.font-openai-sans.font-semibold) > svg {\n color: var(--codextheme-accent) !important;\n filter: drop-shadow(0 0 7px var(--codextheme-glow));\n transition: color .16s ease, filter .16s ease;\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-strong) !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-strong) !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-strong) !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 aside.app-shell-left-panel button:has(> .text-token-foreground):is(:hover, [aria-current=page], [aria-selected=true], [data-state=active]) {\n --codextheme-sidebar-nav-color: var(--codextheme-accent);\n --codextheme-sidebar-nav-icon-filter: drop-shadow(0 0 7px var(--codextheme-glow));\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel .group:has(> button > .text-token-foreground):is(:hover, [aria-current=page], [aria-selected=true], [data-state=active]) {\n --codextheme-sidebar-nav-color: var(--codextheme-accent);\n --codextheme-sidebar-nav-icon-filter: drop-shadow(0 0 7px var(--codextheme-glow));\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel button:has(> .text-token-foreground) > .text-token-foreground {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-foreground)) !important;\n transition: color .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel button:has(> .text-token-foreground) > .text-token-foreground svg {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-foreground)) !important;\n filter: var(--codextheme-sidebar-nav-icon-filter, none);\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel .group:has(> button > .text-token-foreground) .text-token-foreground {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-foreground)) !important;\n transition: color .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel .group:has(> button > .text-token-foreground) .text-token-foreground svg {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-foreground)) !important;\n filter: var(--codextheme-sidebar-nav-icon-filter, none);\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel .group:has(> button > .text-token-foreground) span button svg {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-icon-foreground, currentColor)) !important;\n filter: var(--codextheme-sidebar-nav-icon-filter, none);\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group {\n border: 1px solid transparent !important;\n transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group svg {\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin .dream-home button:not(header *, .composer-surface-chrome *) {\n border: 1px solid transparent !important;\n transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group:hover {\n background: var(--codextheme-hover) !important;\n border-color: var(--codextheme-line-strong) !important;\n box-shadow: inset 3px 0 0 var(--codextheme-accent), 0 0 18px var(--codextheme-glow) !important;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group:hover svg {\n color: var(--codextheme-accent) !important;\n filter: drop-shadow(0 0 7px var(--codextheme-glow));\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group[aria-current=\"page\"] {\n background: var(--codextheme-selected) !important;\n border: 1px solid var(--codextheme-line-strong) !important;\n border-color: var(--codextheme-line-strong) !important;\n box-shadow: inset 3px 0 0 var(--codextheme-accent), 0 0 22px var(--codextheme-glow) !important;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group[aria-current=\"page\"] svg {\n color: var(--codextheme-accent) !important;\n filter: drop-shadow(0 0 7px var(--codextheme-glow));\n}\n\nhtml.codextheme-codex-skin .dream-home button:not(header *, .composer-surface-chrome *):hover {\n background: var(--codextheme-hover) !important;\n border-color: var(--codextheme-line-strong) !important;\n box-shadow: 0 0 22px var(--codextheme-glow), 0 12px 28px rgba(0, 0, 0, .28) !important;\n transform: translateY(-1px);\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-strong);\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": {
|
|
@@ -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:
|
|
21
|
+
"css": ":root.codextheme-codex-skin {\n color-scheme: dark !important;\n --codextheme-accent: #d34a55;\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 --codextheme-line-strong: color-mix(in srgb, var(--codextheme-accent) 48%, transparent);\n --codextheme-hover: color-mix(in srgb, var(--codextheme-accent) 16%, transparent);\n --codextheme-selected: color-mix(in srgb, var(--codextheme-accent) 21%, transparent);\n --codextheme-glow: color-mix(in srgb, var(--codextheme-accent) 14%, transparent);\n --color-token-list-hover-background: var(--codextheme-hover);\n --vscode-list-hoverBackground: var(--codextheme-hover);\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-strong) !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 aside.app-shell-left-panel button:has(> span.font-openai-sans.font-semibold) > span.font-openai-sans.font-semibold {\n color: var(--codextheme-accent) !important;\n filter: drop-shadow(0 0 7px var(--codextheme-glow));\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel button:has(> span.font-openai-sans.font-semibold) > svg {\n color: var(--codextheme-accent) !important;\n filter: drop-shadow(0 0 7px var(--codextheme-glow));\n transition: color .16s ease, filter .16s ease;\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-strong) !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-strong) !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-strong) !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 aside.app-shell-left-panel button:has(> .text-token-foreground):is(:hover, [aria-current=page], [aria-selected=true], [data-state=active]) {\n --codextheme-sidebar-nav-color: var(--codextheme-accent);\n --codextheme-sidebar-nav-icon-filter: drop-shadow(0 0 7px var(--codextheme-glow));\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel .group:has(> button > .text-token-foreground):is(:hover, [aria-current=page], [aria-selected=true], [data-state=active]) {\n --codextheme-sidebar-nav-color: var(--codextheme-accent);\n --codextheme-sidebar-nav-icon-filter: drop-shadow(0 0 7px var(--codextheme-glow));\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel button:has(> .text-token-foreground) > .text-token-foreground {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-foreground)) !important;\n transition: color .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel button:has(> .text-token-foreground) > .text-token-foreground svg {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-foreground)) !important;\n filter: var(--codextheme-sidebar-nav-icon-filter, none);\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel .group:has(> button > .text-token-foreground) .text-token-foreground {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-foreground)) !important;\n transition: color .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel .group:has(> button > .text-token-foreground) .text-token-foreground svg {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-foreground)) !important;\n filter: var(--codextheme-sidebar-nav-icon-filter, none);\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel .group:has(> button > .text-token-foreground) span button svg {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-icon-foreground, currentColor)) !important;\n filter: var(--codextheme-sidebar-nav-icon-filter, none);\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group {\n border: 1px solid transparent !important;\n transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group svg {\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin .dream-home button:not(header *, .composer-surface-chrome *) {\n border: 1px solid transparent !important;\n transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group:hover {\n background: var(--codextheme-hover) !important;\n border-color: var(--codextheme-line-strong) !important;\n box-shadow: inset 3px 0 0 var(--codextheme-accent), 0 0 18px var(--codextheme-glow) !important;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group:hover svg {\n color: var(--codextheme-accent) !important;\n filter: drop-shadow(0 0 7px var(--codextheme-glow));\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group[aria-current=\"page\"] {\n background: var(--codextheme-selected) !important;\n border: 1px solid var(--codextheme-line-strong) !important;\n border-color: var(--codextheme-line-strong) !important;\n box-shadow: inset 3px 0 0 var(--codextheme-accent), 0 0 22px var(--codextheme-glow) !important;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group[aria-current=\"page\"] svg {\n color: var(--codextheme-accent) !important;\n filter: drop-shadow(0 0 7px var(--codextheme-glow));\n}\n\nhtml.codextheme-codex-skin .dream-home button:not(header *, .composer-surface-chrome *):hover {\n background: var(--codextheme-hover) !important;\n border-color: var(--codextheme-line-strong) !important;\n box-shadow: 0 0 22px var(--codextheme-glow), 0 12px 28px rgba(0, 0, 0, .28) !important;\n transform: translateY(-1px);\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-strong);\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": {
|
|
@@ -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:
|
|
21
|
+
"css": ":root.codextheme-codex-skin {\n color-scheme: dark !important;\n --codextheme-accent: #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 --codextheme-line-strong: color-mix(in srgb, var(--codextheme-accent) 48%, transparent);\n --codextheme-hover: color-mix(in srgb, var(--codextheme-accent) 16%, transparent);\n --codextheme-selected: color-mix(in srgb, var(--codextheme-accent) 21%, transparent);\n --codextheme-glow: color-mix(in srgb, var(--codextheme-accent) 14%, transparent);\n --color-token-list-hover-background: var(--codextheme-hover);\n --vscode-list-hoverBackground: var(--codextheme-hover);\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-strong) !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 aside.app-shell-left-panel button:has(> span.font-openai-sans.font-semibold) > span.font-openai-sans.font-semibold {\n color: var(--codextheme-accent) !important;\n filter: drop-shadow(0 0 7px var(--codextheme-glow));\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel button:has(> span.font-openai-sans.font-semibold) > svg {\n color: var(--codextheme-accent) !important;\n filter: drop-shadow(0 0 7px var(--codextheme-glow));\n transition: color .16s ease, filter .16s ease;\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-strong) !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-strong) !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-strong) !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 aside.app-shell-left-panel button:has(> .text-token-foreground):is(:hover, [aria-current=page], [aria-selected=true], [data-state=active]) {\n --codextheme-sidebar-nav-color: var(--codextheme-accent);\n --codextheme-sidebar-nav-icon-filter: drop-shadow(0 0 7px var(--codextheme-glow));\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel .group:has(> button > .text-token-foreground):is(:hover, [aria-current=page], [aria-selected=true], [data-state=active]) {\n --codextheme-sidebar-nav-color: var(--codextheme-accent);\n --codextheme-sidebar-nav-icon-filter: drop-shadow(0 0 7px var(--codextheme-glow));\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel button:has(> .text-token-foreground) > .text-token-foreground {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-foreground)) !important;\n transition: color .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel button:has(> .text-token-foreground) > .text-token-foreground svg {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-foreground)) !important;\n filter: var(--codextheme-sidebar-nav-icon-filter, none);\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel .group:has(> button > .text-token-foreground) .text-token-foreground {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-foreground)) !important;\n transition: color .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel .group:has(> button > .text-token-foreground) .text-token-foreground svg {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-foreground)) !important;\n filter: var(--codextheme-sidebar-nav-icon-filter, none);\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel .group:has(> button > .text-token-foreground) span button svg {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-icon-foreground, currentColor)) !important;\n filter: var(--codextheme-sidebar-nav-icon-filter, none);\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group {\n border: 1px solid transparent !important;\n transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group svg {\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin .dream-home button:not(header *, .composer-surface-chrome *) {\n border: 1px solid transparent !important;\n transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group:hover {\n background: var(--codextheme-hover) !important;\n border-color: var(--codextheme-line-strong) !important;\n box-shadow: inset 3px 0 0 var(--codextheme-accent), 0 0 18px var(--codextheme-glow) !important;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group:hover svg {\n color: var(--codextheme-accent) !important;\n filter: drop-shadow(0 0 7px var(--codextheme-glow));\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group[aria-current=\"page\"] {\n background: var(--codextheme-selected) !important;\n border: 1px solid var(--codextheme-line-strong) !important;\n border-color: var(--codextheme-line-strong) !important;\n box-shadow: inset 3px 0 0 var(--codextheme-accent), 0 0 22px var(--codextheme-glow) !important;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group[aria-current=\"page\"] svg {\n color: var(--codextheme-accent) !important;\n filter: drop-shadow(0 0 7px var(--codextheme-glow));\n}\n\nhtml.codextheme-codex-skin .dream-home button:not(header *, .composer-surface-chrome *):hover {\n background: var(--codextheme-hover) !important;\n border-color: var(--codextheme-line-strong) !important;\n box-shadow: 0 0 22px var(--codextheme-glow), 0 12px 28px rgba(0, 0, 0, .28) !important;\n transform: translateY(-1px);\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-strong);\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": {
|
|
@@ -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:
|
|
21
|
+
"css": ":root.codextheme-codex-skin {\n color-scheme: dark !important;\n --codextheme-accent: #9fb8c9;\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 --codextheme-line-strong: color-mix(in srgb, var(--codextheme-accent) 48%, transparent);\n --codextheme-hover: color-mix(in srgb, var(--codextheme-accent) 16%, transparent);\n --codextheme-selected: color-mix(in srgb, var(--codextheme-accent) 21%, transparent);\n --codextheme-glow: color-mix(in srgb, var(--codextheme-accent) 14%, transparent);\n --color-token-list-hover-background: var(--codextheme-hover);\n --vscode-list-hoverBackground: var(--codextheme-hover);\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-strong) !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 aside.app-shell-left-panel button:has(> span.font-openai-sans.font-semibold) > span.font-openai-sans.font-semibold {\n color: var(--codextheme-accent) !important;\n filter: drop-shadow(0 0 7px var(--codextheme-glow));\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel button:has(> span.font-openai-sans.font-semibold) > svg {\n color: var(--codextheme-accent) !important;\n filter: drop-shadow(0 0 7px var(--codextheme-glow));\n transition: color .16s ease, filter .16s ease;\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-strong) !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-strong) !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-strong) !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 aside.app-shell-left-panel button:has(> .text-token-foreground):is(:hover, [aria-current=page], [aria-selected=true], [data-state=active]) {\n --codextheme-sidebar-nav-color: var(--codextheme-accent);\n --codextheme-sidebar-nav-icon-filter: drop-shadow(0 0 7px var(--codextheme-glow));\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel .group:has(> button > .text-token-foreground):is(:hover, [aria-current=page], [aria-selected=true], [data-state=active]) {\n --codextheme-sidebar-nav-color: var(--codextheme-accent);\n --codextheme-sidebar-nav-icon-filter: drop-shadow(0 0 7px var(--codextheme-glow));\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel button:has(> .text-token-foreground) > .text-token-foreground {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-foreground)) !important;\n transition: color .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel button:has(> .text-token-foreground) > .text-token-foreground svg {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-foreground)) !important;\n filter: var(--codextheme-sidebar-nav-icon-filter, none);\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel .group:has(> button > .text-token-foreground) .text-token-foreground {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-foreground)) !important;\n transition: color .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel .group:has(> button > .text-token-foreground) .text-token-foreground svg {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-foreground)) !important;\n filter: var(--codextheme-sidebar-nav-icon-filter, none);\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel .group:has(> button > .text-token-foreground) span button svg {\n color: var(--codextheme-sidebar-nav-color, var(--color-token-icon-foreground, currentColor)) !important;\n filter: var(--codextheme-sidebar-nav-icon-filter, none);\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group {\n border: 1px solid transparent !important;\n transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group svg {\n transition: color .16s ease, filter .16s ease;\n}\n\nhtml.codextheme-codex-skin .dream-home button:not(header *, .composer-surface-chrome *) {\n border: 1px solid transparent !important;\n transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group:hover {\n background: var(--codextheme-hover) !important;\n border-color: var(--codextheme-line-strong) !important;\n box-shadow: inset 3px 0 0 var(--codextheme-accent), 0 0 18px var(--codextheme-glow) !important;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group:hover svg {\n color: var(--codextheme-accent) !important;\n filter: drop-shadow(0 0 7px var(--codextheme-glow));\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group[aria-current=\"page\"] {\n background: var(--codextheme-selected) !important;\n border: 1px solid var(--codextheme-line-strong) !important;\n border-color: var(--codextheme-line-strong) !important;\n box-shadow: inset 3px 0 0 var(--codextheme-accent), 0 0 22px var(--codextheme-glow) !important;\n}\n\nhtml.codextheme-codex-skin aside.app-shell-left-panel [role=\"listitem\"] [role=\"button\"].group[aria-current=\"page\"] svg {\n color: var(--codextheme-accent) !important;\n filter: drop-shadow(0 0 7px var(--codextheme-glow));\n}\n\nhtml.codextheme-codex-skin .dream-home button:not(header *, .composer-surface-chrome *):hover {\n background: var(--codextheme-hover) !important;\n border-color: var(--codextheme-line-strong) !important;\n box-shadow: 0 0 22px var(--codextheme-glow), 0 12px 28px rgba(0, 0, 0, .28) !important;\n transform: translateY(-1px);\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-strong);\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": {
|