github-starred/actual
2
0
Fork 0
mirror of https://github.com/actualbudget/actual.git synced 2026-11-12 03:42:19 -06:00
Code Issues 3.0k Packages Projects Releases 58 Wiki Activity

[PR #6396] [CLOSED] Add light tints to tag color picker #64477

New Issue
Closed
opened 2026-05-11 21:36:44 -05:00 by GiteaMirror · 0 comments
GiteaMirror commented 2026-05-11 21:36:44 -05:00
Owner
Copy Link
Copy Source

📋 Pull Request Information

Original PR: https://github.com/actualbudget/actual/pull/6396
Author: @Juulz
Created: 12/13/2025
Status: ❌ Closed

Base: master ← Head: add-tag-colors

📝 Commits (10+)

  • e842c28 Add matching light tints to color picker
  • 5ffe353 Update ColorPicker light colors
  • b238029 Update light colors to color wheel
  • bc93216 Update P.10
  • 4222f4a Update light theme tag colors
  • 56a09cf Create 6396.md Add light tints to tag color picker.
  • 9afc753 Update development.ts to match light.ts
  • 05286a8 Update palette.ts
  • 2f7ce0a Update development.ts
  • d942ef8 Update light.ts

📊 Changes

5 files changed (+33 additions, -7 deletions)

View changed files

📝 packages/component-library/src/ColorPicker.tsx (+20 -1)
📝 packages/desktop-client/src/style/palette.ts (+1 -0)
📝 packages/desktop-client/src/style/themes/development.ts (+3 -3)
📝 packages/desktop-client/src/style/themes/light.ts (+3 -3)
➕ upcoming-release-notes/6396.md (+6 -0)

📄 Description

Add light tints to tag color picker. Make it easier for users to choose tag colors without searching out hex codes.

Default light tag change text to black. Add new default hover color so it acts like the rest of the light tag colors (lightens).

I started by lightening the existing colors from the picker, but they turned out so many looked alike when lightened. I then used the color wheel to pick a tint of ~0.70 lightness and ~0.85-0.90 lightness for10 basic colors.

@youngcw - please take a look. 😀 I hope these colors are what you were thinking of for refined light tags.

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/actualbudget/actual/pull/6396 **Author:** [@Juulz](https://github.com/Juulz) **Created:** 12/13/2025 **Status:** ❌ Closed **Base:** `master` ← **Head:** `add-tag-colors` --- ### 📝 Commits (10+) - [`e842c28`](https://github.com/actualbudget/actual/commit/e842c28ae3486334e8c7c47f36905d9050c919ca) Add matching light tints to color picker - [`5ffe353`](https://github.com/actualbudget/actual/commit/5ffe353f49f60ee8848036424cd2fd3881cb43df) Update ColorPicker light colors - [`b238029`](https://github.com/actualbudget/actual/commit/b238029a57df867114e05212f52516e05506e9b1) Update light colors to color wheel - [`bc93216`](https://github.com/actualbudget/actual/commit/bc93216584f9a6a8932ff50399570b392c1e464f) Update P.10 - [`4222f4a`](https://github.com/actualbudget/actual/commit/4222f4a7e260f7f0f7d99b0494c17cb896962172) Update light theme tag colors - [`56a09cf`](https://github.com/actualbudget/actual/commit/56a09cf4c860842310dbd2e8a873922a6e01fa7e) Create 6396.md Add light tints to tag color picker. - [`9afc753`](https://github.com/actualbudget/actual/commit/9afc7530fa58846b21ce88e27e02fda4a316b5d9) Update development.ts to match light.ts - [`05286a8`](https://github.com/actualbudget/actual/commit/05286a87ebdd1b484262b05036682da84c39f5a8) Update palette.ts - [`2f7ce0a`](https://github.com/actualbudget/actual/commit/2f7ce0aa9973126fd8af12d7a5fdb5e07c4abeb8) Update development.ts - [`d942ef8`](https://github.com/actualbudget/actual/commit/d942ef871a3304533c258fa3c4d512b5a51353fe) Update light.ts ### 📊 Changes **5 files changed** (+33 additions, -7 deletions) <details> <summary>View changed files</summary> 📝 `packages/component-library/src/ColorPicker.tsx` (+20 -1) 📝 `packages/desktop-client/src/style/palette.ts` (+1 -0) 📝 `packages/desktop-client/src/style/themes/development.ts` (+3 -3) 📝 `packages/desktop-client/src/style/themes/light.ts` (+3 -3) ➕ `upcoming-release-notes/6396.md` (+6 -0) </details> ### 📄 Description Add light tints to tag color picker. Make it easier for users to choose tag colors without searching out hex codes. Default light tag change text to black. Add new default hover color so it acts like the rest of the light tag colors (lightens). I started by lightening the existing colors from the picker, but they turned out so many looked alike when lightened. I then used the color wheel to pick a tint of ~0.70 lightness and ~0.85-0.90 lightness for10 basic colors. @youngcw - please take a look. 😀 I hope these colors are what you were thinking of for refined light tags. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-05-11 21:36:44 -05:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
AI generated
API
bank sync
budgeting
bug
can’t replicate
dependencies
docker
documentation
electron
experimental feature
feature
feedback
goal templates
good first issue
help wanted
importers
maintenance
needs info
needs testing
needs triage
needs votes
openid
payees
pull-request
Mirrored from GitHub Pull Request
 regression
reports
responsive
rules
schedules
server
✨ merged
split transactions
tech debt
tech-support
theme
transaction import
transaction reconciliation
transactions
translations
upstream
user interface
✅ approved
wontfix
No labels pull-request
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
GiteaMirror ninjasurge (Kaehlen Rog)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#64477