Add dark mode and live theme sync for custom visualization

[MrJarnould]

Important

Adds dark mode and live theme synchronization to custom visualization in aw-watcher-input, with updates to index.js, index.pug, and README.md.

• Behavior:
  • Adds dark mode and live theme sync to custom visualization in index.js.
  • Functions normalizeTheme, getStoredThemePreference, resolveThemePreference, resolveActualTheme, applyTheme, applyCurrentTheme, and installThemeSync manage theme preferences and synchronization.
  • applyCurrentTheme() and installThemeSync() called in load() to apply and sync theme.
• Styles:
  • Defines CSS variables for light and dark themes in index.pug.
  • Applies theme variables to body and #status elements.
• Documentation:
  • Updates README.md to mention support for light and dark mode, following ActivityWatch Theme settings.

^{This description was created by for 8c47071. You can customize this summary. It will automatically update as commits are pushed.}

[ellipsis-dev]

Important

Looks good to me! 👍

Reviewed everything up to 8c47071 in 12 seconds. Click for details.

• Reviewed 123 lines of code in 3 files
• Skipped 0 files when reviewing.
• Skipped posting 0 draft comments. View those below.
• Modify your settings and rules to customize what types of comments Ellipsis leaves. And don't forget to react with 👍 or 👎 to teach Ellipsis.

Workflow ID: wflow_tOkjd2qPNkPmMYK6

^{You can customize by changing your verbosity settings, reacting with 👍 or 👎, replying to comments, or adding code review rules.}