Closed Halleck45 closed 2 months ago
The layout.html
file has been updated to enhance user interaction and experience. The main changes include modifying the SVG path for the GitHub link to ensure it displays correctly, adding functionality for a dark mode switcher, and updating JavaScript to manage dark mode preferences using localStorage.
File Path | Change Summary |
---|---|
src/…/layout.html | Updated SVG path data for GitHub link, added dark mode switcher, and included JavaScript for toggling dark mode based on localStorage. |
sequenceDiagram
participant User
participant Browser
participant HTML_File as layout.html
User->>Browser: Visits the page
Browser->>HTML_File: Loads layout.html
HTML_File->>Browser: Displays GitHub link with updated SVG
User->>Browser: Toggles dark mode switch
Browser->>HTML_File: Executing dark mode JavaScript
HTML_File->>localStorage: Store user preference for dark mode
Browser->>HTML_File: Apply dark mode based on user preference
src/Report/Html/templates/layout.html (2)
`79-80`: The updated SVG path for the GitHub icon looks correct. Ensure that the visual representation meets the design specifications. --- `146-182`: The JavaScript for managing the dark mode is robust, handling both the enabling and disabling of the theme, as well as persisting the user's preference in local storage. Ensure to test across different browsers to confirm the consistency of local storage behavior.
All modified and coverable lines are covered by tests :white_check_mark:
Project coverage is 55.12%. Comparing base (
e7c67d2
) to head (2ed36a5
).
:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.
Related to #52
Adds a dark mode switcher to the application to improve readability and user experience.
layout.html
. This button allows users to switch between dark and light themes.For more details, open the Copilot Workspace session.