Implemented dark mode across all pages, allowing users to toggle
between light and dark themes. The default theme is determined by
the operating system or browser settings. A toggle button in the
navigation bar enables users to switch themes, using sun and moon
icons from Font Awesome. User preferences are stored in cookies
and local storage to ensure consistency across sessions and pages.
The changes include:
- Added a before_request function to load theme preference from
cookies or set a default based on user agent.
- Updated CSS to support dark mode styling.
- Modified base.html to include a theme toggle button and
corresponding JavaScript for theme switching.
Fixes #FLAS-2
This commit updates the font style in the file flaskr/static/style.css
to include sans-serif. This change was made in response to a pull
request review comment suggesting that the font should also be
sans-serif. The update ensures consistency in the font style across
the application, enhancing the overall visual appearance and
readability.
Replace the previously used font in the style.css file with
Roboto. The original font was not widely supported across
different platforms and browsers, which could lead to
inconsistent user experiences. By switching to Roboto, we
ensure better compatibility and a more uniform appearance
for users accessing the application.
This commit updates the entire site to follow Material design
guidelines, providing a more modern look and feel. The font has
been changed to 'Roboto' and 'Roboto Slab' for a cleaner
typography. The color scheme has been adjusted to match the
provided palette, enhancing the visual appeal and consistency
across the site.
Additional changes include:
- Updated background and text colors for better contrast.
- Added box shadows and border-radius for a softer appearance.
- Improved button styling with hover effects for better
interactivity.
These changes aim to improve user experience by aligning with
current design standards and making the interface more
intuitive and visually appealing.
Fixes #FLAS-4
