Skip to content

Implement Dark Theme Support for Admin Dashboard #4

Description

@rushiii3

Describe the bug

There are two UI/UX issues observed in the Register/Signup page and the Podcast screen.

1. Labels Not Visible in Register / Signup Page

On the register/signup page, the input fields do not clearly display labels. The placeholder text color is very similar to the input background color, making it difficult for users to understand what each input field represents.

Because of this:

  • The placeholder text is hard to read
  • Users may need to guess the expected input
  • It negatively affects form usability and accessibility

Currently, the form relies mainly on placeholder text instead of clearly visible labels.

2. Button Partially Hidden Under Tabs in Podcast Screen

On the podcast screen, there is a button located below the tab section that appears to be partially hidden or overlapped by the tabs.

Only a small portion of the button is visible, which makes it:

  • Hard to identify
  • Difficult to interact with
  • Visually inconsistent with the rest of the UI

This suggests a layout or spacing issue between the tab component and the button.


Expected behavior

Register / Signup Page

  • Each input field should have a clearly visible label
  • Placeholder text should have sufficient contrast with the input background
  • Users should easily understand what information each field requires without guessing

Podcast Screen

  • The button below the tabs should be fully visible
  • UI elements should not overlap
  • Proper spacing or layout adjustments should ensure all elements are clearly accessible

Add Screenshots

  • The register/signup form inputs where placeholders are not visible
Image
  • The podcast screen where the button is partially hidden under the tabs
Image

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