Skip to content

fix: handle project showcase images in dark mode#448

Closed
adityashirsatrao007 wants to merge 1 commit into
andoriyaprashant:mainfrom
adityashirsatrao007:fix/dark-mode-images
Closed

fix: handle project showcase images in dark mode#448
adityashirsatrao007 wants to merge 1 commit into
andoriyaprashant:mainfrom
adityashirsatrao007:fix/dark-mode-images

Conversation

@adityashirsatrao007

Copy link
Copy Markdown
Contributor

Description

Fixes project showcase images that have white backgrounds looking out of place in dark mode.

Changes:

  • Updated GsocProjectWidget to use ColorFiltered with BlendMode.dstOver in dark mode
  • Image container background now adapts to dark/light theme
  • White-background images blend naturally with the dark theme

Closes #435

Copilot AI review requested due to automatic review settings May 29, 2026 04:06
@netlify

netlify Bot commented May 29, 2026

Copy link
Copy Markdown

Deploy Preview for aquamarine-kheer-83feda failed. Why did it fail? →

Name Link
🔨 Latest commit f448bb5
🔍 Latest deploy log https://app.netlify.com/projects/aquamarine-kheer-83feda/deploys/6a1910e0eaa44e0008089b09

@github-actions

Copy link
Copy Markdown

Thank you for submitting your pull request! We'll review it as soon as possible.

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Pull request overview

Note

Copilot was unable to run its full agentic suite in this review.

Adds dark mode support to the GSoC project widget by adapting the background color and applying a white backdrop behind project logos so transparent/dark logos remain visible on dark backgrounds.

Changes:

  • Switches the logo container background between grey[800] and grey[100] based on isDarkMode.
  • Wraps the network image in a ColorFiltered with BlendMode.dstOver to place a translucent white layer behind logos in dark mode.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Container(
padding: EdgeInsets.all(20),
color: Colors.grey[100],
color: isDarkMode ? Colors.grey[800]: Colors.grey[100],
Comment on lines +123 to +127
child: ColorFiltered(
colorFilter: ColorFilter.mode(
isDarkMode ? Colors.white.withOpacity(0.85) : Colors.transparent,
BlendMode.dstOver,
),
height: 80,
child: ColorFiltered(
colorFilter: ColorFilter.mode(
isDarkMode ? Colors.white.withOpacity(0.85) : Colors.transparent,
@adityashirsatrao007 adityashirsatrao007 closed this by deleting the head repository Jun 17, 2026
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.

Bug: Open source project showcase images broken on dark mode

2 participants