canonical / canonical/vanilla-framework

[Component amendment]: p-chip is-readonly paper theme

Open Beginner friendly
#5,846 1 comment 0 reactions 0 assignees View on GitHub
WG: Proposal
Dominant language
HTML
Stars
983
Forks
216
Avg merge
3d 13h
Merged PRs (30d)
3

Description

## Component/pattern to amend

The default/gray `p-chip is-readonly` chip is the same color as the `paper` theme background color. I think the readonly chip should: 1) have an ever so subtle outline; 2) be dark theme on `paper`; 3) be a different color?

## Visual

Image

## Context

Websites (such as certification.canonical.com) that use the `paper` theme would like to use readonly chips, but they are not very distinguishable as chips due to the color of the chip and background being the same.

Contributor guide

Open the contributing guide

Research direction

Start by locating the p-chip styles and the paper theme styles in the Vanilla Framework source. Compare the readonly chip against the paper background and choose a treatment that makes it distinguishable, then verify the component in the paper theme and confirm the readonly state remains visually clear.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, html, sass
Domain
design, frontend
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.