fix(ui): Inconsistent navbar styling in dark mode

[dedyf5]

Fix: Inconsistent Navbar Styling in Dark Mode

1. Does this PR affect any open issues?(Y/N) and add issue references:

• N
• Y
  fix [BUG] Inconsistent Navbar Styling in Dark Mode #524

2. What is the scope of this PR (e.g. component or file name):

website/ui (specifically src/css/custom.css and related navbar styles)

3. Provide a description of the PR(e.g. more details, effects, motivations or doc link):

• Affects user behaviors (improved navigation clarity)
• Contains syntax changes
• Contains variable changes
• Contains experimental features
• Performance regression: Consumes more CPU
• Performance regression: Consumes more Memory
• Other (UI/Visual Improvement - Navbar Layout)

This PR addresses the issue where the navigation bar items would wrap to a second line when the website is viewed in dark mode. The inconsistent layout made the navbar appear untidy and could hinder user navigation.

Visual Changes:

Theme	Status	Screenshot
Dark Mode	Before
Dark Mode	After
Light Mode	Unaffected

4. Are there any breaking changes?(Y/N) and describe the breaking changes(e.g. more details, motivations or doc link):

• N
• Y

5. Are there test cases for these changes?(Y/N) select and add more details, references or doc links:

• Unit test
• Integration test
• Benchmark (add benchmark stats below)
• Manual test (add detailed scripts or steps below)
• Other

Manual Test Steps:

1. Navigate to https://www.kcl-lang.io/ (or your local website build) in a web browser.
2. Switch the website theme to Dark Mode using the theme toggle in the top right of the navbar.
3. Verify that all navigation bar items remain on a single line and maintain a consistent layout, without wrapping or dropping down.
4. Switch back to Light Mode to ensure the layout remains unaffected and correct.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
kcl-lang-io	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 10, 2025 6:16am

[Peefy]

Good Job! LGTM!