👉 Preview 👉 Workflow runs 👉 Branch on GitHub

Step: 2 first pass of typography

Fixups

Step: 3 migrate border radii

Step: 4 migrate icons

Step: 5 migrate elevations

Fix tests

Repo cards

Node view layout, avatars and repo card styling

More fixes

Squash

Replace font-preloads

Fix invisible text in private badge variant

The .private badge had both color and background-color set to –color-feedback-warning-text, making the text invisible. Use –color-feedback-warning-bg for the background instead.

Replace undefined –border-radius-xs with –border-radius-sm

–border-radius-xs was used in 6 places but never defined, causing state indicator badges to lose their border radius. Use the existing –border-radius-sm token instead.

Define –txt-code-semibold and drop –txt-code-bold

Consolidate code font weights to two: regular (400) and semibold (600). The –txt-code-bold (700) token was only used in DiffStatBadge — switch it to semibold for consistency with the rest of the code typography.

Remove duplicate path in eye-slash icon

The same SVG path was rendered twice due to a copy-paste error.

Remove invalid flex-shrink from ActivityDiagram

The value “none” is not valid for flex-shrink and was being ignored. The min-width already prevents shrinking.

Fix alt text in UserAvatar component

Fix undefined CSS class in RepoAvatar placeholder

Use inline style instead of nonexistent bg-surface-subtle class.

Use semantic color tokens for text and border

Replace –color-surface-brand-primary with –color-text-brand for text color contexts and –color-border-brand for border and box-shadow contexts. Surface tokens are kept only for background-color properties where they are semantically correct.

Fix repo card layout to prevent description overflow

Replace absolute positioning of activity diagram with flex layout so content and activity sit side by side. Limit description to one line with ellipsis overflow.

Only show node banner when bannerUrl is available

Fix popover clipping inside sidebar overflow

Use position: fixed with computed viewport coordinates so popovers escape the sidebar overflow-y clipping. Remove position: sticky from sidebar as it created a containing block trapping fixed elements.

Revert “Fix popover clipping inside sidebar overflow”

This reverts commit 01f781aad7eea60de17d1124401afd844af6f34f.

Fix sidebar popover clipping

Remove position: sticky and overflow-y: auto from the left sidebar so that popovers inside it are not clipped by the overflow context.

Unify brand colors to blue

Remove green garden brand, make blue the single brand color. Remove desktop brand overrides as they are now redundant.

Move settings to sidebar, remove logo and header from node page

Fix invisible text in private badge variant

The .private badge had both color and background-color set to –color-feedback-warning-text, making the text invisible. Use –color-feedback-warning-bg for the background instead.

Replace undefined –border-radius-xs with –border-radius-sm

–border-radius-xs was used in 6 places but never defined, causing state indicator badges to lose their border radius. Use the existing –border-radius-sm token instead.

Define –txt-code-semibold and drop –txt-code-bold

Consolidate code font weights to two: regular (400) and semibold (600). The –txt-code-bold (700) token was only used in DiffStatBadge — switch it to semibold for consistency with the rest of the code typography.

Remove duplicate path in eye-slash icon

The same SVG path was rendered twice due to a copy-paste error.

Remove invalid flex-shrink from ActivityDiagram

The value “none” is not valid for flex-shrink and was being ignored. The min-width already prevents shrinking.

Fix alt text in UserAvatar component

Fix undefined CSS class in RepoAvatar placeholder

Use inline style instead of nonexistent bg-surface-subtle class.

Use semantic color tokens for text and border

Replace –color-surface-brand-primary with –color-text-brand for text color contexts and –color-border-brand for border and box-shadow contexts. Surface tokens are kept only for background-color properties where they are semantically correct.

Fix repo card layout to prevent description overflow

Replace absolute positioning of activity diagram with flex layout so content and activity sit side by side. Limit description to one line with ellipsis overflow.

Only show node banner when bannerUrl is available

Fix popover clipping inside sidebar overflow

Use position: fixed with computed viewport coordinates so popovers escape the sidebar overflow-y clipping. Remove position: sticky from sidebar as it created a containing block trapping fixed elements.

Revert “Fix popover clipping inside sidebar overflow”

This reverts commit 01f781aad7eea60de17d1124401afd844af6f34f.

Fix sidebar popover clipping

Remove position: sticky and overflow-y: auto from the left sidebar so that popovers inside it are not clipped by the overflow context.

Unify brand colors to blue

Remove green garden brand, make blue the single brand color. Remove desktop brand overrides as they are now redundant.

Move settings to sidebar, remove logo and header from node page

Revert “Move settings to sidebar, remove logo and header from node page”

This reverts commit 99344afa1a88e3f1d722cf2a7475aa9a2fb392dd.

Replace logo, hide on breadcrumb pages, unify settings to header

Fix invisible text in private badge variant

The .private badge had both color and background-color set to –color-feedback-warning-text, making the text invisible. Use –color-feedback-warning-bg for the background instead.

Replace undefined –border-radius-xs with –border-radius-sm

–border-radius-xs was used in 6 places but never defined, causing state indicator badges to lose their border radius. Use the existing –border-radius-sm token instead.

Define –txt-code-semibold and drop –txt-code-bold

Consolidate code font weights to two: regular (400) and semibold (600). The –txt-code-bold (700) token was only used in DiffStatBadge — switch it to semibold for consistency with the rest of the code typography.

Remove duplicate path in eye-slash icon

The same SVG path was rendered twice due to a copy-paste error.

Remove invalid flex-shrink from ActivityDiagram

The value “none” is not valid for flex-shrink and was being ignored. The min-width already prevents shrinking.

Fix alt text in UserAvatar component

Fix undefined CSS class in RepoAvatar placeholder

