diff --git a/package.json b/package.json index 7fb50e08dc..deee76ecec 100644 --- a/package.json +++ b/package.json @@ -30,6 +30,7 @@ "dependencies": { "@astrojs/markdown-remark": "7.2.1", "@astrojs/mdx": "^7.0.3", + "@octopusdeploy/design-system-tokens": "^2026.3.8240", "astro": "^7.0.9", "astro-accelerator-utils": "^0.3.84", "glob": "^13.0.6", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index d90cff0c41..e481c5b788 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -24,6 +24,9 @@ importers: '@astrojs/mdx': specifier: ^7.0.3 version: 7.0.3(@astrojs/markdown-satteri@0.3.4)(astro@7.0.9(@astrojs/markdown-remark@7.2.1)(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.1)(@types/node@24.10.1)(rollup@4.60.3)(yaml@2.8.4)) + '@octopusdeploy/design-system-tokens': + specifier: ^2026.3.8240 + version: 2026.3.8240 astro: specifier: ^7.0.9 version: 7.0.9(@astrojs/markdown-remark@7.2.1)(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.1)(@types/node@24.10.1)(rollup@4.60.3)(yaml@2.8.4) @@ -814,6 +817,9 @@ packages: '@emnapi/core': ^1.7.1 '@emnapi/runtime': ^1.7.1 + '@octopusdeploy/design-system-tokens@2026.3.8240': + resolution: {integrity: sha512-SxabL5Y2bDD0kEEEtVUtTos3tiJ+2FEWTno1a40YVw/Y5eUbRnXUTChf4oVsRzw32GXpjBhxoTxiOBdOceeelA==} + '@oslojs/encoding@1.1.0': resolution: {integrity: sha512-70wQhgYmndg4GCPxPPxPGevRKqTIJ2Nh4OkiMWmDAVYsTQ+Ta7Sq+rPevXyXGdzr30/qZBnyOalCszoMxlyldQ==} @@ -3929,6 +3935,8 @@ snapshots: '@tybys/wasm-util': 0.10.3 optional: true + '@octopusdeploy/design-system-tokens@2026.3.8240': {} + '@oslojs/encoding@1.1.0': {} '@oxc-project/types@0.139.0': {} diff --git a/src/layouts/Default.astro b/src/layouts/Default.astro index 08789ba364..1e90ab5912 100644 --- a/src/layouts/Default.astro +++ b/src/layouts/Default.astro @@ -70,9 +70,9 @@ const isSearchPage = const showSearch = !isSearchPage; --- - + - +
by the inline theme script in HEADER_SCRIPTS. +import '@octopusdeploy/design-system-tokens/css/globals.css'; +import '@octopusdeploy/design-system-tokens/css/textTheme.css'; +import '@octopusdeploy/design-system-tokens/css/lightTheme.css'; +import '@octopusdeploy/design-system-tokens/css/darkTheme.css'; + const stats = new accelerator.statistics('octopus/components/HtmlHead.astro'); stats.start();