🚀 Feature: Support adaptive logos for light and dark browser themes #114

Closed
opened 2025-10-07 23:53:34 +03:00 by OVERLORD · 1 comment
Owner

Originally created by @fred8044 on GitHub.

Feature description

Hi,

Currently, when using Pocket ID, logos can become difficult to see depending on the user's system theme — especially if the logo color doesn’t contrast well with the background (e.g., light logo on light theme).

This feature request proposes to add support for theme-based logos, allowing developers or users to upload two logo variants:

One optimized for light mode (dark logo)

One optimized for dark mode (light logo)

Pocket ID would then automatically detect the user’s theme preference and serve the appropriate logo. This behavior is similar to how GitHub provides icon variants for both themes (see attached screenshot for reference).

Benefits:

Improved accessibility and readability

Professional appearance in all themes

No need for users to manually adjust logos

Thank you for considering this improvement!

Image Image Image

Pitch

Make logos in Pocket ID automatically adapt to the browser's light or dark theme for better visibility and user experience.

Originally created by @fred8044 on GitHub. ### Feature description Hi, Currently, when using Pocket ID, logos can become difficult to see depending on the user's system theme — especially if the logo color doesn’t contrast well with the background (e.g., light logo on light theme). This feature request proposes to add support for theme-based logos, allowing developers or users to upload two logo variants: One optimized for light mode (dark logo) One optimized for dark mode (light logo) Pocket ID would then automatically detect the user’s theme preference and serve the appropriate logo. This behavior is similar to how GitHub provides icon variants for both themes (see attached screenshot for reference). Benefits: Improved accessibility and readability Professional appearance in all themes No need for users to manually adjust logos Thank you for considering this improvement! <img width="619" height="709" alt="Image" src="https://github.com/user-attachments/assets/2da5f8fe-30dc-47bd-ad78-97b7cded9f8d" /> <img width="556" height="341" alt="Image" src="https://github.com/user-attachments/assets/63d0b667-ecbb-4cc3-a774-2c23145718e0" /> <img width="555" height="372" alt="Image" src="https://github.com/user-attachments/assets/f7ca31df-0e8f-4953-87d0-b2c23f7d44ab" /> ### Pitch Make logos in Pocket ID automatically adapt to the browser's light or dark theme for better visibility and user experience.
Author
Owner

@bluewalk commented on GitHub:

Duplicate of #744

@bluewalk commented on GitHub: Duplicate of #744
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/pocket-id-pocket-id-1#114