Skip to content

style(docs): adopt the dc-styles design kit - #129

Merged
ETWOYA merged 1 commit into
mainfrom
lovelace/docs-dc-styles
Nov 1, 2026
Merged

ETWOYA merged 1 commit into
mainfrom
lovelace/docs-dc-styles

Conversation

@dankoverride

Copy link
Copy Markdown
Collaborator

Brings the docs site onto the DeepCube design kit (@immersivefusion/dc-styles), the way immersivefusion.com consumes it.

  • docs/css/vendor/dc-tokens.css: the released dc-styles 0.2.2 tokens.css (the version DeepCube Web pins, byte-identical to the storefront's copy), under a provenance header. Vendored because the publish pipeline cannot yet authenticate to the Azure Artifacts feed.
  • docs/css/fonts.css and docs/fonts/: self-hosted Inter, JetBrains Mono and Josefin Sans with their OFL licences. Google Fonts is dropped from the CSP in src/serve-headers.json.
  • docs/css/extra.css: opens with a bridge that sets color-scheme per Material scheme and maps the site's --color-* and Material's --md-* variables onto --if-* tokens. Colour literals now use tokens (violet to --if-decor, light-mode purple to the kit's cyan); only neutral black shadows and tints remain.
  • mkdocs.yml: font: false, custom primary and accent, loads fonts, tokens, then extra.css.

Kit source is IF.UX.Web packages/dc-styles. Moving from the vendored copy to the npm package needs npmAuthenticate in the publish pipeline and a feed token in GitHub CI.

Strict build and checks passed locally; before and after screenshots of four pages in both themes were reviewed. Merging deploys the site, so merge is the founder's call.

🤖 Generated with Claude Code

Vendors the released @immersivefusion/dc-styles 0.2.2 tokens.css (the
version DeepCube Web pins, byte-identical to the storefront's copy) under
a provenance header, as immersivefusion.com does, because the publish
pipeline cannot authenticate to the Azure Artifacts feed yet.

Self-hosts Inter, JetBrains Mono and Josefin Sans with their OFL licences
and drops Google Fonts from the CSP. extra.css opens with a bridge that
sets color-scheme per Material scheme and maps the site's --color-* and
Material's --md-* variables onto --if-* tokens; colour literals now use
tokens. mkdocs.yml loads fonts, tokens, then extra.css.

Moving to the npm package needs npmAuthenticate in the publish pipeline
and a feed token in GitHub CI.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@dankoverride
dankoverride requested a review from ETWOYA as a code owner November 1, 2026 03:16
@ETWOYA
ETWOYA merged commit 315482a into main Nov 1, 2026
1 check passed
@ETWOYA
ETWOYA deleted the lovelace/docs-dc-styles branch November 1, 2026 03:35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

2 participants