coder / coder/coder

Update and align selection indicator styles across the UI

Open
#21,880 0 comments 0 reactions 0 assignees View on GitHub
design needed
Dominant language
Go
Stars
14.5k
Forks
1.5k
Avg merge
1d 20h
Merged PRs (30d)
601

Description

## Overview

We currently have inconsistent selection indicator patterns across the application. This issue tracks the effort to audit and align these styles.

## Current patterns in use

- Blue highlight background for selected items
- Checkmarks (sometimes before text, sometimes after)
- Radio buttons (primarily on admin pages)
- Grey highlight background

## Proposed direction

- Remove blue highlight backgrounds in favor of a more subtle approach
- Standardize on checkmarks as the primary selection indicator
- Use grey backgrounds only where needed for visual clarity

## Design reference

[Figma component](https://www.figma.com/design/WfqIgsTFXN2BscBSSyXWF8/Coder-kit?node-id=550-618&t=s96BGc1OcTwqsjcp-1)

## Tasks

- [ ] Audit all selection patterns currently in use across the application
- [ ] Align with the Figma component design
- [ ] Update components to use consistent selection indicators
- [ ] Remove unnecessary blue highlight backgrounds

---

Created on behalf of @chrifro

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.