Skip to content

Feature/UI branding#583

Merged
DavertMik merged 24 commits into
docsfrom
feature/ui-branding
Jun 3, 2026
Merged

Feature/UI branding#583
DavertMik merged 24 commits into
docsfrom
feature/ui-branding

Conversation

@DavertMik

Copy link
Copy Markdown
Contributor

No description provided.

xevgeniy-ellinskiyx and others added 22 commits May 27, 2026 23:25
- Add separate logo for dark and light themes (logo-dark.svg, logo-light.svg)
- Hide site title text next to logo (replacesTitle: true)
- Set logo max-height to 28px
- Replace primary accent colors with Tailwind Indigo palette:
  light theme → indigo-500 (#6366f1)
  dark theme  → indigo-400 (#818cf8)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Set base article text to 14px, scale headings down ~15% from Starlight defaults, and reduce hero tagline to 16px across all breakpoints.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Matches the same hover fill used on nav items for both light and dark themes.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Add 12px border-radius to code blocks with custom thin scrollbar. Copy button hidden by default, appears on frame hover, shows subtle fill on button hover — adapted for light and dark themes.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Rounded corners 8px on blocks, 6px on copy button. Hide decorative header, add subtle outline border, reposition copy button to top-right with border on hover. Inline code border-radius 6px.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Add Tailwind neutral palette as CSS variables, apply to Starlight gray tokens for both themes. Set dark theme bg colors (content/nav/sidebar), inline code backgrounds, sidebar active state, and code block styling.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Smooth sliding indicator that follows the active heading on scroll.
Overrides Starlight's TableOfContents with an animated 2px line that
moves instantly on page load (no shoot effect) and transitions smoothly
on scroll via MutationObserver + requestIdleCallback.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Add SVG icons for all 9 top-level sidebar groups via CSS mask-image
- Set nav item height to 32px via padding-block
- Fix nested accordion font-size to 14px (level 2+)
- Align nesting border line under group icon

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Remove custom reduced font-size overrides for .sl-markdown-content and headings, restoring Starlight defaults as in the docs branch.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Replace hardcoded rgb values in docsearch modal with neutral palette tokens,
split into explicit light/dark theme overrides. Focus border uses indigo (brand) color.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Deletes TableOfContents.astro and TOCList.astro (snake animation +
MutationObserver scroll-spy), restores Starlight's default TOC, and
resets padding-inline-start so list items align flush with the "On this
page" heading.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented Jun 2, 2026

Copy link
Copy Markdown

Deploying docs with  Cloudflare Pages  Cloudflare Pages

Latest commit: 8e82924
Status: ✅  Deploy successful!
Preview URL: https://72aaed64.docs-c7r.pages.dev
Branch Preview URL: https://feature-ui-branding.docs-c7r.pages.dev

View logs

xevgeniy-ellinskiyx and others added 2 commits June 2, 2026 14:22
…build errors

Images were rewritten to local paths before being downloaded, causing Astro
build failures when any image fetch returned 403. Now downloads happen first,
and only successfully downloaded images get local paths; failed ones fall back
to raw GitHub URLs.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…idebar

Starlight's default --sl-color-black is hsl(224, 10%, 10%) which has a blue
hue and is used as the mobile sidebar panel background. Override it with
--neutral-900 (#171717) to keep the dark theme fully neutral.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@DavertMik DavertMik merged commit b6d06e6 into docs Jun 3, 2026
3 checks passed
@DavertMik DavertMik deleted the feature/ui-branding branch June 3, 2026 18:54
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.

2 participants