goauthentik / goauthentik/authentik
Source icon color inverted in dark mode
- Dominant language
- Python
- Stars
- 25.6k
- Forks
- 2k
- Avg merge
- 1d 2h
- Merged PRs (30d)
- 651
Description
**Describe the bug**
When using an OAuth Source for login, the Icon of the provider gets inverted when using the dark mode.
In the screenshot, the GitLab icon is shown in blue instead of orange.
**To Reproduce**
Steps to reproduce the behavior:
1. Create a `OAuth source` under `Federation and Social login`
2. Add a icon ex. [GitLab Logo](https://images.ctfassets.net/xz1dnu24egyd/3JZABhkTjUT76LCIclV7sH/17a92be9bce78c2adcc43e23aabb7ca1/gitlab-logo-500.svg)
3. Add source to `Identification Stage`
4. See broken icon color on login page
**Expected behavior**
Icons are shown with original colors
**Screenshots**
Dark mode

Light mode

**Logs**
Output of docker-compose logs or kubectl logs respectively
**Version and Deployment (please complete the following information):**
- authentik version: 2024.8.1
- Deployment: docker-compose
- Browser: Firefox and Brave
**Additional context**
Add any other context about the problem here.
Contributor guide
Research direction
Reproduce the issue by creating an OAuth source with a GitLab icon, adding it to an Identification Stage, and viewing the login page in dark mode. Compare the icon with light mode and its original colors; done means provider icons retain their original colors while dark mode is enabled.
Written by the indexing model from the issue text.
Assessment
- Domain
- authentication, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 58/100