From 44bc838f6aeb4ac5b1f7f67e47edb4fd10286733 Mon Sep 17 00:00:00 2001 From: qixing-jk Date: Sun, 7 Sep 2025 22:06:28 +0800 Subject: feat(extension): Add theme and dynamic icon support (#1894) * feat: add theme selection support to browser extension - integrate theme settings with plugin settings storage - add theme selector dropdown to options page - implement custom ThemeProvider using plugin settings - include new Select UI component for theme selection * feat(extension): add dynamic icon theme switching (#1100) Add updateIcon() function to dynamically change extension icon based on selected theme (light/dark/system). Update icon on initial load and when settings change to reflect current theme preference. Closes #1100 * fix(extension): switch dark mode strategy from media to selector This allows manual control over dark mode via class toggling rather than relying on the OS/browser preference. * fix(extension): move icon update logic to content script The `window` object is inaccessible in the background script, causing icon updates to fail. This change relocates the icon update logic to the content script where `window.matchMedia` is available. - Remove `updateIcon` function from background script - Add icon update logic to `ThemeProvider` component - Consolidate theme and icon updates in single effect * feat(settings): make theme field required in settings schema Remove optional flag from theme field to enforce presence in settings validation schema. * deps: Upgrade the extension deps * minor fixes --------- Co-authored-by: MohamedBassem --- apps/browser-extension/tailwind.config.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'apps/browser-extension/tailwind.config.js') diff --git a/apps/browser-extension/tailwind.config.js b/apps/browser-extension/tailwind.config.js index d378ba15..d140560b 100644 --- a/apps/browser-extension/tailwind.config.js +++ b/apps/browser-extension/tailwind.config.js @@ -1,7 +1,7 @@ import web from "@karakeep/tailwind-config/web"; const config = { - darkMode: "media", + darkMode: "selector", content: web.content, presets: [web], }; -- cgit v1.2.3-70-g09d2