Skip to content

Fix Edit shortlink modal visibility in dark mode#8

Draft
Copilot wants to merge 7 commits into
mainfrom
copilot/implement-dark-theme-ui
Draft

Fix Edit shortlink modal visibility in dark mode#8
Copilot wants to merge 7 commits into
mainfrom
copilot/implement-dark-theme-ui

Conversation

Copy link
Copy Markdown

Copilot AI commented Feb 14, 2026

Edit shortlink modal used hardcoded color classes that rendered UI elements invisible in dark mode.

Changes

Updated CSS classes in src/components/admin/Menu/Link/Editor/index.tsx:

  • Close button: dark:bg-whitebg-secondary
  • Close icon: text-black/40text-muted-foreground
  • Form labels: text-gray-800text-foreground (2 instances)
  • Input fields: bg-black/10bg-input text-foreground (2 instances)
  • Section border: border-black/10border-border
  • Cancel button: text-blacktext-foreground

Example

// Before
<div className="mb-1 flex gap-4 font-semibold text-gray-800">
  Shortlink
</div>
<input className="input input-ghost input-sm w-full bg-black/10" />

// After
<div className="mb-1 flex gap-4 font-semibold text-foreground">
  Shortlink
</div>
<input className="input input-ghost input-sm w-full bg-input text-foreground" />

Screenshots

Before:
Broken UI

After:
Fixed UI


✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

@codesandbox
Copy link
Copy Markdown

codesandbox Bot commented Feb 14, 2026

Review or Edit in CodeSandbox

Open the branch in Web EditorVS CodeInsiders

Open Preview

@vercel
Copy link
Copy Markdown

vercel Bot commented Feb 14, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
pepper Ready Ready Preview, Comment Feb 23, 2026 1:17am
sarfraz-alam-links Error Error Feb 23, 2026 1:17am

Co-authored-by: Sarfraz-droid <73013838+Sarfraz-droid@users.noreply.github.com>
Co-authored-by: Sarfraz-droid <73013838+Sarfraz-droid@users.noreply.github.com>
Co-authored-by: Sarfraz-droid <73013838+Sarfraz-droid@users.noreply.github.com>
Copilot AI changed the title [WIP] Add dark theme UI using shadcn and Tailwind Implement dark theme UI with shadcn/ui and Tailwind CSS Feb 14, 2026
Copilot AI requested a review from Sarfraz-droid February 14, 2026 09:22
Co-authored-by: Sarfraz-droid <73013838+Sarfraz-droid@users.noreply.github.com>
Co-authored-by: Sarfraz-droid <73013838+Sarfraz-droid@users.noreply.github.com>
Copilot AI changed the title Implement dark theme UI with shadcn/ui and Tailwind CSS Fix EditModal showing stale shortlink data across edits Feb 14, 2026
@Sarfraz-droid
Copy link
Copy Markdown
Owner

Edit shortlink section has Broken UI

Copy link
Copy Markdown
Owner

@Sarfraz-droid Sarfraz-droid left a comment

Choose a reason for hiding this comment

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

Edit Section Modal UI is broken

Co-authored-by: Sarfraz-droid <73013838+Sarfraz-droid@users.noreply.github.com>
Copilot AI changed the title Fix EditModal showing stale shortlink data across edits Fix Edit shortlink modal visibility in dark mode Feb 23, 2026
Copilot AI requested a review from Sarfraz-droid February 23, 2026 01:20
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.

2 participants