-
Notifications
You must be signed in to change notification settings - Fork 12
DOC-261 dark theme #286
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: master
Are you sure you want to change the base?
DOC-261 dark theme #286
Conversation
✅ Deploy Preview for lucid-bassi-1dc305 ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull Request Overview
Implements a dark theme and theme switching across the docs site.
- Adds a client-side color theme switcher (light/dark) and meta color-scheme control.
- Refactors CSS to use theme-aware variables (light-dark), updates components and icons for dark mode.
- Minor UI/content tweaks (logo link, search UI updates, privacy layout styling).
Reviewed Changes
Copilot reviewed 26 out of 39 changed files in this pull request and generated 10 comments.
Show a summary per file
File | Description |
---|---|
src/partials/header-content.hbs | Adds color theme switcher buttons and updates logo link target. |
src/partials/head-styles.hbs | Introduces meta color-scheme and removes unused inline styling. |
src/partials/head-scripts.hbs | Cleans up data attribute in Ask AI script include. |
src/partials/feedback-footer.hbs | Replaces lifebuoy image with inline SVG for theme-friendly rendering. |
src/partials/body-home.hbs | Replaces connectors card image with inline SVG. |
src/partials/algolia-search.hbs | Tweaks no-results message and adds theme-specific logo variants. |
src/layouts/privacy.hbs | Adjusts privacy page styles for dark mode and includes site.js. |
src/layouts/home.hbs | Removes legacy body-dark class from home page layout. |
src/js/07-dark-theme-switcher.js | New script to persist and toggle the color-scheme meta content. |
src/css/vars.css | Adds/updates theme variables using light-dark and new semantic tokens. |
src/css/toc.css | Removes focused background styling. |
src/css/search.css | Dark theme adjustments for Algolia search components. |
src/css/page-versions.css | Theme-aware colors and simplified background shorthand. |
src/css/nav.css | Theme-aware backgrounds, caret icons, and version picker styling. |
src/css/main.css | Uses theme-aware border and content backgrounds. |
src/css/home.css | Theme-aware backgrounds and link color updates; home body class update. |
src/css/highlight.css | Theme-aware highlight colors and variable rename for bold weight. |
src/css/header.css | Theme-aware header and adds theme switcher button styles. |
src/css/footer.css | Theme-aware footer colors. |
src/css/feedback.css | Theme-aware feedback panel colors and dark-mode icon variants. |
src/css/doc.css | Theme-aware table headings and external-link icon in dark mode; code scrollbar color. |
src/css/clipboard.css | Theme-aware copy button hover background. |
src/css/base.css | Removes dead comments and a:active background override. |
src/css/admonition.css | Sets text color on admonitions (potential contrast issue). |
src/css/404.css | Theme-aware border color. |
preview-src/privacy.adoc | Adds a privacy page layout stub. |
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
Co-authored-by: Copilot <[email protected]>
Co-authored-by: Copilot <[email protected]>
Co-authored-by: Copilot <[email protected]>
Co-authored-by: Copilot <[email protected]>
No description provided.