DependencyTrack / DependencyTrack/frontend

Accessibility - colours and theme

Open
#782 3 comments 17 reactions 0 assignees View on GitHub
enhancement good first issue help wanted p3 size/M
Dominant language
Vue
Stars
171
Forks
250
Avg merge
10h 56m
Merged PRs (30d)
84

Description

### Current Behavior

Web user interface is a "dark mode" - dark background, with light text.

### Proposed Behavior

Ability to choose between "dark mode" and "light mode" colour themes.

There's a growing preference for "dark mode" themes in applications, and sometimes even a mistaken impression that they are universally better for accessibility. This is not the case for all users. I find "dark mode" themes very uncomfortable, to the extent that it becomes an accessibility issue.

### Checklist

- [X] I have read and understand the [contributing guidelines](https://github.com/DependencyTrack/dependency-track/blob/master/CONTRIBUTING.md#filing-issues)
- [X] I have checked the [existing issues](https://github.com/DependencyTrack/frontend/issues) for whether this enhancement was already requested

Contributor guide

No contributing guide indexed for this repository

Research direction

No files, tests, or entry points are named. Start by locating how the frontend currently defines and applies its dark colour theme, then determine how a user would select light or dark; done means both themes are selectable and the light option addresses the reported accessibility concern.

Written by the indexing model from the issue text.

Assessment

Domain
accessibility, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.