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 #6448] [MERGED] Tags: add light colors to tag color picker, update tag hover depending on tag background brightness #48352

New Issue
Closed
opened 2026-04-26 10:17:08 -05:00 by GiteaMirror · 0 comments
GiteaMirror commented 2026-04-26 10:17:08 -05:00
Owner
Copy Link
Copy Source

📋 Pull Request Information

Original PR: https://github.com/actualbudget/actual/pull/6448
Author: @Juulz
Created: 12/19/2025
Status: ✅ Merged
Merged: 1/8/2026
Merged by: @youngcw

Base: master ← Head: Tags-Add-colors-update-hover

📝 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

6 files changed (+49 additions, -22 deletions)

View changed files

📝 packages/component-library/src/ColorPicker.tsx (+20 -1)
📝 packages/desktop-client/src/hooks/useTagCSS.ts (+16 -15)
📝 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/6448.md (+6 -0)

📄 Description

Add new tag colors in color picker, update tag default for light theme. Update hover state color for light theme.

Enhances the tags:

  • adds more colors to the color picker, see #6396 previously approved by @youngcw
  • changes the hover color depending on tag brightness,
  • updates default tag colors for light and development themes as color chosen is now background color, not text color.

Summary by CodeRabbit

  • New Features

    • Color picker now includes many more preset swatches (expanded reds, magentas, purples, blues, cyans, greens, yellows, oranges, browns, grays, and tinted variants).

  • Style

    • Improved tag text contrast using brightness-aware calculations for clearer readability.
    • Note tag colors updated across themes for more consistent, accessible visuals.

✏️ Tip: You can customize this high-level summary in your review settings.

🔄 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/6448 **Author:** [@Juulz](https://github.com/Juulz) **Created:** 12/19/2025 **Status:** ✅ Merged **Merged:** 1/8/2026 **Merged by:** [@youngcw](https://github.com/youngcw) **Base:** `master` ← **Head:** `Tags-Add-colors-update-hover` --- ### 📝 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 **6 files changed** (+49 additions, -22 deletions) <details> <summary>View changed files</summary> 📝 `packages/component-library/src/ColorPicker.tsx` (+20 -1) 📝 `packages/desktop-client/src/hooks/useTagCSS.ts` (+16 -15) 📝 `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/6448.md` (+6 -0) </details> ### 📄 Description Add new tag colors in color picker, update tag default for light theme. Update hover state color for light theme. Enhances the tags: - adds more colors to the color picker, see #6396 previously approved by @youngcw - changes the hover color depending on tag brightness, - updates default tag colors for light and development themes as color chosen is now background color, not text color. <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **New Features** * Color picker now includes many more preset swatches (expanded reds, magentas, purples, blues, cyans, greens, yellows, oranges, browns, grays, and tinted variants). * **Style** * Improved tag text contrast using brightness-aware calculations for clearer readability. * Note tag colors updated across themes for more consistent, accessible visuals. <sub>✏️ Tip: You can customize this high-level summary in your review settings.</sub> <!-- end of auto-generated comment: release notes by coderabbit.ai --> --- <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-04-26 10:17:08 -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#48352