starred/karakeep

Fork 0

mirror of https://github.com/karakeep-app/karakeep.git synced 2026-04-25 16:06:04 +03:00

[GH-ISSUE #1100] Dark theme option for browser extension. #722

New issue

Closed

opened 2026-03-02 11:52:10 +03:00 by kerem · 5 comments

kerem commented

2026-03-02 11:52:10 +03:00

Owner

Originally created by @jalrok on GitHub (Mar 7, 2025).
Original GitHub issue: https://github.com/karakeep-app/karakeep/issues/1100

Describe the feature you'd like

A simple dropdown to allow for dark/light/auto theme in the extension options. Bonus points if it could follow the user's preference that is set on the hoarder server.

Describe the benefits this would bring to existing Hoarder users

This is a simple quality of life improvement, and enhances the hoarder ecosystem by making the experience more cohesive.

Can the goal of this request already be achieved via other means?

Have you searched for an existing open/closed issue?

I have searched for existing issues and none cover my fundamental request

Additional context

No response

Originally created by @jalrok on GitHub (Mar 7, 2025). Original GitHub issue: https://github.com/karakeep-app/karakeep/issues/1100 ### Describe the feature you'd like A simple dropdown to allow for dark/light/auto theme in the extension options. Bonus points if it could follow the user's preference that is set on the hoarder server. ### Describe the benefits this would bring to existing Hoarder users This is a simple quality of life improvement, and enhances the hoarder ecosystem by making the experience more cohesive. ### Can the goal of this request already be achieved via other means? No ### Have you searched for an existing open/closed issue? - [x] I have searched for existing issues and none cover my fundamental request ### Additional context _No response_

kerem

2026-03-02 11:52:10 +03:00

closed this issue
added the
feature request

status/approved

pri/low
labels

kerem commented

2026-03-02 11:52:12 +03:00

Author

Owner

@LeonKohli commented on GitHub (Mar 11, 2025):

Plus, I would love a white icon for dark mode users and a dark one for white mode users.

https://stackoverflow.com/questions/58880234/toggle-chrome-extension-icon-based-on-light-or-dark-mode-browser

@LeonKohli commented on GitHub (Mar 11, 2025): Plus, I would love a white icon for dark mode users and a dark one for white mode users. ![Image](https://github.com/user-attachments/assets/85f41607-f67a-4ef6-b6b7-cef1ee0fc86e) https://stackoverflow.com/questions/58880234/toggle-chrome-extension-icon-based-on-light-or-dark-mode-browser

kerem commented

2026-03-02 11:52:12 +03:00

Author

Owner

@ashebanow commented on GitHub (May 19, 2025):

@LeonKohli couldn't agree more. The current black icon in Chrome is almost invisible in dark mode.

@ashebanow commented on GitHub (May 19, 2025): @LeonKohli couldn't agree more. The current black icon in Chrome is almost invisible in dark mode.

kerem commented

2026-03-02 11:52:12 +03:00

Author

Owner

@renantmagalhaes commented on GitHub (Aug 10, 2025):

I was looking for this too.

Readability in dark mode is poor.

For now, I’m hiding the icon and using a shortcut to launch it. It works, but having the icon visible would be better.

@renantmagalhaes commented on GitHub (Aug 10, 2025): <img width="635" height="310" alt="Image" src="https://github.com/user-attachments/assets/a7510721-2855-46e0-a3a7-87ff4d8f26c8" /> I was looking for this too. Readability in dark mode is poor. For now, I’m hiding the icon and using a shortcut to launch it. It works, but having the icon visible would be better.

kerem commented

2026-03-02 11:52:12 +03:00

Author

Owner

@naderi commented on GitHub (Aug 11, 2025):

Same here! This is what it looks like for me:

@naderi commented on GitHub (Aug 11, 2025): Same here! This is what it looks like for me: <img width="362" height="91" alt="Image" src="https://github.com/user-attachments/assets/2941cf06-86cb-4bbd-b92f-cca5e88e5cfd" />

kerem commented

2026-03-02 11:52:12 +03:00

Author

Owner

@renantmagalhaes commented on GitHub (Sep 6, 2025):

Okayy, I was able to resolve the issue, but it only works if you use the Vivaldi browser and apply custom CSS modules.

github.com/renantmagalhaes/workstation@588fe05ba5/utils/vivaldi/VivaldiAir.css (L1079-L1083)

@renantmagalhaes commented on GitHub (Sep 6, 2025): Okayy, I was able to resolve the issue, but it only works if you use the Vivaldi browser and apply custom CSS modules. https://github.com/renantmagalhaes/workstation/blob/588fe05ba5383cf26f40a8dcc50bbf883521bcd1/utils/vivaldi/VivaldiAir.css#L1079-L1083 <img width="458" height="450" alt="Image" src="https://github.com/user-attachments/assets/380e13a6-dd2f-4083-8c0c-dbfffafd2d73" />

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

starred/karakeep#722

No description provided.

Rows
Columns