Skip to content
This repository has been archived by the owner on Feb 22, 2023. It is now read-only.

[Feature] Use css accent-color for ui control styling #222

Closed
zackkrida opened this issue Sep 15, 2021 · 0 comments · Fixed by #328
Closed

[Feature] Use css accent-color for ui control styling #222

zackkrida opened this issue Sep 15, 2021 · 0 comments · Fixed by #328
Assignees
@dhruvkb
Labels
🕹 aspect: interface Concerns end-users' experience with the software 🌟 goal: addition Addition of new feature good first issue New-contributor friendly help wanted Open to participation from the community 🟩 priority: low Low priority and doesn't need to be rushed

Comments

@zackkrida
Copy link
Member

zackkrida commented Sep 15, 2021 •
edited
Loading

We can use css accent-color to style checkboxes, radio buttons, etc. with out brand color. In the transitional styles, this is our blue accent color.

openverse-frontend/tailwind.config.js

Line 18 in 792a99c

'trans-blue': '#3e58e1',

This rule should be added—make sure to test which selectors it needs to be applied to to work correctly. This article on web.dev should be a good reference:

https://web.dev/accent-color/
@zackkrida zackkrida added good first issue New-contributor friendly help wanted Open to participation from the community 🟩 priority: low Low priority and doesn't need to be rushed 🌟 goal: addition Addition of new feature ✨ goal: improvement Improvement to an existing user-facing feature 🕹 aspect: interface Concerns end-users' experience with the software labels Sep 15, 2021
@zackkrida zackkrida removed the ✨ goal: improvement Improvement to an existing user-facing feature label Sep 15, 2021
@zackkrida zackkrida mentioned this issue Sep 15, 2021
Closed
7 tasks
@DillonKyleDev DillonKyleDev mentioned this issue Sep 17, 2021
Merged
15 tasks
@dhruvkb dhruvkb mentioned this issue Oct 18, 2021
Merged
7 tasks
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees

@dhruvkb dhruvkb

Labels
🕹 aspect: interface Concerns end-users' experience with the software 🌟 goal: addition Addition of new feature good first issue New-contributor friendly help wanted Open to participation from the community 🟩 priority: low Low priority and doesn't need to be rushed
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Use CSS property accent-color to tint form controls WordPress/openverse-frontend
2 participants
@zackkrida @dhruvkb