Use inline style instead of nonexistent bg-surface-subtle class.

Use semantic color tokens for text and border

Replace –color-surface-brand-primary with –color-text-brand for text color contexts and –color-border-brand for border and box-shadow contexts. Surface tokens are kept only for background-color properties where they are semantically correct.

Fix repo card layout to prevent description overflow

Replace absolute positioning of activity diagram with flex layout so content and activity sit side by side. Limit description to one line with ellipsis overflow.

Only show node banner when bannerUrl is available

Fix popover clipping inside sidebar overflow

Use position: fixed with computed viewport coordinates so popovers escape the sidebar overflow-y clipping. Remove position: sticky from sidebar as it created a containing block trapping fixed elements.

Revert “Fix popover clipping inside sidebar overflow”

This reverts commit 01f781aad7eea60de17d1124401afd844af6f34f.

Fix sidebar popover clipping

Remove position: sticky and overflow-y: auto from the left sidebar so that popovers inside it are not clipped by the overflow context.

Unify brand colors to blue

Remove green garden brand, make blue the single brand color. Remove desktop brand overrides as they are now redundant.

Move settings to sidebar, remove logo and header from node page

Revert “Move settings to sidebar, remove logo and header from node page”

This reverts commit 99344afa1a88e3f1d722cf2a7475aa9a2fb392dd.

Replace logo, hide on breadcrumb pages, unify settings to header

Fix node address layout to wrap instead of single row

Improve repo card layout and hide activity on narrow cards

Adjust activity diagram size and responsive threshold

Fix profile sidebar name and key overflow

Squash Julien’s commits

Remove llm files

Polish

Styling tweaks

Fix tests

More tweaks

More styling tweaks

@rudolfs, my machine picked this up. I’m not entirely sure about this but wanted to flag:

Svelte attribute interpolation uses {expr}, not ${expr}. The ${...} syntax only works inside JS backtick template literals, so in these places the expression renders literally instead of being evaluated:

• src/views/repos/Issues.svelte:213
• src/views/repos/Patches.svelte:223
• src/views/repos/Cob/Revision.svelte:447
• src/views/repos/History.svelte:164, 174

For example:

description="Please make sure you are able to connect to the seed <code>${baseUrlToString(api.baseUrl)}</code>"

should be:

description="Please make sure you are able to connect to the seed <code>{baseUrlToString(api.baseUrl)}</code>"

Fix assorted bugs found during review

• Remove debug background-color: pink from mobile footer
• Fix missing closing paren in CSS var() in ContextRepo
• Use merge timestamp instead of revision timestamp for merge timeline events in Revision
• Fix activity.length >= 0 (always true) to > 0 in ActivityDiagram

Clean up code review findings

• Fix color token typo: quarternary -> quaternary
• Fix neutrals-alpha-light-700 duplicate value (should be 64% opacity)
• Make Badge role=“button” and tabindex conditional on onClick
• Remove unused global-flex class references
• Remove invalid justify-items on flex container in Sidebar
• Remove duplicate border-left in Patch metadata
• Remove duplicate .txt-id rule from index.css (kept in typography.css)

Fix assorted bugs found during review

• Remove debug background-color: pink from mobile footer
• Fix missing closing paren in CSS var() in ContextRepo
• Use merge timestamp instead of revision timestamp for merge timeline events in Revision
• Fix activity.length >= 0 (always true) to > 0 in ActivityDiagram

Clean up code review findings

• Fix color token typo: quarternary -> quaternary
• Fix neutrals-alpha-light-700 duplicate value (should be 64% opacity)
• Make Badge role=“button” and tabindex conditional on onClick
• Remove unused global-flex class references
• Remove invalid justify-items on flex container in Sidebar
• Remove duplicate border-left in Patch metadata
• Remove duplicate .txt-id rule from index.css (kept in typography.css)

Fix breadcrumb avatar spacing and chevron alignment

• Increase gap between avatar and hostname from 0.25rem to 0.5rem
• Remove redundant margin-right on avatar class
• Shift chevron-right icon 1px right for better visual centering

Fix inline code block sizing in titles

Inherit font-size from parent so code blocks scale with the title size instead of always using the small txt-code-regular size.

Fix assorted bugs found during review

• Remove debug background-color: pink from mobile footer
• Fix missing closing paren in CSS var() in ContextRepo
• Use merge timestamp instead of revision timestamp for merge timeline events in Revision
• Fix activity.length >= 0 (always true) to > 0 in ActivityDiagram

Clean up code review findings

• Fix color token typo: quarternary -> quaternary
• Fix neutrals-alpha-light-700 duplicate value (should be 64% opacity)
• Make Badge role=“button” and tabindex conditional on onClick
• Remove unused global-flex class references
• Remove invalid justify-items on flex container in Sidebar
• Remove duplicate border-left in Patch metadata
• Remove duplicate .txt-id rule from index.css (kept in typography.css)

Fix breadcrumb avatar spacing and chevron alignment

• Increase gap between avatar and hostname from 0.25rem to 0.5rem
• Remove redundant margin-right on avatar class
• Shift chevron-right icon 1px right for better visual centering

Fix inline code block sizing in titles

Inherit font-size from parent so code blocks scale with the title size instead of always using the small txt-code-regular size.

Fix settings popover hidden behind sidebar on mobile

The header popover had no stacking context, so on mobile the sidebar (z-index: 100) would overlap it. Give the header z-index: 200 so the popover renders on top.

Fix lints

Squash

Fix e2e spec

Fix markdown code block copy-to-clipboard functionality

Add test for markdown code block copy to clipboard

Tweak activity diagram

Inline txt-missing token, it doesn’t exist in the UI kit

Fix lints

Squash

Good catch. Fixed.

Code review

Squash

Fix mime type

Last fixes