Skip to content

Add Light Mode and Settings for Color Scheme#6

Open
jan-bitgrip wants to merge 1 commit into
mainfrom
cosine/add-light-mode-styles-k9y0xl
Open

Add Light Mode and Settings for Color Scheme#6
jan-bitgrip wants to merge 1 commit into
mainfrom
cosine/add-light-mode-styles-k9y0xl

Conversation

@jan-bitgrip

Copy link
Copy Markdown
Collaborator

This pull request introduces styles for a light mode along with a settings interface to toggle between light and dark modes. Key changes include:

  1. Color Scheme Handling: A new JavaScript file (contentScript.js) has been added to handle the application of color modes based on user preferences or system settings.

  2. User Settings Interface: An options page (options.html) has been created that provides radio buttons for users to select their preferred color mode (System default, Light mode, Dark mode). The selection is saved using Chrome's storage API.

  3. CSS Updates: The main stylesheet (styles.css) was updated to include corresponding CSS variables for light and dark themes, allowing for easier customization based on the selected mode.

  4. Manifest Update: The manifest.json was modified to include the options page and required permissions.

This enhancement ensures a more flexible and user-friendly experience by allowing users to choose a visual style that suits their preference.


This pull request was co-created with Cosine Genie

Original Task: bitgrip-presentation-styles/nyufzjb3w2jn
Author: Jan-Henrik Hempel

@jan-bitgrip jan-bitgrip linked an issue Jun 13, 2025 that may be closed by this pull request
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.

Add styles for light mode

1 participant