Skip to content

feat(AUD-11): refine UI layout and theming#5

Merged
ar1603 merged 1 commit into
developmentfrom
amitraikwar/AUD-11/refine-ui-layout-and-theming
Jun 12, 2026
Merged

feat(AUD-11): refine UI layout and theming#5
ar1603 merged 1 commit into
developmentfrom
amitraikwar/AUD-11/refine-ui-layout-and-theming

Conversation

@ar1603

@ar1603 ar1603 commented Jun 12, 2026

Copy link
Copy Markdown
Member

Description of changes

Requirement

  • Align the top app bar layout with the content grid on all screen sizes (capped at 1200px/1400px).
  • Restructure the top app bar on the documentation pages to use the 1400px layout width.
  • Ensure the background visual animations (grid, light pillar WebGL) do not block cursor events.
  • Restore light mode theme responsiveness for background gradients and light pillar.

Implementation

  • Modified NavigationBar to detect '/docs' route and dynamically set maxW to 1400px and adjust paddings.
  • Set pointer-events: auto on the canvas in GridAnimation and z-index: 1 on the background wrapper in HeroSection.
  • Replaced forced class="dark" in landing page sections with theme-responsive styles.
  • Updated fragment shader in Pillar WebGL to output alpha via smoothstep, making it transparent.
  • Registered semantic color tokens 'pillar.top' and 'pillar.bottom' in theme.ts and resolved them dynamically via useToken in FeaturesSection.

Ticket: https://ar1603.atlassian.net/browse/AUD-11
Author: Amit Raikwar

- Align NavigationBar max-width to the page layout grid (1400px on docs, 1200px otherwise).
- Set background animations (GridAnimation, LightPillar) to allow cursor events on foreground.
- Remove forced "dark" mode class to restore theme responsiveness of background and feature components.
- Resolve light pillar shader transparency to avoid solid black rendering in light mode.
- Introduce and use new semantic theme tokens 'pillar.top' and 'pillar.bottom'.
- Adhere to layout and visual requirements in AUD-11.
@ar1603
ar1603 merged commit 20b745c into development Jun 12, 2026
4 checks passed
@ar1603
ar1603 deleted the amitraikwar/AUD-11/refine-ui-layout-and-theming branch June 12, 2026 17:35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants