goauthentik / goauthentik/authentik

Source icon color inverted in dark mode

Open
#11,387 8 comments 2 reactions 0 assignees View on GitHub
area:backend area:frontend bug bug/confirmed
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
![image](https://github.com/user-attachments/assets/b9efcf7b-b409-488d-b90f-5fcc1bc78e6c)

Light mode
![image](https://github.com/user-attachments/assets/2a0e323a-57e7-4556-8553-17242886c451)

**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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.