AOSSIE-Org / AOSSIE-Org/DebateAI

Fix: Dark Mode Background Contrast in Auth Page

Open
#256 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
84
Forks
198
Avg merge
2d 19h
Merged PRs (30d)
30

Description

## Problem
In Dark Mode, the background of the left-side section (Authentication.tsx) is too light (bg-muted). This causes the "podium" illustration to merge with the background, losing visual definition.

## Proposed Change
Update the background utility class to explicitly use a darker shade (gray-950) when in dark mode, while keeping the original color for light mode.

## Before

Image

## After

Image

File: src/components/Authentication.tsx

Change:

```bash

// LeftSection component div

```

## Goal
Ensure the illustration stands out clearly against the background in both Light and Dark themes.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.