Skip to content

Fix low-contrast issue for partner SVG logos in dark theme#141

Open
chris234567 wants to merge 1 commit intosbsev:mainfrom
chris234567:bug/low_contrast
Open

Fix low-contrast issue for partner SVG logos in dark theme#141
chris234567 wants to merge 1 commit intosbsev:mainfrom
chris234567:bug/low_contrast

Conversation

@chris234567
Copy link
Contributor

Description

This PR addresses Issue #138 about the low contrast of the partners section on the main page where SVG icons were difficult to see against the dark theme background. The solution applies a 1pt drop shadow in white for every direction to the .svg. This increases contrast without altering the logo colors themselves, ensuring better accessibility and readability in dark mode.

However, the implementation via CSS selectors is not robust or clean. It would be much nice to do it via contentful (But I don't have access to the system, therefore this PR is serving just as a suggestion)

Changelog

Added

  • CSS rule targeting images in the section immediately following the h2 with ID -a-href-mitmachen-kooperationspartner-wir-werden-unterstützt-durch-a-
    • applies stacked white drop-shadow filters in four directions around partner SVG logos to create a sharp outline

Additional information

Before After

@netlify
Copy link

netlify bot commented Aug 23, 2025

Deploy Preview for sbsev ready!

Name Link
🔨 Latest commit
🔍 Latest deploy log https://app.netlify.com/projects/sbsev/deploys/68aa20326df112a45d2611a9
😎 Deploy Preview https://deploy-preview-141--sbsev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link

netlify bot commented Aug 23, 2025

Deploy Preview for sbs-austria ready!

Name Link
🔨 Latest commit a3f4bfb
🔍 Latest deploy log https://app.netlify.com/projects/sbs-austria/deploys/68aa10b2fe49060008eb5c75
😎 Deploy Preview https://deploy-preview-141--sbs-austria.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@dominikgeissler
Copy link
Contributor

Good catch!

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.

2 participants