Skip to content

Hero section text/buttons not following dark theme#346

Description

@theaditigarg25-ops

馃悰 Bug: Hero section text/buttons not following dark theme

Description

On the "Join the team building the future of creator tools" hero/careers section, the heading text renders in black, making it nearly invisible against the dark purple gradient background. Additionally, the role filter buttons (Designer, Backend Dev, Frontend Dev, Marketing, Product, Community) use a plain white background, which clashes with the overall dark theme of the page.

Steps to Reproduce

  1. Go to the [Careers/Join the Team] page
  2. Scroll to the hero section with the heading and role pills
  3. Observe the heading text color and the button styling

Expected Behavior

  • The heading text should use a color (e.g. white or a light theme-appropriate shade) that is clearly readable against the dark gradient background.
  • The role/filter buttons should follow the site's dark theme color palette (e.g. dark background with light text, or an accent color consistent with the brand), instead of standalone white pills.

Actual Behavior

  • Heading text appears black/very dark, blending into the background and becoming unreadable.
  • Buttons use white background + dark text, which looks inconsistent with the rest of the dark-themed UI.

Screenshots

Image

Suggested Fix

  • Update the heading's CSS color property to a light/white shade or use the theme's primary text color variable.
  • Restyle the buttons to match the dark theme (e.g. use bg-dark / accent border with light text, or a subtle glassmorphism style consistent with the hero section).

Additional Context

Found while exploring the site for GSSoC 2026 contributions. Happy to work on this fix if assigned!

Labels

bug, UI/UX, good first issue, gssoc26

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions