Skip to content

Issue #273: add ThemeToggle component and update theme#588

Draft
lsr-explore wants to merge 1 commit into
mainfrom
lsr-explore/gh-273/light-dark-toggle
Draft

Issue #273: add ThemeToggle component and update theme#588
lsr-explore wants to merge 1 commit into
mainfrom
lsr-explore/gh-273/light-dark-toggle

Conversation

@lsr-explore
Copy link
Copy Markdown
Contributor

Add ThemeToggle component and update theme

Fixes

Note

See issue for open questions

image image

@netlify
Copy link
Copy Markdown

netlify Bot commented May 15, 2026

Deploy Preview for accessiblecommunity ready!

Name Link
🔨 Latest commit 9a08b03
🔍 Latest deploy log https://app.netlify.com/projects/accessiblecommunity/deploys/6a06d2028e91040008161289
😎 Deploy Preview https://deploy-preview-588--accessiblecommunity.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@lsr-explore lsr-explore linked an issue May 15, 2026 that may be closed by this pull request
<slot />

<style lang="scss">
<style is:global lang="scss">
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Note to reviewer: Without this, the nav bar in the top header was not styled correctly and the menu items were not visible.

@charset "UTF-8";

$color-mode-type: media-query;
$color-mode-type: data-attribute;
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Note to reviewer: See Bootstrap docs - Building with SASS for description

@@ -1,4 +1,4 @@
// To be included in components and pages that need additional dark mode rules.
$color-mode-type: media-query;
$color-mode-type: data-attribute;
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Note to reviewer: See Bootstrap docs - Building with SASS for description

@lsr-explore lsr-explore force-pushed the lsr-explore/gh-273/light-dark-toggle branch from da414ae to 9a08b03 Compare May 15, 2026 07:57
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 light/dark mode option for users to switch between

1 participant