Skip to content

vs-branch-9#16

Merged
VatsalSy merged 6 commits into
mainfrom
vs-branch-9
Mar 6, 2025
Merged

vs-branch-9#16
VatsalSy merged 6 commits into
mainfrom
vs-branch-9

Conversation

@VatsalSy

@VatsalSy VatsalSy commented Mar 6, 2025

Copy link
Copy Markdown
Member

feat: Implement dark mode and various improvements -- fixes #15

This pull request introduces several key improvements to the website:

  1. Dark Mode Support:

    • Adds support for a dark mode theme, ensuring icons and text are visible by setting the color to white
    • Adjusts the background color of team member images to a variable --team-image-bg
    • Implements theme-aware styles for the "About", "News", and other sections to provide a cohesive dark mode experience
  2. Dynamic News Content Loading:

    • Loads the News.md file only on the main page (/ or /index.html)
    • Parses the Markdown content and displays it in the #news-content element
    • Fixes line breaks in list items after parsing the Markdown
  3. Theme Toggle Button:

    • Adds a theme toggle button in the header to allow users to switch between light and dark themes
    • Persists the user's theme preference using localStorage
    • Automatically detects and applies the system's preferred theme
  4. Dark Mode Enhancements:

    • Improves the dark mode styles for the "Join" content, "Research" tags, "Teaching" images, and horizontal rules
    • Enhances the dark mode styles for the "About" section, including the social header, background, and news content
    • Ensures the Google Scholar icon is white in the dark theme

These changes provide a more consistent and visually appealing user experience, with the addition of a dark mode option and dynamic news content loading.

VatsalSy added 6 commits March 5, 2025 15:16
The changes update the name of the speaker for the department seminar
from "José Mnauel Gordillo" to the correct spelling "José Manuel
Gordillo". This ensures the speaker's name is accurately represented in
the course schedule.
This commit introduces the following key changes:

1. Adds support for a dark mode theme:
   - Ensures icons and text are visible in dark mode by setting the color to white
   - Adjusts the background color of team member images to a variable `--team-image-bg`

2. Implements dynamic loading of news content:
   - Loads the `News.md` file only on the main page (`/` or `/index.html`)
   - Parses the Markdown content and displays it in the `#news-content` element
   - Fixes line breaks in list items after parsing the Markdown

3. Adds a theme toggle button in the header:
   - Allows users to switch between light and dark themes
   - Persists the user's theme preference using localStorage
   - Automatically detects and applies the system's preferred theme

These changes improve the user experience by providing a dark mode option and dynamically loading the latest news content without requiring a full page refresh.
This commit introduces a dark theme for the website, with the following key changes:

- Adjust padding and background styles for the main content area to better suit the dark theme.
- Update the styles for the "About" section, including the title and description, to work with the dark theme.
- Modify the styles for the "Intro" section, including the background image and content box, to work with the dark theme.
- Add custom styles for social icons in the "Intro" section to match the dark theme gradient.
- Implement dark theme styles for the "Team" section, including text colors, link colors, and background styles.
- Add theme-aware styles for the "About" and "News" content sections to ensure proper text and link colors.
- Adjust the styles for specific link types (PDF, DOI) in the "News" section to work with the dark theme.

These changes provide a cohesive dark theme experience for the website, improving the overall visual appeal and user experience.
This commit introduces dark mode styles for several components across the website:

- Styles for the `.join-content` element in the `styles.css` file, ensuring the heading text is visible in dark mode.
- Styles for the `.research-content tags span.active` element in the `research.css` file, updating the background and box-shadow colors for the active tags in dark mode.
- Styles for the light/dark mode image toggling in the `teaching.css` file, including fallback styles and overrides for the `.light-mode-img` and `.dark-mode-img` classes.
- Styles for the `hr` elements in the `teaching.css` file, ensuring the horizontal rules are visible in both light and dark modes.

These changes provide a consistent and visually appealing experience for users when switching between light and dark modes on the website.
This commit introduces several improvements to the dark mode styles for the
about section of the application. The changes include:

- Add styles for the social header to have a bottom border and white text
  color in dark mode.
- Style the social section background and border to match the dark mode
  theme.
- Adjust the news content color and scrollbar color in dark mode.
- Modify the layout of the about section to be more responsive on smaller
  screens, ensuring the left and right sections stack vertically.

These changes provide a more consistent and visually appealing dark mode
experience for users.
Adds CSS rules to make the Google Scholar icon white in the command palette
dark theme. This ensures the icon is visible and consistent with the rest of
the dark theme styles.
@VatsalSy
VatsalSy merged commit 043164a into main Mar 6, 2025
@VatsalSy
VatsalSy deleted the vs-branch-9 branch March 29, 2025 19:55
VatsalSy added a commit that referenced this pull request Jun 29, 2026
VatsalSy added a commit that referenced this pull request Jun 29, 2026
Maps the new cover assets under /assets/images/research/ to their
matching news entries so the homepage + /news archive show real
thumbnails instead of the gradient placeholder:

- holey-sheets.png       → Dixit et al., PRL 2026 (#22)
- stood-up-drops.png     → Díaz et al., Soft Matter 2026 (#21)
- jumping-bubbles.png    → Demirkır et al., PRF 2025 (#20)
- bouncing-microdrops.png → Mclauchlan et al., PNAS 2025 (#19)
- integral-surface-tension.jpg → Saini et al., JCP 2025 (#18)

Existing thumbnails for #14, #16, #17, #23 unchanged.
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.

[Enhancement]: implement a good dark theme

1 participant