Skip to content

Adopt AryaOS design kit and restore page scrolling - #9

Merged
ampledata merged 5 commits into
mainfrom
feat/design-kit-palette
Aug 11, 2026
Merged

Adopt AryaOS design kit and restore page scrolling#9
ampledata merged 5 commits into
mainfrom
feat/design-kit-palette

Conversation

@ampledata

Copy link
Copy Markdown
Contributor

Summary

  • consume the shared AryaOS design-kit palette and bundled fonts
  • make the Cockpit root a viewport-height vertical scroller
  • add a compiled-SCSS regression test for expanded-card scrolling
  • use a checkout-mode-independent Node build command

Validation

  • unit tests
  • ESLint
  • Stylelint
  • production bundle
  • Debian package build

gba and others added 5 commits July 31, 2026 23:18
app.scss defined its own :root palette -- teal #35a58f accent, #74d8a4 ok,
#ff8a7a danger -- which is the pre-kit console theme. cockpit-shared was
already a dependency, but pinned at v1.0.0 and used only for its TypeScript
modules, so the design system in theme.scss was never reaching this plugin at
all. The local block was not merely redundant, it was the only palette.

Bumps the dependency to v1.3.0 (the first tag containing theme.scss; 1.2.0
added it but was never tagged), imports the kit, and deletes the local
override so the plugin inherits it.

Verified in the built CSS rather than assumed: --sns-accent, --sns-brand,
#56b4e9 and #e4610f are present, #35a58f appears zero times, and every
relative url() in the bundle resolves on disk.

build.js also now copies the kit's webfonts into dist/fonts. theme.scss
references them as url(./fonts/*.woff2) relative to the stylesheet, and
*.woff2 is listed in esbuild's `external`, so those URLs are emitted
untouched. Without the copy the CSS still loads and the palette still applies
-- only the typography silently falls back to system fonts.

Co-Authored-By: Claude <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0197da7dhvcPoHxYKamrYqyM
# Conflicts:
#	package-lock.json
#	package.json
@ampledata
ampledata merged commit 5d0a689 into main Aug 11, 2026
1 check passed
@ampledata
ampledata deleted the feat/design-kit-palette branch August 11, 2026 17:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant