Skip to content

Refresh hub index page card styling#2400

Merged
mishig25 merged 3 commits into
mainfrom
victor/hub-index-styling-refresh
Apr 17, 2026
Merged

Refresh hub index page card styling#2400
mishig25 merged 3 commits into
mainfrom
victor/hub-index-styling-refresh

Conversation

@gary149

@gary149 gary149 commented Apr 16, 2026

Copy link
Copy Markdown
Contributor
image

Summary

  • Softer light-mode gradients (from-*-50/50) and subtle dark-mode tints (dark:from-*-500/5)
  • Dark-mode section titles now use dark:text-white; unified card borders (dark:border-gray-850)
  • Tighter inner card spacing (space-y-1); more breathing room under titles (mb-2)
  • Links: text-gray-700 default, hover:text-gray-900; in dark dark:text-gray-400dark:hover:text-white (no more opacity fade)
  • Removed hover:shadow-sm and transition-colors from the card container
  • not-prose on the grid so the typography plugin doesn't restyle the card content
  • Updated the Subscriptions & Plans icon to the TE brand mark and the Agents icon to the new chibi-bot used in the sidebar nav

Test plan

  • Preview /docs/hub/index locally (light + dark)
  • Confirm all links resolve and headings render correctly

Note: the renderer also needs the new utility classes whitelisted so Tailwind picks them up (handled in a companion internal PR).


Note

Low Risk
Docs-only styling and SVG changes; main risk is minor visual regressions in light/dark mode rendering.

Overview
Updates the docs/hub/index.md landing-page card grid to a new visual style: adds not-prose to prevent typography restyling, tightens spacing, unifies dark-mode borders/tints, and adjusts gradients.

Standardizes link and heading colors/hover behavior (removing opacity fade and card hover shadow), and swaps the inline SVG icons for Subscriptions & Plans and Agents to new brand assets.

Reviewed by Cursor Bugbot for commit 467c5f1. Bugbot is set up for automated code reviews on this repo. Configure here.

- Softer light-mode gradients (from-*-50/50) and subtle dark-mode tints (dark:from-*-500/5)
- White card titles in dark mode, unified gray-850 borders
- Tighter card spacing (space-y-1) and wider title margin (mb-2)
- Link default text-gray-700, hover text-gray-900; dark:text-gray-400 → dark:hover:text-white
- Drop hover:shadow/transition from container, keep subtle hover translate on links
- not-prose on grid so typography plugin doesn't style the card content
- Refresh Subscriptions & Plans icon (TE) and Agents icon (chibi bot) to match sidebar
@gary149 gary149 requested a review from mishig25 April 16, 2026 16:55
@HuggingFaceDocBuilderDev

Copy link
Copy Markdown

The docs for this PR live here. All of your documentation changes will be reflected on that endpoint. The docs are available until 30 days after the last update.

@cursor cursor Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes and found 1 potential issue.

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit 4711bbf. Configure here.

Comment thread docs/hub/index.md

@mishig25 mishig25 left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm! do NOT merge yet, I will merge it when prod version of new tailwinds classes are deployed

@gary149

gary149 commented Apr 17, 2026

Copy link
Copy Markdown
Contributor Author

lgtm! do NOT merge yet, I will merge it when prod version of new tailwinds classes are deployed

ok ty

@mishig25 mishig25 merged commit fd56424 into main Apr 17, 2026
3 checks passed
@mishig25 mishig25 deleted the victor/hub-index-styling-refresh branch April 17, 2026 11:55
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.

3 participants