diff --git a/.github/workflows/pages.yml b/.github/workflows/pages.yml
index 6c75cc6f..6967d48a 100644
--- a/.github/workflows/pages.yml
+++ b/.github/workflows/pages.yml
@@ -68,12 +68,16 @@ jobs:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v7
+ with:
+ # Full history: the landing page's "Recently added" dates come from
+ # the commit that first added each example (a shallow clone hides it).
+ fetch-depth: 0
- uses: actions/setup-python@v7
with:
python-version: "3.12"
- - run: pip install Jinja2
+ - run: pip install -r scripts/site/requirements.txt
- name: Build landing page (vendored template)
run: python scripts/site/build_site.py --repo-root . --out docs
@@ -83,6 +87,9 @@ jobs:
# drift from gallery.json. The committed docs/gallery/assets/*.webp are untouched.
run: python scripts/build_gallery.py
+ - name: Check every internal link, anchor and image alt
+ run: python tests/check_site_links.py
+
- uses: actions/configure-pages@v6
- uses: actions/upload-pages-artifact@v5
diff --git a/.github/workflows/validate.yml b/.github/workflows/validate.yml
index c566c358..b356154e 100644
--- a/.github/workflows/validate.yml
+++ b/.github/workflows/validate.yml
@@ -186,6 +186,26 @@ jobs:
echo "Templates: $template_count"
echo "Snippets: $snippet_count"
+ validate-site:
+ name: Build landing page and check site links
+ # The landing page is built only at deploy (docs/index.html is untracked),
+ # so a template error or a dead link otherwise surfaces in production.
+ runs-on: ubuntu-latest
+ steps:
+ - uses: actions/checkout@v7
+
+ - uses: actions/setup-python@v7
+ with:
+ python-version: "3.12"
+
+ - run: pip install -r scripts/site/requirements.txt
+
+ - name: Build landing page into docs/
+ run: python scripts/site/build_site.py --repo-root . --out docs
+
+ - name: Check every internal link, anchor and image alt
+ run: python tests/check_site_links.py
+
validate-manifest:
name: Validate plugin manifest
runs-on: ubuntu-latest
diff --git a/docs/gallery/anvil/index.html b/docs/gallery/anvil/index.html
index 0d10560c..6534098a 100644
--- a/docs/gallery/anvil/index.html
+++ b/docs/gallery/anvil/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/apothecary-shelf/index.html b/docs/gallery/apothecary-shelf/index.html
index b7c155c3..62f139f2 100644
--- a/docs/gallery/apothecary-shelf/index.html
+++ b/docs/gallery/apothecary-shelf/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/armature-bend/index.html b/docs/gallery/armature-bend/index.html
index f3961581..97c96019 100644
--- a/docs/gallery/armature-bend/index.html
+++ b/docs/gallery/armature-bend/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/attribute-domain-shear/index.html b/docs/gallery/attribute-domain-shear/index.html
index cf250513..444e4946 100644
--- a/docs/gallery/attribute-domain-shear/index.html
+++ b/docs/gallery/attribute-domain-shear/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/bake-normal-high-to-low/index.html b/docs/gallery/bake-normal-high-to-low/index.html
index 54b43927..4e586e84 100644
--- a/docs/gallery/bake-normal-high-to-low/index.html
+++ b/docs/gallery/bake-normal-high-to-low/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/bmesh-gear/index.html b/docs/gallery/bmesh-gear/index.html
index 625100a4..17190c84 100644
--- a/docs/gallery/bmesh-gear/index.html
+++ b/docs/gallery/bmesh-gear/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/book-trolley/index.html b/docs/gallery/book-trolley/index.html
index 8e438b9a..28856b4f 100644
--- a/docs/gallery/book-trolley/index.html
+++ b/docs/gallery/book-trolley/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/bookshelf/index.html b/docs/gallery/bookshelf/index.html
index b9fd8f91..ada1b198 100644
--- a/docs/gallery/bookshelf/index.html
+++ b/docs/gallery/bookshelf/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/brazier/index.html b/docs/gallery/brazier/index.html
index f3200315..3e09cd19 100644
--- a/docs/gallery/brazier/index.html
+++ b/docs/gallery/brazier/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/butter-churn/index.html b/docs/gallery/butter-churn/index.html
index 09fc2327..f6500892 100644
--- a/docs/gallery/butter-churn/index.html
+++ b/docs/gallery/butter-churn/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/campfire/index.html b/docs/gallery/campfire/index.html
index caec3f6d..d223c2eb 100644
--- a/docs/gallery/campfire/index.html
+++ b/docs/gallery/campfire/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/car-mirror-symmetry/index.html b/docs/gallery/car-mirror-symmetry/index.html
index d29edb01..ca8f0885 100644
--- a/docs/gallery/car-mirror-symmetry/index.html
+++ b/docs/gallery/car-mirror-symmetry/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/cart/index.html b/docs/gallery/cart/index.html
index e9a13815..aeba0b99 100644
--- a/docs/gallery/cart/index.html
+++ b/docs/gallery/cart/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/chopping-block/index.html b/docs/gallery/chopping-block/index.html
index c1874772..e301e937 100644
--- a/docs/gallery/chopping-block/index.html
+++ b/docs/gallery/chopping-block/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/collision-hull-proxy/index.html b/docs/gallery/collision-hull-proxy/index.html
index f60bca94..3867928c 100644
--- a/docs/gallery/collision-hull-proxy/index.html
+++ b/docs/gallery/collision-hull-proxy/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/color-attribute-wheel/index.html b/docs/gallery/color-attribute-wheel/index.html
index 892777df..d5967c5e 100644
--- a/docs/gallery/color-attribute-wheel/index.html
+++ b/docs/gallery/color-attribute-wheel/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/compositor-glare/index.html b/docs/gallery/compositor-glare/index.html
index f8def181..0320b07f 100644
--- a/docs/gallery/compositor-glare/index.html
+++ b/docs/gallery/compositor-glare/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/crate-stack/index.html b/docs/gallery/crate-stack/index.html
index 365687e8..f037c387 100644
--- a/docs/gallery/crate-stack/index.html
+++ b/docs/gallery/crate-stack/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/cross-version-property-delete/index.html b/docs/gallery/cross-version-property-delete/index.html
index 1e31314a..113588cd 100644
--- a/docs/gallery/cross-version-property-delete/index.html
+++ b/docs/gallery/cross-version-property-delete/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/curve-bevel-arc/index.html b/docs/gallery/curve-bevel-arc/index.html
index 80d90710..adb7da57 100644
--- a/docs/gallery/curve-bevel-arc/index.html
+++ b/docs/gallery/curve-bevel-arc/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/custom-normals-shade/index.html b/docs/gallery/custom-normals-shade/index.html
index b0b97c1d..95aa16ea 100644
--- a/docs/gallery/custom-normals-shade/index.html
+++ b/docs/gallery/custom-normals-shade/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/damped-track-aim/index.html b/docs/gallery/damped-track-aim/index.html
index 8a06df6a..8768dfa0 100644
--- a/docs/gallery/damped-track-aim/index.html
+++ b/docs/gallery/damped-track-aim/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/degenerate-bevel-weld/index.html b/docs/gallery/degenerate-bevel-weld/index.html
index b9d348d9..999c3381 100644
--- a/docs/gallery/degenerate-bevel-weld/index.html
+++ b/docs/gallery/degenerate-bevel-weld/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/depsgraph-export/index.html b/docs/gallery/depsgraph-export/index.html
index 32e11fb5..38c2458f 100644
--- a/docs/gallery/depsgraph-export/index.html
+++ b/docs/gallery/depsgraph-export/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/driver-wave/index.html b/docs/gallery/driver-wave/index.html
index ffce4d0e..916d6c1a 100644
--- a/docs/gallery/driver-wave/index.html
+++ b/docs/gallery/driver-wave/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/export-preset-axis/index.html b/docs/gallery/export-preset-axis/index.html
index f27c8415..483d2272 100644
--- a/docs/gallery/export-preset-axis/index.html
+++ b/docs/gallery/export-preset-axis/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/fence-kit/index.html b/docs/gallery/fence-kit/index.html
index aa5a9054..73cc2114 100644
--- a/docs/gallery/fence-kit/index.html
+++ b/docs/gallery/fence-kit/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/gltf-export-roundtrip/index.html b/docs/gallery/gltf-export-roundtrip/index.html
index cd58c38e..ab4e71aa 100644
--- a/docs/gallery/gltf-export-roundtrip/index.html
+++ b/docs/gallery/gltf-export-roundtrip/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/gltf-skin-roundtrip/index.html b/docs/gallery/gltf-skin-roundtrip/index.html
index d2449ed5..0aeb25da 100644
--- a/docs/gallery/gltf-skin-roundtrip/index.html
+++ b/docs/gallery/gltf-skin-roundtrip/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/gn-instance-grid/index.html b/docs/gallery/gn-instance-grid/index.html
index 556c629b..528557b5 100644
--- a/docs/gallery/gn-instance-grid/index.html
+++ b/docs/gallery/gn-instance-grid/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/gn-modifier-inputs/index.html b/docs/gallery/gn-modifier-inputs/index.html
index 6a998932..44dc614e 100644
--- a/docs/gallery/gn-modifier-inputs/index.html
+++ b/docs/gallery/gn-modifier-inputs/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/gn-sdf-remesh/index.html b/docs/gallery/gn-sdf-remesh/index.html
index 44dbb819..8f370a85 100644
--- a/docs/gallery/gn-sdf-remesh/index.html
+++ b/docs/gallery/gn-sdf-remesh/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/gn-sim-fountain/index.html b/docs/gallery/gn-sim-fountain/index.html
index a1d9590c..bb0e67df 100644
--- a/docs/gallery/gn-sim-fountain/index.html
+++ b/docs/gallery/gn-sim-fountain/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/gn-socket-rename/index.html b/docs/gallery/gn-socket-rename/index.html
index 108a3db2..70898eb2 100644
--- a/docs/gallery/gn-socket-rename/index.html
+++ b/docs/gallery/gn-socket-rename/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/gn-zone-iterate/index.html b/docs/gallery/gn-zone-iterate/index.html
index 00544673..bd3995dd 100644
--- a/docs/gallery/gn-zone-iterate/index.html
+++ b/docs/gallery/gn-zone-iterate/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/gp-lineart-contour/index.html b/docs/gallery/gp-lineart-contour/index.html
index 58ce1693..f184b3e8 100644
--- a/docs/gallery/gp-lineart-contour/index.html
+++ b/docs/gallery/gp-lineart-contour/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/grain-sacks/index.html b/docs/gallery/grain-sacks/index.html
index 15a16c04..3861dec2 100644
--- a/docs/gallery/grain-sacks/index.html
+++ b/docs/gallery/grain-sacks/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/grease-pencil-rosette/index.html b/docs/gallery/grease-pencil-rosette/index.html
index 1e593d5a..ffcd4fb4 100644
--- a/docs/gallery/grease-pencil-rosette/index.html
+++ b/docs/gallery/grease-pencil-rosette/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/grindstone/index.html b/docs/gallery/grindstone/index.html
index 4757da2f..ce21a09c 100644
--- a/docs/gallery/grindstone/index.html
+++ b/docs/gallery/grindstone/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/hand-pump/index.html b/docs/gallery/hand-pump/index.html
index 168d385f..e2f9476c 100644
--- a/docs/gallery/hand-pump/index.html
+++ b/docs/gallery/hand-pump/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/hay-bale/index.html b/docs/gallery/hay-bale/index.html
index 7a314be1..5ef010ba 100644
--- a/docs/gallery/hay-bale/index.html
+++ b/docs/gallery/hay-bale/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/hitching-post/index.html b/docs/gallery/hitching-post/index.html
index 0311ac4b..b5ba001e 100644
--- a/docs/gallery/hitching-post/index.html
+++ b/docs/gallery/hitching-post/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/image-pixels-testcard/index.html b/docs/gallery/image-pixels-testcard/index.html
index 266f1c02..cccfb835 100644
--- a/docs/gallery/image-pixels-testcard/index.html
+++ b/docs/gallery/image-pixels-testcard/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/index.html b/docs/gallery/index.html
index 554b568e..d98f7325 100644
--- a/docs/gallery/index.html
+++ b/docs/gallery/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/iron-cauldron/index.html b/docs/gallery/iron-cauldron/index.html
index dd224077..f11ac2e6 100644
--- a/docs/gallery/iron-cauldron/index.html
+++ b/docs/gallery/iron-cauldron/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/light-link-studio/index.html b/docs/gallery/light-link-studio/index.html
index ecd2946f..8f30d8db 100644
--- a/docs/gallery/light-link-studio/index.html
+++ b/docs/gallery/light-link-studio/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/lightmap-uv-channel/index.html b/docs/gallery/lightmap-uv-channel/index.html
index 3e2574e9..b3ba2455 100644
--- a/docs/gallery/lightmap-uv-channel/index.html
+++ b/docs/gallery/lightmap-uv-channel/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/lod-decimate-chain/index.html b/docs/gallery/lod-decimate-chain/index.html
index c050d176..6c4f54e9 100644
--- a/docs/gallery/lod-decimate-chain/index.html
+++ b/docs/gallery/lod-decimate-chain/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/market-stall/index.html b/docs/gallery/market-stall/index.html
index 3fb60e33..94ce757b 100644
--- a/docs/gallery/market-stall/index.html
+++ b/docs/gallery/market-stall/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/mesh-hygiene-audit/index.html b/docs/gallery/mesh-hygiene-audit/index.html
index 17f96dee..53aac001 100644
--- a/docs/gallery/mesh-hygiene-audit/index.html
+++ b/docs/gallery/mesh-hygiene-audit/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/modular-kit-snap/index.html b/docs/gallery/modular-kit-snap/index.html
index cfd874c2..133769f4 100644
--- a/docs/gallery/modular-kit-snap/index.html
+++ b/docs/gallery/modular-kit-snap/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/parent-inverse-orrery/index.html b/docs/gallery/parent-inverse-orrery/index.html
index 52ce4d98..6fd57569 100644
--- a/docs/gallery/parent-inverse-orrery/index.html
+++ b/docs/gallery/parent-inverse-orrery/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/park-bench/index.html b/docs/gallery/park-bench/index.html
index 20cced37..c41dbd72 100644
--- a/docs/gallery/park-bench/index.html
+++ b/docs/gallery/park-bench/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/png-exr-alpha/index.html b/docs/gallery/png-exr-alpha/index.html
index 25500d2a..4e32a6e8 100644
--- a/docs/gallery/png-exr-alpha/index.html
+++ b/docs/gallery/png-exr-alpha/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/prop-origin-transform/index.html b/docs/gallery/prop-origin-transform/index.html
index 2b2ef45e..024a57e6 100644
--- a/docs/gallery/prop-origin-transform/index.html
+++ b/docs/gallery/prop-origin-transform/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/rope-bridge/index.html b/docs/gallery/rope-bridge/index.html
index 3a87a1c4..a8599207 100644
--- a/docs/gallery/rope-bridge/index.html
+++ b/docs/gallery/rope-bridge/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/shader-node-group/index.html b/docs/gallery/shader-node-group/index.html
index 884045e7..abea1f72 100644
--- a/docs/gallery/shader-node-group/index.html
+++ b/docs/gallery/shader-node-group/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/shape-key-blend/index.html b/docs/gallery/shape-key-blend/index.html
index b07f6306..9470e816 100644
--- a/docs/gallery/shape-key-blend/index.html
+++ b/docs/gallery/shape-key-blend/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/shipping-crate/index.html b/docs/gallery/shipping-crate/index.html
index 9ffc14c7..6e43ddef 100644
--- a/docs/gallery/shipping-crate/index.html
+++ b/docs/gallery/shipping-crate/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/signpost/index.html b/docs/gallery/signpost/index.html
index d61589b7..c9bf72cb 100644
--- a/docs/gallery/signpost/index.html
+++ b/docs/gallery/signpost/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/sky-texture-sun-elevation/index.html b/docs/gallery/sky-texture-sun-elevation/index.html
index 12c2dfcc..d6f5bb7e 100644
--- a/docs/gallery/sky-texture-sun-elevation/index.html
+++ b/docs/gallery/sky-texture-sun-elevation/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/soccer-ball-goldberg/index.html b/docs/gallery/soccer-ball-goldberg/index.html
index 22093119..c2f38855 100644
--- a/docs/gallery/soccer-ball-goldberg/index.html
+++ b/docs/gallery/soccer-ball-goldberg/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/socket-attach-points/index.html b/docs/gallery/socket-attach-points/index.html
index c1e459ff..8bfe9020 100644
--- a/docs/gallery/socket-attach-points/index.html
+++ b/docs/gallery/socket-attach-points/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/stone-archway/index.html b/docs/gallery/stone-archway/index.html
index 45f1ad9e..4deb8938 100644
--- a/docs/gallery/stone-archway/index.html
+++ b/docs/gallery/stone-archway/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/stone-well/index.html b/docs/gallery/stone-well/index.html
index 0b356390..4389ba2c 100644
--- a/docs/gallery/stone-well/index.html
+++ b/docs/gallery/stone-well/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/street-lantern/index.html b/docs/gallery/street-lantern/index.html
index 4bce7d48..3cecbf2c 100644
--- a/docs/gallery/street-lantern/index.html
+++ b/docs/gallery/street-lantern/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/swatch-grid/index.html b/docs/gallery/swatch-grid/index.html
index ed19cac8..d4bcae06 100644
--- a/docs/gallery/swatch-grid/index.html
+++ b/docs/gallery/swatch-grid/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/tavern-stool/index.html b/docs/gallery/tavern-stool/index.html
index 4d8b1227..d62cdd53 100644
--- a/docs/gallery/tavern-stool/index.html
+++ b/docs/gallery/tavern-stool/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/temp-override-join/index.html b/docs/gallery/temp-override-join/index.html
index f2f2944f..14c2c418 100644
--- a/docs/gallery/temp-override-join/index.html
+++ b/docs/gallery/temp-override-join/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/terrain-scatter/index.html b/docs/gallery/terrain-scatter/index.html
index 4cd8a4b6..af1b36f0 100644
--- a/docs/gallery/terrain-scatter/index.html
+++ b/docs/gallery/terrain-scatter/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/text-version-stamp/index.html b/docs/gallery/text-version-stamp/index.html
index e6d33bc6..f6343877 100644
--- a/docs/gallery/text-version-stamp/index.html
+++ b/docs/gallery/text-version-stamp/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/treasure-chest/index.html b/docs/gallery/treasure-chest/index.html
index d5a86af3..2511d3fe 100644
--- a/docs/gallery/treasure-chest/index.html
+++ b/docs/gallery/treasure-chest/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/triangulate-tangents/index.html b/docs/gallery/triangulate-tangents/index.html
index 10762df6..c3db8855 100644
--- a/docs/gallery/triangulate-tangents/index.html
+++ b/docs/gallery/triangulate-tangents/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/turntable/index.html b/docs/gallery/turntable/index.html
index 237e4fc6..f39f48cb 100644
--- a/docs/gallery/turntable/index.html
+++ b/docs/gallery/turntable/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/usd-export-evaluation-mode/index.html b/docs/gallery/usd-export-evaluation-mode/index.html
index e2abb14b..7cdddf43 100644
--- a/docs/gallery/usd-export-evaluation-mode/index.html
+++ b/docs/gallery/usd-export-evaluation-mode/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/uv-layer-grid/index.html b/docs/gallery/uv-layer-grid/index.html
index 825999fb..4440b14c 100644
--- a/docs/gallery/uv-layer-grid/index.html
+++ b/docs/gallery/uv-layer-grid/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/vertex-color-ao/index.html b/docs/gallery/vertex-color-ao/index.html
index 6354c76d..39a33be7 100644
--- a/docs/gallery/vertex-color-ao/index.html
+++ b/docs/gallery/vertex-color-ao/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/vertex-weight-limit/index.html b/docs/gallery/vertex-weight-limit/index.html
index 9ffa7df6..721dc246 100644
--- a/docs/gallery/vertex-weight-limit/index.html
+++ b/docs/gallery/vertex-weight-limit/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/vse-cut-list/index.html b/docs/gallery/vse-cut-list/index.html
index 5c4106a1..5581f48d 100644
--- a/docs/gallery/vse-cut-list/index.html
+++ b/docs/gallery/vse-cut-list/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/vse-gamma-cross/index.html b/docs/gallery/vse-gamma-cross/index.html
index 5ba44087..1f1ef378 100644
--- a/docs/gallery/vse-gamma-cross/index.html
+++ b/docs/gallery/vse-gamma-cross/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/wall-torch/index.html b/docs/gallery/wall-torch/index.html
index 1327ed05..5953b296 100644
--- a/docs/gallery/wall-torch/index.html
+++ b/docs/gallery/wall-torch/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/watchtower/index.html b/docs/gallery/watchtower/index.html
index d58e21b2..931079fc 100644
--- a/docs/gallery/watchtower/index.html
+++ b/docs/gallery/watchtower/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/water-trough/index.html b/docs/gallery/water-trough/index.html
index 3b12b556..340e802f 100644
--- a/docs/gallery/water-trough/index.html
+++ b/docs/gallery/water-trough/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/wave-displace/index.html b/docs/gallery/wave-displace/index.html
index 955e9980..e50965c3 100644
--- a/docs/gallery/wave-displace/index.html
+++ b/docs/gallery/wave-displace/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/wheelbarrow/index.html b/docs/gallery/wheelbarrow/index.html
index 9c6da250..63af2a2a 100644
--- a/docs/gallery/wheelbarrow/index.html
+++ b/docs/gallery/wheelbarrow/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/wooden-barrel/index.html b/docs/gallery/wooden-barrel/index.html
index f42c341c..b21fb4fe 100644
--- a/docs/gallery/wooden-barrel/index.html
+++ b/docs/gallery/wooden-barrel/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/wooden-bucket/index.html b/docs/gallery/wooden-bucket/index.html
index f6c1c0de..4714a7c7 100644
--- a/docs/gallery/wooden-bucket/index.html
+++ b/docs/gallery/wooden-bucket/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/wooden-ladder/index.html b/docs/gallery/wooden-ladder/index.html
index eb1f9e8d..cd76c8d8 100644
--- a/docs/gallery/wooden-ladder/index.html
+++ b/docs/gallery/wooden-ladder/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/docs/gallery/wooden-yoke/index.html b/docs/gallery/wooden-yoke/index.html
index a9c28caf..c4f2ecfe 100644
--- a/docs/gallery/wooden-yoke/index.html
+++ b/docs/gallery/wooden-yoke/index.html
@@ -34,16 +34,22 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
:root {
color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+ --bg: #1a1b1e; --bg2: #131417; --panel: #222327; --panel-2: #2a2b30;
+ --border: #3a3b40; --text: #e8e9eb; --dim: #9698a0;
--select: #ff8c19; --ok: #6dc96d;
- --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+ --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
--font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+ /* gallery vocabulary for the same values */
+ --surface: var(--panel); --surface-2: var(--panel-2); --text-dim: var(--dim);
+ --font-sans: var(--font-body);
+ }
+ :root {
+ --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/scripts/build_gallery.py b/scripts/build_gallery.py
index 78a02ae3..1e18ef19 100644
--- a/scripts/build_gallery.py
+++ b/scripts/build_gallery.py
@@ -43,6 +43,7 @@
DATA = REPO / "examples" / "gallery.json"
SHOWCASE_DATA = REPO / "showcase" / "gallery.json"
OUT_DIR = REPO / "docs" / "gallery"
+TOKENS_CSS = REPO / "scripts" / "site" / "tokens.css"
# Social card for the gallery index, shared with the landing page (site.json).
OG_CARD_SIZE = (1200, 630)
@@ -138,16 +139,10 @@ def check_alts(entries: list) -> None:
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('__SITEROOT__fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* Blender-viewport system, shared with the landing page. Dark only. */
+ /* Palette and type: scripts/site/tokens.css, shared with the landing page. */
+__TOKENS__
:root {
- color-scheme: dark;
- --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
- --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
- --select: #ff8c19; --ok: #6dc96d;
--radius: 4px; --radius-lg: 6px; --maxw: 1080px;
- --font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
- --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
--code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
@@ -1075,6 +1070,16 @@ def resolve(url: str) -> str:
return resolve
+def tokens_css() -> str:
+ """The shared palette, minus its header comment (the landing page's copy
+ carries it; 89 gallery pages don't need 89 copies)."""
+ text = TOKENS_CSS.read_text(encoding="utf-8")
+ m = re.search(r"^[ \t]*:root\s*\{", text, re.M)
+ if m is None:
+ raise SystemExit(f"{TOKENS_CSS.relative_to(REPO)} has no :root block")
+ return text[m.start():].rstrip()
+
+
def shell(*, title: str, desc: str, canonical: str, og_image: str,
og_size: tuple[int, int], og_alt: str,
site_root: str, back_href: str, back_label: str, repo_url: str,
@@ -1096,6 +1101,7 @@ def shell(*, title: str, desc: str, canonical: str, og_image: str,
f"{html.escape(s)}" for s in sources))
.replace("__PAGEJS__", page_js)
.replace("__HEADJS__", head_js)
+ .replace("__TOKENS__", tokens_css())
# Content last, so README and source text are never scanned for
# the other placeholders.
.replace("__CONTENT__", content))
diff --git a/scripts/site/404.html.j2 b/scripts/site/404.html.j2
index f36c1df5..7ccbb963 100644
--- a/scripts/site/404.html.j2
+++ b/scripts/site/404.html.j2
@@ -16,8 +16,7 @@
src: url('{{ base }}fonts/inter-regular.woff2') format('woff2'); }
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('{{ base }}fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- :root { color-scheme: dark; --bg: #1a1b1e; --panel: #232428; --border: #3a3b40;
- --text: #e8e9eb; --dim: #9698a0; --select: #ff8c19; }
+ {% include "tokens.css" %}
* { box-sizing: border-box; margin: 0; padding: 0; }
body { background: var(--bg); color: var(--text); min-height: 100vh; display: flex;
align-items: center; justify-content: center; padding: 1.25rem;
diff --git a/scripts/site/build_site.py b/scripts/site/build_site.py
index f95e30a9..564ceb35 100644
--- a/scripts/site/build_site.py
+++ b/scripts/site/build_site.py
@@ -10,6 +10,7 @@
import json
import re
import shutil
+import subprocess
import sys
from pathlib import Path
from urllib.parse import urlparse
@@ -215,6 +216,7 @@ def parse_rules(repo_root: Path) -> list[dict]:
results.append({
"name": name,
"slug": rule_file.stem,
+ "file": rule_file.name,
"description": description,
"scope": scope,
})
@@ -313,6 +315,36 @@ def pick_featured(examples: list[dict]) -> list[dict]:
)
+def recent_additions(repo_root: Path, entries: list[dict], limit: int = 6) -> list[dict]:
+ """The *limit* entries whose directory entered the repo most recently.
+
+ Gallery JSON order is not add order, so the first commit that added a file
+ under each entry's ``dir`` decides. A shallow clone has no history to ask
+ (every entry would look added today), so it yields [] and the section hides.
+ """
+ def git(*args: str) -> str:
+ return subprocess.run(["git", "-C", str(repo_root), *args], capture_output=True,
+ text=True, encoding="utf-8", check=True).stdout
+ try:
+ if git("rev-parse", "--is-shallow-repository").strip() != "false":
+ return []
+ log = git("log", "--diff-filter=A", "--format=%x00%cs", "--name-only",
+ "--", "examples", "showcase")
+ except (OSError, subprocess.CalledProcessError):
+ return []
+
+ by_dir = {e.get("dir", "").rstrip("/"): e for e in entries if e.get("dir")}
+ added: dict[str, tuple[int, str]] = {} # dir -> (commit ordinal, date); log is newest first
+ for ordinal, block in enumerate(log.split("\0")[1:]):
+ date, _, files = block.partition("\n")
+ for f in files.split():
+ d = "/".join(f.split("/")[:2])
+ if d in by_dir:
+ added[d] = (ordinal, date.strip()) # keep overwriting: the oldest add wins
+ newest = sorted(added.items(), key=lambda kv: kv[1][0])[:limit]
+ return [dict(by_dir[d], added=date) for d, (_, date) in newest]
+
+
def load_mcp_tools(repo_root: Path) -> list[dict]:
mcp_file = repo_root / "mcp-tools.json"
if not mcp_file.is_file():
@@ -433,6 +465,11 @@ def main():
mcp_tools = load_mcp_tools(repo_root)
mcp_grouped = group_by_category(mcp_tools)
changelog = parse_changelog(repo_root)
+ for piece in showcase:
+ piece["kind"] = "showcase"
+ for ex in examples:
+ ex.setdefault("kind", "example")
+ recent = recent_additions(repo_root, examples + showcase)
context = {
"plugin": plugin,
@@ -467,6 +504,9 @@ def main():
"mcp_grouped": mcp_grouped,
"changelog": changelog,
"has_changelog": len(changelog) > 0,
+ "latest_release": changelog[0] if changelog else None,
+ "recent": recent,
+ "blender": site.get("blender") or {},
"build_date": datetime.date.today().isoformat(),
}
diff --git a/scripts/site/template.html.j2 b/scripts/site/template.html.j2
index f51806f5..9ad3d1f9 100644
--- a/scripts/site/template.html.j2
+++ b/scripts/site/template.html.j2
@@ -45,20 +45,8 @@
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
src: url('fonts/jetbrains-mono-regular.woff2') format('woff2'); }
- /* ---- tokens: Blender's own UI grays; selection orange is THE accent;
- axis colors appear only in the gizmo and the grid origin lines ---- */
- :root {
- color-scheme: dark;
- --bg: #1a1b1e; --panel: #222327; --panel-2: #2a2b30; --border: #3a3b40;
- --text: #e8e9eb; --dim: #9698a0;
- --select: #ff8c19;
- --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
- --ok: #6dc96d;
- --font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
- --font-body: 'Inter', -apple-system, 'Segoe UI', sans-serif;
- --font-mono: 'JetBrains Mono', ui-monospace, Consolas, monospace;
- --maxw: 1060px;
- }
+ {% include "tokens.css" %}
+ :root { --maxw: 1060px; }
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { background: var(--bg); color: var(--text); font-family: var(--font-body);
@@ -145,8 +133,16 @@
margin-top: 1.25rem; overflow: hidden; }
.panel-head { display: flex; align-items: baseline; gap: 0.6rem; padding: 0.55rem 1.1rem;
background: var(--panel-2); border-bottom: 1px solid var(--border); }
- .panel-head .caret { color: var(--dim); font-size: 0.6rem; align-self: center; }
- .panel-head .count { margin-left: auto; }
+ .panel-head .count { margin-left: auto; white-space: nowrap; }
+ /* Per-panel filter: rendered hidden, revealed by JS, so no-JS never sees
+ a box that does nothing. */
+ .panel-filter { background: var(--bg2); border: 1px solid var(--border); color: var(--text);
+ border-radius: 3px; padding: 0.18rem 0.55rem; font-family: var(--font-mono); font-size: 0.72rem;
+ width: 12rem; max-width: 45vw; align-self: center; }
+ .panel-filter:focus { border-color: var(--select); outline: none; }
+ .panel-filter::placeholder { color: var(--dim); }
+ .filter-empty { color: var(--dim); font-size: 0.85rem; padding: 0.75rem 0; }
+ .is-filtered-out { display: none !important; }
.panel-body { padding: 1.5rem 1.75rem 1.75rem; }
.panel-body > h2 { font-family: var(--font-display); font-weight: 600; text-transform: uppercase;
font-size: clamp(1.6rem, 3.2vw, 2.2rem); line-height: 1.02; margin-bottom: 0.4rem; }
@@ -175,8 +171,18 @@
/* skills */
.skill-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.4rem 2.25rem; }
.skill-row { display: flex; flex-direction: column; padding: 0.55rem 0; border-bottom: 1px solid color-mix(in srgb, var(--border) 55%, transparent); }
- .skill-row .name { font-family: var(--font-mono); font-size: 0.8rem; color: var(--select); }
+ .skill-row .name { font-family: var(--font-mono); font-size: 0.8rem; color: var(--select); align-self: flex-start; }
+ .skill-row .name:hover, .rules-table .r-name a:hover { text-decoration: underline; }
+ .skill-row { min-width: 0; } /* a long `code` token must wrap, not widen the 1fr column */
+ .skill-row .desc, .skill-row details { overflow-wrap: anywhere; }
.skill-row .desc { color: var(--dim); font-size: 0.85rem; margin-top: 0.15rem; }
+ .skill-row details { margin-top: 0.35rem; font-size: 0.8rem; color: var(--dim); }
+ .skill-row summary { cursor: pointer; font-family: var(--font-mono); font-size: 0.68rem;
+ text-transform: uppercase; letter-spacing: 0.04em; width: fit-content; }
+ .skill-row summary:hover { color: var(--select); }
+ .skill-row details ul { margin: 0.35rem 0 0 1.1rem; }
+ .skill-row details li { margin: 0.15rem 0; }
+ .skill-row details code { font-family: var(--font-mono); font-size: 0.85em; color: var(--text); }
.skill-row .desc code, .rules-table td code { font-family: var(--font-mono); font-size: 0.85em;
color: var(--text); }
@@ -186,6 +192,20 @@
.rules-table td { padding: 0.6rem 0.75rem 0.6rem 0; border-bottom: 1px solid color-mix(in srgb, var(--border) 55%, transparent);
vertical-align: top; color: var(--dim); }
.rules-table .r-name { color: var(--text); font-family: var(--font-mono); font-size: 0.75rem; }
+ .rules-table .r-name a { color: var(--text); }
+ .rules-table .r-name a:hover { color: var(--select); }
+
+ /* what's new */
+ .release-line { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.4rem 1rem;
+ margin-bottom: 1.25rem; font-size: 0.9rem; color: var(--dim); }
+ .release-line .ver { font-family: var(--font-mono); color: var(--text); font-size: 0.85rem; }
+ .release-line a { color: var(--select); }
+ .release-line a:hover { text-decoration: underline; }
+ .recent-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0.75rem; }
+ .recent-grid .render-meta .name { overflow: hidden; text-overflow: ellipsis; font-size: 0.74rem; }
+ .recent-grid .render-meta { flex-direction: column; gap: 0.1rem; padding: 0.5rem 0.75rem 0.6rem; }
+ .recent-grid .when { font-family: var(--font-mono); font-size: 0.66rem; color: var(--dim);
+ text-transform: uppercase; letter-spacing: 0.04em; }
.rules-table .r-scope { font-family: var(--font-mono); font-size: 0.75rem; white-space: nowrap; }
/* snippets */
@@ -219,16 +239,21 @@
text-transform: uppercase; letter-spacing: 0.04em; }
.statusbar a:hover { color: var(--select); }
- /* boot sequence: HUD fades in, stats count up (JS adds .booted) */
+ .vp-center .sub code { font-family: var(--font-mono); font-size: 0.9em; }
+ .statusbar .ok { color: var(--ok); }
+
+ /* boot sequence: HUD fades in, stats count up (JS adds .booted). Gated on
+ html.js so the corners never stay invisible when scripts don't run. */
@media (prefers-reduced-motion: no-preference) {
- .hud-corner { opacity: 0; transition: opacity 0.5s ease; }
- .booted .hud-corner { opacity: 1; }
+ html.js .hud-corner { opacity: 0; transition: opacity 0.5s ease; }
+ html.js .booted .hud-corner { opacity: 1; }
.booted .hud-tl { transition-delay: 0.1s; } .booted .hud-tr { transition-delay: 0.25s; }
.booted .hud-bl { transition-delay: 0.4s; } .booted .hud-br { transition-delay: 0.55s; }
}
@media (max-width: 820px) {
.skill-grid, .render-grid { grid-template-columns: 1fr; }
+ .recent-grid { grid-template-columns: repeat(3, 1fr); }
.render-meta .teach { white-space: normal; }
}
@media (max-width: 640px) {
@@ -242,10 +267,15 @@
}
@media (max-width: 520px) {
.topnav li:not(.always) { display: none; }
+ .recent-grid { grid-template-columns: 1fr 1fr; }
}
+
+ {% set repo = site.links.github | default(plugin.repository) %}
+ {% set bl_primary = blender.primary | default('5.2 LTS') %}
+ {% set bl_fallback = blender.fallback | default('4.5 LTS') %}
Skip to content
@@ -269,7 +299,7 @@
- Object Mode bpy 5.2 LTS · 4.5 LTS
+ Object Mode bpy {{ bl_primary }} · {{ bl_fallback }}
x y z
@@ -283,17 +313,17 @@
{% if showcase_count %}
Showcase {{ showcase_count }} {% endif %}
- smoke-gated on 5.2 LTS + 4.5 LTS · exit 0
+ smoke-gated on {{ bl_primary }} + {{ bl_fallback }} · exit 0
Blender Python that actually runs .
Skills, rules, snippets, and starter templates that teach Cursor and Claude Code
- the bpy that works —
- backed by runnable examples asserted headless on Blender 5.2 LTS and 4.5 LTS before they ship.
+ the
bpy that works —
+ backed by runnable examples asserted headless on Blender {{ bl_primary }} and {{ bl_fallback }} before they ship.
-
$ git clone {{ site.links.github | default(plugin.repository) }}
-
copy
+
$ git clone {{ repo }}
+
copy
See the proof ↓
@@ -305,17 +335,17 @@
+
{% if examples %}
{% set shown = featured_examples if featured_examples else examples %}
- ▾
Render Result
{% if featured_examples %}{{ featured_count }} of {% endif %}{{ example_count }} frames
Every render here is code that runs.
-
These aren't mockups. Each example runs headless on Blender 5.2 LTS and 4.5 LTS in the
+
These aren't mockups. Each example runs headless on Blender {{ bl_primary }} and {{ bl_fallback }} in the
smoke workflow, asserts its own correctness, and exits non-zero if the API drifted. Each still was
rendered by that same script.
Browse all {{ example_count }} rendered examples and {{ showcase_count }} showcase pieces in the gallery →
@@ -339,7 +369,6 @@
{% set shown_showcase = featured_showcase if featured_showcase else showcase %}
@@ -443,7 +514,6 @@
{% if site.installSteps %}
- ▾
Install
@@ -465,10 +535,10 @@
v{{ plugin.version }}
{{ plugin.license }}
built {{ build_date }}
-
exit 0
+
exit 0
- Releases
- GitHub
+ Releases
+ GitHub
All tools
@@ -476,16 +546,55 @@